Overview
From Concept to Completion
The goal was to create an updated, user-friendly website for the Urban League of Springfield that effectively communicates its mission and serves the needs of the community. Our main focuses were improving engagement and improve accessibility in regards to the diverse group of people this website would serve.
Research & Planning
Conducted market research to identify existing challenges and user preferences. Defined target audience segments and outlined key features based on user needs and market trends.
Design & Prototyping
Collaborated to create intuitive user interfaces and interactive prototypes. Iteratively refined designs based on user feedback to enhance usability and visual appeal.
Testing & Optimization
Conducted rigorous testing to ensure good performance. Gathered user feedback through testing and iteratively optimized the website based on usability metrics and user satisfaction.
Collaborate with the developers to do a final hand off and make sure everything is in place to create the new website.
Research & Planning
We looked at comparable organizations to identify best practices and opportunities for enhancing the Urban League's website. This also helped us establish key areas for differentiation.
We initially surveyed the Urban League’s email list, gathering insights into user needs, preferences, and behaviors. This data shaped our understanding of essential website features. We followed up with one-on-one interviews with some people who took the initial survey to gain more specific data.
Key Insights
Outdated Information: Users found the current website content to be outdated.
Volunteer Needs: Desired details on the organization’s mission, impact, and schedule.
Donor Needs: Sought transparency on the organization’s impact and how donations were utilized.
Who Are Our Users?
Based on our user research we created personas for our main types of users. We then used these personas to go through a user flow they would take and listed perceived pain points from their perspective.
Design & Prototyping
Before we started on wireframes we ran a crazy 8s exercise and as a team explained the value of our design ideas. We only allowed ourselves to voice thoughts that were rooted in research or design practices thus leading to engaging discussions.
Wireframes allowed us to run user walkthroughs to validate our designs. We focused on creating sections that were crucial to test first such as the donation and program flows.
While user research was underway, we focused on building the foundation of the design system by creating. This parallel workflow ensured that insights from research could seamlessly inform the design process without delaying progress. By establishing a cohesive design system early, we aimed to maintain visual consistency, improve collaboration across both the design and development teams, and streamline the development process.
Results
View Next
Case Study