Meta News Hub
The Meta News Hub is a centralized platform for all news and blog channels owned by Meta. It features intuitive search and filtering to help users easily find stories of interest. Serving as a conglomerate site, it unites the efforts of multiple content owners under one roof. Powered by Meta AI, the hub offers dynamic content, personalized recommendations, and has plans to automatically generate content for users in the future, as outlined in its roadmap.
AI, Search, GSAP, Web,
Meta, like many large companies, faces unique challenges. Effective logistics and communication are crucial, yet issues can still arise. Sometimes, different teams end up working in isolation, which can lead to inefficiencies. Currently, Meta's web operations are experiencing this problem, with numerous web entities managed by separate teams that do not communicate effectively. The Meta News Hub was created to address this issue.
The Meta News Hub is a centralized platform for all company-related information. It includes sub-hubs for various areas of interest, such as Reality Labs, Family of Apps, and Policies. Featuring its own navigation and search functionality, it makes finding stories easier than ever in Meta’s history.
Things to keep in mind
The Reasoning
Disjointed approach to building blogs and news channels proved inefficient.
Bottom-up drive to transform about.meta.com into an innovation and impact hub.
THE DYNAMICS
Multiple existing blogs and news channels, owned by different teams, each with distinct goals and preferences.
A significant amount of existing content across various platforms, some built on incompatible tech stacks, needing consolidation and rework.
The Goals
Empower partners to build and publish content using our robust component libraries.
Develop a scalable framework that allows teams to onboard easily in the future, even if they can’t immediately join.
The Context
28 different blogs exist across the company, each with its own distinct focus.
Each blog is paired with accompanying marketing content, contributing to a fragmented approach.
Let’s conceptualize
Scalability and navigation were key priorities, requiring robust componentry and complex frameworks to achieve both. We structured the News platform as a conglomerate of hubs, each representing different company pillars (e.g., Reality Labs, Family of Apps, Policies, etc.). This allowed content owners to update their respective hubs independently, ensuring that each hub could operate separately. The design also made future adoption easier, enabling teams to onboard as needed without disrupting the system.
Hubs enable teams across Meta to integrate seamlessly into the blog infrastructure while maintaining unified navigation. They also enhance the user experience by allowing end users to sort and explore content efficiently through categorized hubs.
The news posts are fully scalable and dynamic, supporting any component or module developed for Meta’s About Platform, ensuring consistency and flexibility across the ecosystem.
The Archive or All News section enables users to easily locate specific stories, regardless of their publication date, ensuring seamless access to past content.
Results
While the Meta News Hub project has not yet launched, initiating this project has guaranteed benefits. Significant efficiencies have been realized through the consolidation of 28 blogs and numerous supporting toolkits. By streamlining these web entities, the project has started to improve operational efficiency right from the beginning.
Consolidated Blogs
28
Deprecated Toolkits
24
Collaborators
[ TPM ]
Dan Kupsco
Design and Engineering Lead for Web @Meta
Bay Area California
Featured Work
005 /007
Company
Meta Platforms
Involvement
- Prototyping
- Product Design
- Front-end Eng
Project Info