WikiRedesign_Thumbnail.jpg

Facebook SOE Wiki Redesign

FACEBOOK SOE WIKI REDESIGN

Facebook’s Source, Operation, and Engineering organization asked our team to redesign their wiki pages to improve navigation, the flow of content throughout the site, and reflect Facebook’s rebrand. The site content is mainly on introduction to the organization, the makeup of the teams, and the resources and tools available for different functional roles to do their jobs.

 

The team lead, the developer, and I worked closely on doing an audit of the site, presented the findings and proposal of what the redesign would entail and solve, got the approval, and went straight to design and implement the redesign of twenty pages for the first phase of the redesign launch, all within 3 months. The success required quality control implementation, hitting each of the major milestones, managing internal client’s expectations throughout the project, and deliver each group of pages per our agreement upfront.

The new design met the business and design requirements and received accolades from both within and outside the organization. As a result, we were inundated with requests to redesign the other pages within the organization and had wiki redesign requests from another organization.

 

My Role: Art Direction & Visual Design


Before & After.jpg

The design solution was to extend Facebook’s rebrand visual language and make it engaging, ensure that the content is easy to consume and has a nice flow, create intuitive interactions with the content, and that it’s easy to navigate throughout the site.

 
 

Various Redesigned Wiki Pages


SOE Wiki Style Guide, Template, and Components

These are the templates with the column grids established for each level of page template, the brand style guide, and the icon library.

These are the templates with the column grids established for each level of page template, the brand style guide, and the icon library.

This component library consists of the most popular design components to helps create efficiency and consistency in visual design.

This component library consists of the most popular design components to helps create efficiency and consistency in visual design.