Work

Interactive Constitution

A nonpartisan tool that allows learners of all ages to engage with the text of the Constitution, and explore arguments on all sides of the constitutional debates.

User Experience, Web Design
Agency: Constructive
Client: National Constitution Center

National-Constitution-Center-Interactive-Constitution

An acessible destination for exploration

It was crucial to make this site acessible and easy to navigate for viewers of all ages. I incorporated a collapsable left sidebar to easily navigate between different articles and amendments because we found users liked the ability to jump around to different sections of the constitution. The design was intentionally minimal with only using shades of slate to allow readers to focus on the text. 

interactive-constitution-2

A place for debating and coming together

The hallmark feature of the Interactive Constitution is the interpretation section where scholars from both sides of the political spectrum debate every article and amendment and then come together to write a common interpretation. The design of the interpretation pages include a prominant sectional navigation so users can easily toggle between both sides. There is also a left sidebar that includes the source from the constitution so the text is always front of mind. I illustrated an icon set to explain how the interpretation section works.

interactive-constitution-3
interactive-constitution-4-1

Constitution in the Classroom Section

The other main section for this site is to provide educators with resources to teach the constitution. I worked closely with NCC's Education team to ensure we built a section that met their organizational needs, but also inuitive to educators' needs. The design of this section was allowed to be more colorful because of the younger demographic, so I extended the original illustration style to include more collages.

interactive-constitution-5
interactive-constitution-6
interactive-constitution-copy-7
interactive-constitution-8

See More

Air Quality Life IndexData Visualization · UX · Web Design · Print

30x30 InitiativeBranding · UX · Web Design

Sephardic Foundation on AgingBranding · UX · Web Design