VOTER'S EDGE

VOTER'S EDGE

VOTER'S EDGE

VOTER'S EDGE

VOTER'S EDGE

VotersEdge_Cover

AUGMENTED REALITY  |  MOBILE APP  |  PRODUCT DEVELOPMENT

Voter's Edge is a non-partisan voter information website. Founded by the League of Women Voters and Maplight, voters can access ballot measures and candidate races, learn about the voting process, and see upcoming election day information. Voters are also able to save their choices to a "My List" feature that they can reference at the polls.

We were asked by the client to meet three goals in six weeks: to improve engagement and increase conversion rate; to strengthen the site's functionality and usability; to ensure information access to all voters, including Non-English speakers and voters with disabilities. 

Our team had to prioritize the website's most important features in order to make changes with the greatest impact. We reworked structure and content in order to reduce cognitive load and make content easily scalable for mobile.

Voter's Edge is a non-partisan voter information website. Founded by the League of Women Voters and Maplight, voters can access ballot measures and candidate races, learn about the voting process, and see upcoming election day information. Voters are also able to save their choices to a "My List" feature that they can reference at the polls.

We were asked by the client to meet three goals in six weeks: to improve engagement and increase conversion rate; to strengthen the site's functionality and usability; to ensure information access to all voters, including Non-English speakers and voters with disabilities. 

Our team had to prioritize the website's most important features in order to make changes with the greatest impact. We reworked structure and content in order to reduce cognitive load and make content easily scalable for mobile.

Voter's Edge is a non-partisan voter information website. Founded by the League of Women Voters and Maplight, voters can access ballot measures and candidate races, learn about the voting process, and see upcoming election day information. Voters are also able to save their choices to a "My List" feature that they can reference at the polls.

We were asked by the client to meet three goals in six weeks: to improve engagement and increase conversion rate; to strengthen the site's functionality and usability; to ensure information access to all voters, including Non-English speakers and voters with disabilities. 

Our team had to prioritize the website's most important features in order to make changes with the greatest impact. We reworked structure and content in order to reduce cognitive load and make content easily scalable for mobile.

Voter's Edge is a non-partisan voter information website. Founded by the League of Women Voters and Maplight, voters can access ballot measures and candidate races, learn about the voting process, and see upcoming election day information. Voters are also able to save their choices to a "My List" feature that they can reference at the polls.

We were asked by the client to meet three goals in six weeks: to improve engagement and increase conversion rate; to strengthen the site's functionality and usability; to ensure information access to all voters, including Non-English speakers and voters with disabilities. 

Our team had to prioritize the website's most important features in order to make changes with the greatest impact. We reworked structure and content in order to reduce cognitive load and make content easily scalable for mobile.

Voter's Edge is a non-partisan voter information website. Founded by the League of Women Voters and Maplight, voters can access ballot measures and candidate races, learn about the voting process, and see upcoming election day information. Voters are also able to save their choices to a "My List" feature that they can reference at the polls.

We were asked by the client to meet three goals in six weeks: to improve engagement and increase conversion rate; to strengthen the site's functionality and usability; to ensure information access to all voters, including Non-English speakers and voters with disabilities. 

Our team had to prioritize the website's most important features in order to make changes with the greatest impact. We reworked structure and content in order to reduce cognitive load and make content easily scalable for mobile.

TYPE:  UX Design | Web Design | Interface Design | Brand Design | Designing for Accessibility

TYPE:  UX Design | Web Design | Interface Design | Brand Design | Designing for Accessibility

TYPE:  UX Design | Web Design | Interface Design | Brand Design | Designing for Accessibility

TYPE:  UX Design | Web Design | Interface Design | Brand Design | Designing for Accessibility

TYPE:  UX Design | Web Design | Interface Design | Brand Design | Designing for Accessibility

USABILITY TESTING

USABILITY TESTING

USABILITY TESTING

USABILITY TESTING

USABILITY TESTING

To ensure that Voter's Edge was accessible to as wide an audience as possible, we decided to focus our design on clarity and simplicity in order to make information available to all. Instead of developing individual user personas to drive out designs, we test each iteration for high readability, comprehension, and accessibility.  

