Asherah Allen
UX designer

Sporty Girls, Inc.

A Non-Profit Website and Mobile App Redesign

Image alt tag

The Non-Profit Organization Redesign Case Study

Duration- 3 Weeks

Tools- Figma, Adobe XD, Miro, StoryboardThat, Invision, Coolors.co

Context-

The mission of Sporty Girls is to cultivate, enrich, and challenge young, minority women to participate in swimming, soccer, tennis, golf, and lacrosse, while developing and fostering lifestyle & academic skills. 

Both parents and volunteers need clear scheduling information and easy sign-up, but we have observed that Sporty Girls does not provide either an updated schedule in an easy-to-use format or clear calls to action.

The new Sporty Girls website includes parent and volunteer portals with tailored scheduling information, as well clear application processes without needing to email someone.

Step 1: Research
Sporty Girls Inc.

What is Sporty Girls Inc. ?

Sporty Girls Inc. is an Atlanta, GA bases non-profit organization that was founded in 2006, by multi-media personality, Rashan Ali. Its goal is to provide girls between the ages of 8-18 the opportunity to participate in non traditional sports, including swimming, soccer, tennis, and golf. It is believed that it afford young girls in and around the metro Atlanta area the opportunity to help cultivate their life skills.

Sporty Girls Inc.

Heuristic Analysis

We reviewed and analyzed the Sporty Girls Inc. existing website to see the strengths and weaknesses of their overall design and user experience.

Sporty Girls Inc.

Interviews

At the discovery phase of our case project, we conducted user interviews in order to get a better understanding of what potential Sporty Girl Inc. users experiences were in navigating the site and in addressing their needs.

Step 2: Define

Interview Questions

  1. Do you think it’s important for them to be in some sort of sports program? Why or why not?

  2. Are they currently in any sports programs? Why or why not? If so, how did you choose their current program?

  3. What kinds of amenities does the program provide?

  4. Does the program have a website? Do you find it useful? Is there anything you’d like to see improved on the website?

What were we curious to know?

  • What are parent's expectations when exploring extra curricular activities related to sports and academic development?

  • What are volunteers needs and expectations when seeking to get involved in community based organizations.

  • How can their experience be improved by exploring and using their site.

Parent User Insight

Parents with girls in sports programs who pick up and drop off their children need scheduling information to help manage their time.

Volunteer User Insight

Graduate students who volunteer to boost their resumes need clear and easy ways to sign up, schedule, and manage their volunteer roles and time.

Parent Problem Statement

Parents need clear and accessible scheduling information, but we have observed that Sporty Girls does not provide an updated schedule in an easy-to-use format.

Volunteer Problem Statement

Volunteers need easily visible and accessible ways to sign up for and manage their volunteer roles and time, but we have observed that Sporty Girls does not have member portal for volunteers.

User Personas: Zoe Campbell & Tamra Johnson

User Personas: Zoe Campbell & Tamra Johnson

User Personas

Based on the user interviews we established two user personas. We referred to them throughout the entire product development process.

  • We used the user research process, including interview responses with potential users and the stakeholders.

  • We believed that it would be good to have two user personas that would best describe the type of user that would utilize the website.

Step 3: Ideate
Sporty Girls Inc.

Card Sorting

With the results of the interviews, we developed common themes, which highlighted the areas that the current website did well and the areas that needed improvement.

Interviewee Experience:

  • Liked the current logo, believed the concept felt welcoming, and that it was appealing to parents and adolescents

  • There was confusion with navigation, broken links, inconsistency with wording and offerings, and need a clear understanding of leadership and volunteers.

Potential Solutions:

  • Adjusting color scheme;

  • creating one primary navigation menu;

  • creating volunteer and parent portals, and more.

Sporty Girls Inc.

I Like, What If, I Wish & Dot Voting

Sporty Girls Inc.

Value Proposition

We wanted to determine the value of the features that were identified from common themes, as well as the effort that it would take to bring those feature to life

Features:

  • Parent and Volunteer Portal

  • Self-registration for programs

  • better layout of organizations accomplishments and goals

Sporty Girls Inc.

User Journey: Parent and Volunteer

We decided to map out a lear journey of each user's steps that would help them reach their important goals while navigating both the desktop and mobile site.

Sporty Girls Inc.
Prototype
Sporty Girls Inc.

Wireframe Sketches (Desktop

Sporty Girls Inc.

Digital Wireframes (Mobile)

Sporty Girls Inc.

UI Style Guide

We thought that a fresher and brighter look to the UI of the original website. We designed for desktop and mobile UI and really focused on the volunteer and parent portal feature. We believes that this would contribute to the one of the goals of the stakeholder, which is to increase user-friendly engagement.

Analysis

User Testing

7 Usability Test were conducted on users who would have been in the parent and/or volunteer role.

The tasks included:

  1. Onboarding, give opinion on website aesthetics, determine if the organization is credible.

  2. Register for a program and explore the parent portal

  3. Apply for a volunteer position and explore the volunteer portal

Methodology

7 users participated in virtual prototype testing that included specific tasks that was based on the user flows created.

The participants were asked to join a zoom meeting, given access to the high fidelity prototype, and asked to share their screens as they navigated through the prototype completing the tasks.

Results

Overall, the users provided positive feedback of the UI redesign and updated features. They mentioned that the color scheme was brighter and more appealing. Also indicated that there was improvement in the navigation.

Users and mentioned the enhancements that could have used for improvement, including:

  • Inclusion of testimonials of previous participants

  • Possible newsletter/alerts about important information

  • Include a way to create an account