TURN

City Center for the Arts

Nonprofit Website Redesign

My Role: UX designer, UI designer, UX Research

TURN City Center for the Arts supports adults with intellectual and developmental disabilities by providing them with community services like residential living centers, art programs, summer camps, and supported employment opportunities.

The Problem

As a nonprofit organization, you come from a place of constant need. A need for help or volunteers, a need for donations like money or supplies, or a need for communication that would promote yourself out to the community allowing the former two to follow. Our challenge was to update, organize, and simplify the site so as to help users navigate their way to the relevant information they are looking to access. How can we give them a voice, an identity, and support?

Home page has poor navigation and outdated information with no CTA for volunteering or donations

Poor Navigation

No CTA to Volunteer

Donate link navigates to Home

Problem Statement

We believe that upgrading the look, functionality, and organization of your website for the passionate people looking to support TURN’s City Center location, it will achieve an easier process for them to donate and or volunteer along with creating interest in your organization.

Research

We conducted 5 user interviews to understand what people look for when wanting to volunteer or donate to a nonprofit.

“Volunteering is already asking someone to devote their time and energy without pay so the process should be as easy and straightforward as possible”

Empathy Map

User Persona

After compiling through our research and brainstorming, developing our User Persona involved creating a user who is an average full-time worker, but wants to give back to the community. However, she doesn't know where to begin.

Task Flow & SWOT

User Persona

After compiling through our research and brainstorming, developing our User Persona involved creating a user who is an average full-time worker, but wants to give back to the community. However, she doesn't know where to begin.

User Persona

After compiling through our research and brainstorming, developing our User Persona involved creating a user who is an average full-time worker, but wants to give back to the community. However, she doesn't know where to begin.

Lo-Fi Wireframes

As we began to draft the first iteration of the site, we focused on a basic structure and navigation that would allow users to move through the site with ease. We knew we needed a better home page, an about page with, an artists page, and the ability to volunteer or donate.

Mid-Fi Wireframes

Our mid-fidelity prototype began to take shape as we started adding color, pictures, and relative information. We had three main focuses for our site.

How can we showcase the identity and organization on the homepage?
How can we showcase the artists and their work, giving them the respect that they deserve?
Adding major CTAs for volunteering and donating.

User Testing

We conducted 5 user usability tests that focused on navigation, layout, and content. The feedback we received showed us that users need access to more information and tools. Whether they imagined themselves as a future volunteer, current volunteer, or casual user. The team and I began doing a feature prioritization matrix to see which feedback had a higher priority over others.