Sporty Girls, Inc.

Screenshot 2023-07-29 at 12.09_edited.pn

A Non- Profit Desktop and Mobile App Redesign

The Non-Profit Organization Redesign Case Study

The Project

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

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.

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.

User Interviews

At the discovery phase of our case project, we conducted user interviews of both volunteers and parents 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.

Interview Questions Example:

What kind of information do you look for when deciding on a volunteer opportunity?
Can you describe the last time you used a website to volunteer? Was it easy to use, or were there any difficulties?
If you’ve never used a website for volunteering, what features would you want to see on a website to make it useful for you?
What kinds of amenities does the program provide?
Does the program have a website? Do you find it useful? Is there anything you’d like to see improved on the website? If not, what criteria would you use to choose a sports program?
For the program’s website, what features would make you want to use the website?

Discovered Pain Points

There does not seem to be a clear vision and mission
The color scheme seems a bit hard to focus
Doesn't seem like there has been many updates
There should be more options to contact org
Its not clear how to get involved

Step 2: Define

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.

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 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.

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 Persona

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

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.

I like, I wish, What if & Dot Voting

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

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.

Step 4: prototype

Wireframe Sketches (Desktop)

Low-Fidelity Digital Wireframes (Mobile)

Mid-Fidelity Digital Wireframes (Mobile)

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.

Step 5: analyze

User Testing

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

The tasks included:

Onboarding, give opinion on website aesthetics, determine if the organization is credible.
Register for a program and explore the parent portal
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

Sporty Girls, Inc.

A Non- Profit Desktop and Mobile App Redesign

The Non-Profit Organization Redesign Case Study

The Project

​

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

What is 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.

User Interviews

​

At the discovery phase of our case project, we conducted user interviews of both volunteers and parents 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.

​

Interview Questions Example:

​

What kind of information do you look for when deciding on a volunteer opportunity?

Can you describe the last time you used a website to volunteer? Was it easy to use, or were there any difficulties?

If you’ve never used a website for volunteering, what features would you want to see on a website to make it useful for you?

What kinds of amenities does the program provide?

Does the program have a website? Do you find it useful? Is there anything you’d like to see improved on the website? If not, what criteria would you use to choose a sports program?

For the program’s website, what features would make you want to use the website?

Discovered Pain Points

​

There does not seem to be a clear vision and mission

The color scheme seems a bit hard to focus

Doesn't seem like there has been many updates

There should be more options to contact org

Its not clear how to get involved

Step 2: Define

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.

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 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.

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 Persona

​

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

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.

I like, I wish, What if & Dot Voting

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

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