Skip to main content

Pinterest

An unified home for all Pinterest brand resources

web
product
Screenshot of the Pinterest brand homepage

Brief

The Pinterest brand team approached us with the frustration that their current brand site is limiting in features and disjointed, and partners rely on the team to find the resources they needed. In addition, the team has an ambition to create a site that is not only a coherent resource for creating but a source of inspiration — after all, Pinterest is a brand about inspiration. I worked with the Pinterest team to reimagine what a brand personality forward site could be.

Role

Core contributor (one of three designers) on concept, visual & interaction design, prototyping. Led design system creation

Company

XXIX

Screenshot of a user journey workshop

User journey workshop & workshop synthesis

We organized a user joruney workshop to discover challenges different users (from internal collaborator, creative partner to potential employee) face when using the current brand site. Several creative ideas and design opportunities were generated.

Five concept sketches for the Pinterest brand project

Concepting

We explore different ways to group and navigate content, as well as new opportunities to showcase Pinterest’s brand stories. 

Pushpin icons on top of the words Discover the Pinterest Brand
A list of topics overlay with a cutout image of a plant
Screenshot of the inspire page with images of Pinterest projects

A new framework to explain Pinterest’s design principles

We audited and grouped vast amount of brand content into three intuitive framing — Discover (Brief overview), Learn (Brand guidelines), and Inspire (Gallery & blog) — for audiences of various needs. Within the brand guidelines, we designed a collapsable navigation where key principles are summarized in a series of inset cards. Each card has a quick overview, which expands into deep dive content that is only available to authenticated users.

Screenshot of a slider that changes the font size
Screenshot of the Dos and Don'ts section
Screenshot of the interactive color palette section

Communicating brand concepts through interactivity

I also designed a number of custom interactive elements to highlight brand concepts around typography, color palette, accessibility etc. 

Example showing how one of the editorial components is set up in Figma
Screenshot showing one of the content section expand on mobile

A future-forward design system

Early on, we realized Pinterest's existing product design system was limited for our project. The brand team also feels it is important to differentiate between the brand site and product sites. We created a robust (non-product) design system as expressive and fluid as Pinterest’s brand language. The system was successful such that the brand team is considering introducing it to other Pinterest projects.

Screenshot of the resource page with brand assets and links
A mouse pointer hovering over the save button
Screenshot showing the saved content section

Winnie Yoe LLC