To ensure that Voter's Edge was accessible to as wide an audience as possible, we decided to focus our design on clarity and simplicity in order to make information available to all. Instead of developing individual user personas to drive out designs, we test each iteration for high readability, comprehension, and accessibility.  

To ensure that Voter's Edge was accessible to as wide an audience as possible, we decided to focus our design on clarity and simplicity in order to make information available to all. Instead of developing individual user personas to drive out designs, we test each iteration for high readability, comprehension, and accessibility.  

To ensure that Voter's Edge was accessible to as wide an audience as possible, we decided to focus our design on clarity and simplicity in order to make information available to all. Instead of developing individual user personas to drive out designs, we test each iteration for high readability, comprehension, and accessibility.  

To ensure that Voter's Edge was accessible to as wide an audience as possible, we decided to focus our design on clarity and simplicity in order to make information available to all. Instead of developing individual user personas to drive out designs, we test each iteration for high readability, comprehension, and accessibility.  

voters-edge_userTestResults

ACCESSIBILITY

ACCESSIBILITY

ACCESSIBILITY

ACCESSIBILITY

ACCESSIBILITY

In order to ensure that the website was providing information to as many users as possible, we examined the website for readability, color blindness, and color contrast.

We found that the current design had low color contrast, which made it hard for users to visually distinguish between color and background. The lack of visual hierarchy also created a high cognitive load on users. We added a bright color to the current color scheme for higher color contrast and improved accessibility and navigation. 

In order to ensure that the website was providing information to as many users as possible, we examined the website for readability, color blindness, and color contrast.

We found that the current design had low color contrast, which made it hard for users to visually distinguish between color and background. The lack of visual hierarchy also created a high cognitive load on users. We added a bright color to the current color scheme for higher color contrast and improved accessibility and navigation. 

In order to ensure that the website was providing information to as many users as possible, we examined the website for readability, color blindness, and color contrast.

We found that the current design had low color contrast, which made it hard for users to visually distinguish between color and background. The lack of visual hierarchy also created a high cognitive load on users. We added a bright color to the current color scheme for higher color contrast and improved accessibility and navigation. 

In order to ensure that the website was providing information to as many users as possible, we examined the website for readability, color blindness, and color contrast.

We found that the current design had low color contrast, which made it hard for users to visually distinguish between color and background. The lack of visual hierarchy also created a high cognitive load on users. We added a bright color to the current color scheme for higher color contrast and improved accessibility and navigation. 

In order to ensure that the website was providing information to as many users as possible, we examined the website for readability, color blindness, and color contrast.

We found that the current design had low color contrast, which made it hard for users to visually distinguish between color and background. The lack of visual hierarchy also created a high cognitive load on users. We added a bright color to the current color scheme for higher color contrast and improved accessibility and navigation. 

voters-edge_accessibility
VOTERS-EDGE_color-change

CHALLENGES

CHALLENGES

CHALLENGES

CHALLENGES

CHALLENGES

TIME CONSTRAINTS
The client requested the project be completed on a 6-week timeline in order to implement the designs for the 2018 CA election. Because time limited the number of pages we were able to redesign, we were tied to the pre-existing information architecture. Our designs focused on landing page, ballot information, and my list feature.

LIMITED BUDGET AND RESOURCES
We designed the website for as little site maintenance as possible. This is so that the organization could focus energy and resources on getting relevant information to voters instead of spending time updating visual assets.

BOOTSTRAP
In order to reduce the amount of time and effort needed to implement the new designs, we decided to work within the current website framework. By considering Bootstrap in our designs, we were also able to ensure they were responsive across multiple platforms. 

TIME CONSTRAINTS
The client requested the project be completed on a 6-week timeline in order to implement the designs for the 2018 CA election. Because time limited the number of pages we were able to redesign, we were tied to the pre-existing information architecture. Our designs focused on landing page, ballot information, and my list feature.

LIMITED BUDGET AND RESOURCES
We designed the website for as little site maintenance as possible. This is so that the organization could focus energy and resources on getting relevant information to voters instead of spending time updating visual assets.

