VoteSource
Created an infographic website to inform first-time voters about election processes by combining data visualization, responsive SCSS design, and accessibility principles.
Team
Ghali Habti El Idrissi (UX Researcher & Designer & Developer)
Discovery & Research
The Challenge
VoteSource faced the challenge of engaging young voters aged 18-35 who traditionally show the lowest turnout rates during midterm and local elections. This demographic often perceives the voting process as complex or confusing, lacks accessible information about how elections impact their daily lives, and struggles with time constraints that make researching voting details difficult.
The Solution
Create a visually-driven, one-page scrolling website that transforms complex voting information into digestible, engaging content specifically designed for mobile-first consumption. By using interactive infographics, custom illustrations, and smooth CSS animations, I made civic information approachable and easy to navigate.
Target Audience
Young Adults (18-35)
Historically low turnout rates, seeking visually engaging mobile-friendly content
First-Time Voters
Need accessible information to navigate the voting process with confidence
Marginalized Communities
Value social responsibility and easy-to-understand civic information
Define
Website Sections
Created infographics and chose a non-partisan color palette for 4 different sections: Why Vote? Voter Trends, How to Vote?, and Ready to Vote?
Research Collages
Develop
Branding Assets
Developed a trustworthy, non-partisan visual identity using blue tones to convey reliability and civic responsibility.
Branding
Wireframes
Created low-fidelity wireframes to establish the website's structure, user flow, and key interaction points before moving to high-fidelity designs.
Home Page
Why Vote Section
Voter's Trend Section
How to Vote Section
How to Vote Section
Design Comps
High-fidelity design compositions showcasing the final visual direction and accessible information design for first-time voters.
Home Page
Deliver
Final Developed Website
The final coded website, bringing the design to life with responsive SCSS, accessible HTML, and responsive implementation.
Print-Ads Mockups
