Meta
With a mission to revitalize Meta’s For Media site, the objective was to create an engaging, modern platform that resonates with media professionals. The challenge was to elevate the brand’s perception, emphasize Meta's role in media innovation, and establish an intuitive, visually compelling experience.
Date
2021 - 2022
Role
Art Director
research
Research revealed that media professionals perceived the previous site as outdated and misaligned with Meta’s role in media innovation. Users expressed a need for quick access to up-to-date resources, industry trends, and Meta’s specialized tools for media insights. Additionally, competitor analysis showed a trend toward minimalistic, functional layouts that lacked distinctive graphic elements. Meta could stand out in this area by incorporating memorable visuals and a stronger brand presence.
ideation
Early concepts explored dynamic hero graphics and bold typography to echo the “big ideas” that Meta embodies for media professionals. Inspired by Michael Bierut’s design principles, I emphasized simplicity paired with a powerful color scheme, creating a balance of corporate sophistication and creative expression.
The art direction for the now main hero design was inspired by Michael Beirut’s designs for the Museum of the Arts and Design in New York City. The museum had a long-running identity crisis with the architecture and the acronym MAD.
We had a similar situation as the idea was to have the word “GROW” placed within the main animation. The problem is that it would need to be translated and not work as well in other languages as the wording might change. I realized that the only word that wouldn’t change would be “Media”. Looking for ways to incorporate Media into the imagery minimally, I came across Michael Beirut’s book How To… Then the team created circles, semicircles, and rectangles to construct the word Media.
The art direction for the now main hero design was inspired by Michael Beirut’s designs for the Museum of the Arts and Design in New York City. The museum had a long-running identity crisis with the architecture and the acronym MAD.
The method offers a flexible framework for creating cohesive yet diverse visual elements. Through many designs trying to recreate a word, we now have what you see today. Shapes that are brought together thoughtfully and connect referencing the brand.
solution
The final design prominently featured a striking hero graphic inspired by Bierut’s work, with bold, typographic elements that conveyed Meta’s confidence and media expertise. Visuals were kept clean and minimal, leveraging whitespace to create an accessible, professional experience for media professionals.
Post-launch analytics showed a 35% increase in session duration and 20% higher engagement with insights and tools sections. User feedback indicated that the refreshed design significantly improved Meta’s perception as a forward-thinking media partner.
modules
One of the key advantages of modules in product design is the customizable experience it offers to users. By breaking down the interface into independent modules, designers can better personalize the experience according to KPIs and business needs on complex platforms.