BOOTSTRAP
In order to reduce the amount of time and effort needed to implement the new designs, we decided to work within the current website framework. By considering Bootstrap in our designs, we were also able to ensure they were responsive across multiple platforms. 

TIME CONSTRAINTS
The client requested the project be completed on a 6-week timeline in order to implement the designs for the 2018 CA election. Because time limited the number of pages we were able to redesign, we were tied to the pre-existing information architecture. Our designs focused on landing page, ballot information, and my list feature.

LIMITED BUDGET AND RESOURCES
We designed the website for as little site maintenance as possible. This is so that the organization could focus energy and resources on getting relevant information to voters instead of spending time updating visual assets.

BOOTSTRAP
In order to reduce the amount of time and effort needed to implement the new designs, we decided to work within the current website framework. By considering Bootstrap in our designs, we were also able to ensure they were responsive across multiple platforms. 

TIME CONSTRAINTS
The client requested the project be completed on a 6-week timeline in order to implement the designs for the 2018 CA election. Because time limited the number of pages we were able to redesign, we were tied to the pre-existing information architecture. Our designs focused on landing page, ballot information, and my list feature.

LIMITED BUDGET AND RESOURCES
We designed the website for as little site maintenance as possible. This is so that the organization could focus energy and resources on getting relevant information to voters instead of spending time updating visual assets.

BOOTSTRAP
In order to reduce the amount of time and effort needed to implement the new designs, we decided to work within the current website framework. By considering Bootstrap in our designs, we were also able to ensure they were responsive across multiple platforms. 

TIME CONSTRAINTS
The client requested the project be completed on a 6-week timeline in order to implement the designs for the 2018 CA election. Because time limited the number of pages we were able to redesign, we were tied to the pre-existing information architecture. Our designs focused on landing page, ballot information, and my list feature.

LIMITED BUDGET AND RESOURCES
We designed the website for as little site maintenance as possible. This is so that the organization could focus energy and resources on getting relevant information to voters instead of spending time updating visual assets.

BOOTSTRAP
In order to reduce the amount of time and effort needed to implement the new designs, we decided to work within the current website framework. By considering Bootstrap in our designs, we were also able to ensure they were responsive across multiple platforms. 

LOW-FIDELITY DESIGN

LOW-FIDELITY DESIGN

LOW-FIDELITY DESIGN

LOW-FIDELITY DESIGN

LOW-FIDELITY DESIGN

We were lead through a series of design and test cycles. During design studio, we would ideate, sketch and iterate as a group, which allowed for greater coherence on design and layout. Usability tests were performed at the end of every cycle to ensure user comprehension, readability, and ease of navigation. 

We were lead through a series of design and test cycles. During design studio, we would ideate, sketch and iterate as a group, which allowed for greater coherence on design and layout. Usability tests were performed at the end of every cycle to ensure user comprehension, readability, and ease of navigation. 

We were lead through a series of design and test cycles. During design studio, we would ideate, sketch and iterate as a group, which allowed for greater coherence on design and layout. Usability tests were performed at the end of every cycle to ensure user comprehension, readability, and ease of navigation. 

We were lead through a series of design and test cycles. During design studio, we would ideate, sketch and iterate as a group, which allowed for greater coherence on design and layout. Usability tests were performed at the end of every cycle to ensure user comprehension, readability, and ease of navigation. 

We were lead through a series of design and test cycles. During design studio, we would ideate, sketch and iterate as a group, which allowed for greater coherence on design and layout. Usability tests were performed at the end of every cycle to ensure user comprehension, readability, and ease of navigation. 

EMPOWER_lo-fi-designs

HIGH-FIDELITY DESIGN

HIGH-FIDELITY DESIGN

HIGH-FIDELITY DESIGN

HIGH-FIDELITY DESIGN

HIGH-FIDELITY DESIGN

When approaching the design, we wanted to ensure readability and comprehension for mobile as well as desktop. By dividing content into columns and collapsible sections, we were able to design easily for bootstrap.

