Meta internal design hub
Meta builds technologies that help people connect, find communities and grow businesses. The brand team was facing an issue with internal communication and resources with other teams. Together we curated a clean, easy-to-use design library that took the burden off of their design team and gave power to other teams.
*All copy and imagery have been replaced with placeholder content because this project was for internal use
Challenge
The sales and field marketing teams were unable to find branded assets easily, know which content to use and how to use it, and the brand team wanted a way to organize their content and teach teams how to excel without a dedicated designer.
Results
The online design hub launched as a clean, organized asset library for all teams to have access to all design work. I categorized information in 3 main buckets: by featured content, by product, and by vertical. I also designed a clean color and icon legend that allowed users to easily identify the type of asset they need in an interactive library right on the site. After the design was completed, I prototyped the experience so that the Meta design team could share with their leaders so that the project could get final approval.
One approved, the team asked me to create comprehensive templates within Figma for future resource pages that the team may need to create. I used screenshots, explicit callouts, and color to easily relay information for less experienced users.
3 months
Complete timeline
16
Pages created
3
Templates created
*A visual of the prototype connections
*The design hub homepage
Process
Discover: To begin, we kicked off the project with the brand team at Meta to fully understand the goals of this project. I asked clarifying questions to fully understand the pain points of their broader go to market team. I also learned that they were building this design hub on an external resource called Widen and I made sure to get all login credentials and started to explore its capabilities.
Define: Knowing that there were multiple layers and paths with this project, it was important to outline each page and each page's destination. The brand team focused on the storytelling page of who the brand team is for the organization while I focused on the asset library. I then started to sketch out the page layouts.
Develop: I utilized the Meta design library to design the main resource hub page as well as the additional product pages. The style of the asset thumbnails was an important focus because we needed to be able to preview assets, keep the look uniformed, and also call out the category of the content. I pitched the idea to create a short, concise color and icon legend that would allow the end user to quickly understand the organization of the interactive asset library. We had several rounds of feedback as the team honed in on the amount of content they wanted to add in and I adapted quickly to maintain the original team goal which was to solve other team pain points by creating a clean, organized resource library.
Deliver: Once the design phase was completed and approved, the brand team asked me to prototype the entire experience in Figma so that they could show the experience to their executive team. After some minor updates, the brand team requested I make detailed page templates. These templates were to be used for future brand team members to create additional pages and I created them with explicit instructions on the page layout as well as how to use Figma tools.
*Detailed template instructions for less experienced users
*Additional page designs
*Additional page designs
Conclusion
The Meta brand team's design resource library successfully addressed the communication issues, resulting in a better relationship with go to market teams and an organized hub of design assets for all to use.
