MyCitizen

design

coding

Project link

Tools: Figma + HTML/CSS/JS + Firebase + Google Civic API + AWS S3/Lambda

the problem

In a digital landscape overwhelmed by political noise, I wanted to design an experience that cuts through confusion and helps people—especially younger, first-time, or disconnected voters—understand their political values and make more informed voting decisions. The core UX question was:

How can I help people feel confident about how they vote without overwhelming them?

ux goals

1. make political self-discovery visual and intuitive

2. surface only elections and candidates relevant to the user

3. match users with candidates based on shared values-not just party lines

ux design process

First, I designed a custom visual quiz based on 5 philosophical axes:

Collectivism vs Individualism

Progress vs tradition

globalism vs nationalism

skepticism vs trust

public investment vs free market

Then, I wrote and rewrote questions to remove bias, favoring reflection over ideology.

Finally, I created a scoring system to give users a philosophical “profile” that felt both personal and shareable.