Creating a design system for a
scalable content site
View Project

The Planned Parenthood Action Fund (PPAF) is the political advocacy arm of Planned Parenthood, and works to protect sexual and reproductive rights and expand access to healthcare. In response to the inundation of news after the 2016 election, the PPAF hired a design agency to build a site that tracked the Tr*mp administration's many offenses to civil rights. After the agency launched the microsite, updating the content was a manual, labor-intensive process for editors that also required internal engineering resources to ship.

I created and standardized a modular design system to house the migrated content within PPAF's CMS for faster publishing. We also used this opportunity to conduct user research and iterate on the site design, which resulted in updating the information architecture, reprioritizing the hierarchy of page content, rewriting policy descriptions into bite-sized, easy to consume nuggets, and driving users to take action.

As the design lead, I was responsible for conducting user research, facilitating design workshops with the team, and designing the user experience and interface. I worked closely with internal stakeholders and an engineering vendor to ship the redesigned Tracking Tr*mp microsite in the spring of 2019.

Strategic Planning, User Research, Information Architecture, UX Design, Visual Design, Design System, Responsive Web

Tracking Tr*mp Site Maps

Current and proposed site maps

Tracking Tr*mp design exercise and block wireframes

Sketches from a stakeholder design exercise helped inform the content block wireframes for the policy page

Tracking Tr*mp policy page, desktop

Final design: Policy page, desktop

Tracking Tr*mp concept wireframes for homepage

Concept wireframes for homepage

Tracking Tr*mp visual design options for homepage hero

Visual design options for homepage hero

Animated gif of Tracking Tr*mp homepage on desktop

Final design: Homepage, desktop