DI x WCV Hero Image

A user-friendly website for Native American voters from Wisconsin to access voting resources, learn about the Wisconsin Native Vote program’s impact, and discover civic engagement opportunities.

Overview

Challenge

Wisconsin Conservation Voices (WCV) struggled to clearly communicate the purpose and available resources of its Wisconsin Native Vote (WNV) program due to an unclear content hierarchy and accessibility limitations. The project focused on evaluating and redesigning key sections of the Native Vote and Voting Info pages to improve clarity, better highlight program impact, and enhance accessibility, all while designing within the technical constraints of Squarespace and a condensed timeline from mid-October to early December.

Goal

Enable users to quickly understand the purpose, impact, involvement opportunities, and resources provided by the WNV program by improving the accessibility, usability, and credibility of the Native Vote and Voting Info pages. 

Client
Wisconsin Conservation Voices (WCV)
Duration
October 2025 - December 2025
Team
6 UX/UI designers, 1 project lead
Role
UX/UI Designer, UX Researcher
Responsibilities
wireframing, prototyping, accessibility, usability study

Research

Understanding WCV and WNV

We conducted a review of the existing site to gain insight into WCV and the WNV program. We learned that the purpose of the Native Vote and Voting Info web pages is to promote civic engagement and highlight the program’s impact; that their target audience is Native Americans of voting age in Wisconsin, as well as funders; and that their key CTAs include pledging to vote, volunteering, and donating.

Existing Native Vote PageExisting Voting Info Page

Comparative UX Analysis

Performing this analysis helped us gain a better understanding of how other organizations in the landscape’s websites capture attention, foster trust, and promote action in comparison to how the existing website does. The following outlines key differences we observed between other organizations’ sites and WNV’s webpages:

Clear Hierarchy vs Unclear Hierarchy
Emphasized CTA Buttons vs De-emphasized CTA Buttons
Easily Accessible vs Hardly Accessible
Strong Visual Storytelling vs Weak Visual Storytelling
Strong Brand Identity vs Weak Brand Identity
Highlighted Evidence of Impact vs Understated Evidence of Impact

Define & Ideate

Problems & Solution Ideas

After learning more about WNV, the goals for their website, and the areas in need of improvement outlined above, we developed problem statements and solution propositions based on research, best practices, guidelines, and team insights to inform design ideas and changes.

Overview of problems and solution statements jamboard
Close up of team insights jamboard

Digital Wireframes

We created wireframes based on our proposed problem-solution statements and provided feedback on the designs before moving on to create higher-fidelity versions for our prototype.

Native Vote page wireframe 1
Native Vote page wireframe 2
Native Vote page wireframe 1
Voting Info page wireframe 1
Voting Info page wireframe 2
Voting Info page wireframe 3

Prototype

High-Fidelity Prototype

While creating our prototype, we incorporated feedback from our wireframes, adhered to brand guidelines, and considered accessibility requirements.

Feel free to try out the prototype below.

Accessible UI highlight for Native Vote page hero section hifi prototype
CTA button highlight for Native Vote page button section hifi prototype
Reduced cognitive load highlight for Voting Info page Getting Started section hifi prototype
Affordance and progressive disclosure highlights for Voting Info page hifi prototype

Test

Methodology

As the usability study lead, I ran a three-part asynchronous usability study to evaluate design decisions in our prototype. I designed the study and recruited participants, then analyzed submitted screen recordings to observe how users interacted with the prototype. The analysis measured task success rates, System Usability Scale scores, qualitative feedback, and perceived cultural resonance between the existing website and the prototype. These insights revealed usability issues and cultural impact, and directly informed design refinement recommendations before implementation.

Test method outline on arrow timeline

Impact

Task Success Rate

50%
increase in donation button clicks
100%
success finding polling location

System Usability Scale Score (SUS)

91
out of 100 prototype SUS score
5.8%
increase from existing site
33.8%
greater than average

Accessibility

5.39:1 to 21:1*
prototype contrast ratio (WCAG AA compliant)
*Existing site‘s lowest contrast ratio was 1.84:1 (not WCAG AA compliant)  

Cultural Resonance

I recognized some of the people on the website which gives some credibility to the website and the creators... it's actual people in the community.”
— Prototype user

Recommendations

Based on the usability study findings, we recommended the following next steps before implementation:

1. Improve “Getting Started” section
  • How: clarify buttons and their corresponding page headings by refining labels and adding supportive iconography to better reflect the content they cover
  • Benefit: users will have a smoother experience finding key documents and information related to voting
2. Distinguish “Donate” buttons
  • How: visually distinguish the WCV vs WNV donate buttons
  • Benefit: users will be able to locate WNV’s donation page more easily and with less backtracking
3. Highlight user page location
  • How: highlight page user is currently on in the navigation bar
  • Benefit: improve user wayfinding

Takeaways

Outcomes & Reflection

This project aimed to improve the accessibility, usability, and credibility of WCV’s Native Vote and Voting Info pages. The redesign improved accessibility through higher contrast and reduced clutter, enhanced usability with clearer hierarchy and prominent CTAs, and strengthened credibility through authentic storytelling imagery, impact statistics, and a cohesive WNV brand color palette. Notably, the redesign meets WCAG AA contrast standards, is easier to navigate, and was perceived as trustworthy by Native American participants. Through the usability study, I realized that some button labels and headings did not align with users’ mental models, making it harder for users to complete tasks like locating voter registration documents. This reinforced the importance of clear, scannable language and supportive iconography to help guide users. From a process standpoint, I learned that testing early with low-fidelity prototypes rather than only the high-fidelity prototype surfaces issues earlier and makes iteration more efficient, which is a lesson I’ll carry into future projects.

 Fall 2025 Design Interactive Wisconsin Conservation Voices Design Cohort Members at Design Interactive Showcase
Fall 2025 Design Interactive WCV Design Cohort Members at Design Interactive Showcase
Back to Top