Template System – Careers Website

I led a project focused on creating a flexible template system of commonly used components on the Meta Careers website to address stakeholder feedback and reduce time spent creating design mock-ups and launching new pages.

Skills used: strategy, project management, stakeholder management, Figma, wireframes

The Challenge

Stakeholders shared feedback that launching new pages on the website was a long & confusing process. The website team was also struggling to meet deadlines due to the time required to create mock-ups from scratch when presenting work to stakeholders. The team was also spending a lot of time communicating specs, character limits, and general page limitations to stakeholders, causing confusion and adding to project timelines.

The Solution

With support from a junior designer and program manager, we created a library of page templates that could be used to quickly build design mock-ups of website pages. These templates were built in Figma and were based on components currently available on the website. Using existing components allowed the team to repurpose code already used in the content management system and move quickly to launch new pages on the site without the need for engineering support. Page templates also included helpful specifications & guidance for partners so they understood the capabilities of the components – this also allowed the team to move fast by ensuring everyone contributing to web projects had a clear understanding of components that were available and their limitations, reducing time spent educating partners and limiting back and forth communication.

Page Templates

Components

The Impact

After launching the template system, the team:

• Received positive feedback from stakeholders and leadership

• Reduced time spent launching new pages on the website by 40%

• Reduced engineering support required to launch new pages by 75%