top of page
Sporty Girls, Inc.
A Non- Profit Desktop and Mobile App Redesign
The Non-Profit Organization Redesign Case Study
Duration- 3 Weeks
Tools- Figma, Adobe XD, Miro, StoryboardThat, Invision, Coolors.co
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.
We reviewed and analyzed the Sporty Girls Inc. existing website to see the strengths and weaknesses of their overall design and user experience.
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.
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
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.
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.
Adjusting color scheme;
creating one primary navigation menu;
creating volunteer and parent portals, and more.
I like, I wish, What if & Dot Voting
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
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
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
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.
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
bottom of page