Design & Front end development for

PlanPhilly's Mayoral Matchmaker

An interactive candidate and issue guide to help Philadelphians get to know the mayoral Democratic primary candidates.

In Philadelphia, the Democratic primary is the de facto election for the city's mayor. Prior to the election, PlanPhilly's team researched and collected the candidates' positions and quotes on 16 issues across five topics related to city planning. I was charged with creating a digestible, useful format for this impressive quantity of content over the course of a week.

After a couple quick rounds of proposed solutions and iterations, we decided on an interactive quiz-like format, presenting each issue and the candidates' positions.

voter guide layout

The results show the winning candidate and an overall view of how one's opinions match the candidates'.

voter guide results screen

The guide is responsive to work for mobile users.

voter guide mobile view