Urban League of Springfield Massachusetts Website

Providing Community

COMPANY

The UL

ROLE

Product Designer

Team

Designers,
Project Manager,
Developers

YEAR

2024

Overview

As part of a volunteer service, we were tasked with redesigning the website for The Urban League of Springfield. They support the African American community in Greater Springfield through advocacy and impactful services. Their mission focuses on empowering individuals and promoting social equity.

As part of a volunteer service, we were tasked with redesigning the website for The Urban League of Springfield. They support the African American community in Greater Springfield through advocacy and impactful services. Their mission focuses on empowering individuals and promoting social equity.

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.

Development & Implementation

Development

& Implementation

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

The redesigned Urban League website boosted user engagement, accessibility, and community impact. These enhancements empowered the organization to further its mission of uplifting African American communities.


User Engagement and Satisfaction

• Increased Traffic: Significant rise in unique visitors post-redesign.

• Longer Sessions: Users spent more time exploring the site, and engaging with relevant content.

Community Impact

‍• Higher Event Participation: Improved calendar design led to more community involvement.

Stakeholder Feedback

• Resources Management: Easier redirection of users with the resources page.

• Volunteer Growth: More volunteers due to simplified sign-up.

The redesigned Urban League website boosted user engagement, accessibility, and community impact. These enhancements empowered the organization to further its mission of uplifting African American communities.

Community Impact

‍• Higher Event Participation: Improved calendar design led to more community involvement.

Stakeholder Feedback

• Resources Management: Easier redirection of users with the resources page.

• Volunteer Growth: More volunteers due to simplified sign-up.

Figma Prototype

Figma Prototype

View Next

Case Study

CuraJOY

CuraJOY

A wellness hub combining behavioral health, education and generative AI

A wellness hub combining behavioral health, education and generative AI

CuraJOY

A wellness hub combining behavioral health, education and generative AI

View Case Study

Jax
Powell

This website was made with 🍵 & 💚

Jax
Powell

This website was made with 🍵 & 💚

Jax
Powell

This website was made with 🍵 & 💚

Urban League of Springfield Massachusetts Website

Providing Community

COMPANY

The UL

ROLE

Product Designer

Team

Designers,
Project Manager,
Developers

YEAR

2024

Jax
Powell

This website was made with 🍵 & 💚