In parallel with the Lo-Fi design process, we developed the overall work and feel of the website. In order to maintain the website's non-partisanship appeal, we opted to reorganize all information instead of eliminating any.  

When approaching the design, we wanted to ensure readability and comprehension for mobile as well as desktop. By dividing content into columns and collapsible sections, we were able to design easily for bootstrap.

In parallel with the Lo-Fi design process, we developed the overall work and feel of the website. In order to maintain the website's non-partisanship appeal, we opted to reorganize all information instead of eliminating any.  

When approaching the design, we wanted to ensure readability and comprehension for mobile as well as desktop. By dividing content into columns and collapsible sections, we were able to design easily for bootstrap.

In parallel with the Lo-Fi design process, we developed the overall work and feel of the website. In order to maintain the website's non-partisanship appeal, we opted to reorganize all information instead of eliminating any.  

VOTER-EDGE_Desktop-Taskflow

HOMEPAGE

HOMEPAGE

HOMEPAGE

HOMEPAGE

VOTERS-EDGE_homepage-changes

BALLOT OVERVIEW

BALLOT OVERVIEW

BALLOT OVERVIEW

BALLOT OVERVIEW

VOTERS-EDGE_ballot-overview-changes

CANDIDATE COMPARISON

CANDIDATE COMPARISON

CANDIDATE COMPARISON

CANDIDATE COMPARISON

VOTERS-EDGE_candidat-changes
VOTERS-EDGE_cover-project-imageA

RETROSPECTIVE

RETROSPECTIVE

RETROSPECTIVE

RETROSPECTIVE

RETROSPECTIVE

DESIGN SYSTEMS ARE CRUCIAL FOR GROUPS IN FLUX
Due to such varying levels of member commitment and contribution, we quickly realized we needed a way to maintain consistency across our designs. I worked with one of the project leaders to create a design system based on our wireframe designs and was responsible for maintaining it throughout the rest of the project. We found that the design system improved scalability in our responsive design and ensured a clean delivery to our client.

PRIORITIZING COLLABORATION OVER INDIVIDUAL OWNERSHIP IS SOMETIME NECESSARY
At the beginning of the project, we assigned divided the project to make sure that each person had a part of the project they could claim as their own. As the project progressed and some team members had to move away from the project, it was becoming time consuming to continually find others to fill the gaps that were created. We found that switching our approach to collaborating as a group reduced confusion and helped us work more effectively.

DESIGN SYSTEMS ARE CRUCIAL FOR GROUPS IN FLUX
Due to such varying levels of member commitment and contribution, we quickly realized we needed a way to maintain consistency across our designs. I worked with one of the project leaders to create a design system based on our wireframe designs and was responsible for maintaining it throughout the rest of the project. We found that the design system improved scalability in our responsive design and ensured a clean delivery to our client.

PRIORITIZING COLLABORATION OVER INDIVIDUAL OWNERSHIP IS SOMETIME NECESSARY
At the beginning of the project, we assigned divided the project to make sure that each person had a part of the project they could claim as their own. As the project progressed and some team members had to move away from the project, it was becoming time consuming to continually find others to fill the gaps that were created. We found that switching our approach to collaborating as a group reduced confusion and helped us work more effectively.

DESIGN SYSTEMS ARE CRUCIAL FOR GROUPS IN FLUX
Due to such varying levels of member commitment and contribution, we quickly realized we needed a way to maintain consistency across our designs. I worked with one of the project leaders to create a design system based on our wireframe designs and was responsible for maintaining it throughout the rest of the project. We found that the design system improved scalability in our responsive design and ensured a clean delivery to our client.

PRIORITIZING COLLABORATION OVER INDIVIDUAL OWNERSHIP IS SOMETIME NECESSARY
At the beginning of the project, we assigned divided the project to make sure that each person had a part of the project they could claim as their own. As the project progressed and some team members had to move away from the project, it was becoming time consuming to continually find others to fill the gaps that were created. We found that switching our approach to collaborating as a group reduced confusion and helped us work more effectively.

Get In Touch

Phone: (415) 516 - 4944
Email: samantha.l.park@gmail.com

©2021 Samantha Park