Case Study
C.U.S.P UI Redesign
A user interface redesign to solve for both user and stakeholder pain points and enhance stakeholder goals.
Purpose
TIMELINE: 3 Weeks
ROLE: UX/UI Designer (Group Project)
TOOLS: Figma, Google Suites
This project sought to address the pain points of a local environmental nonprofit, The Coalition for the Upper South Platte, through redesigning the user interface of their website to create a responsive web design that provides an intuitive user interface. This redesign follows UI principles to ensure diverse user compatibility and applies information architecture to prioritize stakeholder needs.
User Research
USER INTERVIEWS
Created a research plan to interview community members on their involvement and experience in nonprofits. Our team also interviewed stakeholders from C.U.S.P to better understand what the organization’s needs and goals are.
Key Stakeholder Quotes: Jeff Ravage, North Fork Watershed Coordinator, CUSP
“...the only organization left that will help people with small acreage get grant funding to do forest mitigation.”
User Insights:
“I’m willing to donate to, or volunteer at, reputable organizations.”
“I donate to nationally recognized non-profits.”
UI Analysis
“...making the website enticing enough again that people would donate on the website.
Our donations on the website are flat.”
“Google search the phrase ‘Environmental Nonprofit Colorado’. We are no longer on the first page. We used to be the top.”
Credibility & Communication
Users need to be able to trust and believe in the non-profit because they are exclusively interested in supporting genuine causes.
User Persona
Information Architecture
New information architecture based on UX principles:
Miller’s Law: A person can only keep up to 7 items in their working memory.
Application: Previously the navigation bar included 8 tabs, we narrowed it down to emphasize the donate button and include 5 tabs with relative sub tabs.
LATCH: Location, Alphabet, Time, Category, and Hierarchy
Application: The original design was not in any specific order. Our team reorganized the navigation bar alphabetically, grouped based on category, and created a hierarchy to put the stakeholders goals first.