User Personas: Zoe Campbell & Tamra Johnson
Sporty Girls, Inc.
A Non-Profit Website 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.
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 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.
Do you think it’s important for them to be in some sort of sports program? Why or why not?
Are they currently in any sports programs? Why or why not? If so, how did you choose their current program?
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?
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.
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.
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, What If, I Wish & Dot Voting
You can write here as much as you want, this text will always look nice, whether you write longer paragraphs or just a few words. Click here and try it out.
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.
Wireframe Sketches (Desktop)
I usually start the design process with low fidelity wireframes. This is the way I iterate through many design options quickly.
What was the main purpose of your sketches? (presenting, testing, brainstorming?)
How did your knowledge about your users and their goals influenced your sketches?
How many different versions you made?
What were the main differences among these versions?
Which version did you choose and why?
Explain the layout and the arrangement of the elements!
Why did you put the elements to a certain place?
How did your sketches helped you more forward?
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.
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