PWR GRL App & Web Design
A Case Study
Overview
Product
GAME GRL is a community for female gamers, femme-identifying gamers, and allies looking to boost their community past Discord by building their online presence with a better website and a new app.
Project duration
January 2023–March 2023
Goal
Design a responsive website and an app where their community can grow closer and larger through events & hangouts both virtually and in-person.
Responsibilities
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, and iteration on designs.
Research
Competitive Research
- Gameress
- The Black Girl Gamers
- GameHers
User Research
Primary user groups are young women typically ranging from 18-25. Research indicates that users want to easily join in on currently-happening streams, as well as looking at events based on their interests and games they like to play.
Pain Points
Is it clear? Is the navigation simple? Can a user quickly scan for info about a stream or other event?
Do they feel represented? Do they see games they like to play? Does the available content align with their interests and passions?
Is it attractive? Does the user feel welcomed by this look? Does it feel like a community they want to be a part of?
Screenshot of the Gameress landing page
Wireframes & Mockups
Initial Sketches & Wireframes
A few of my initials sketches, while “cute,” didn’t make sense from an app perspective. It needed to feel fresh while following more typical app convention.
You can view app wireframes in more detail here and website wireframes here.
Mockups
Based on feedback from usability studies, I updated the mockups with more CTAs with better hierarchy, so users understood what actions they could take and what was the most important action. Additionally, I added a way for users to share a link to an event and see who was attending.
View the final mockups in detail for the website and the phone here.
Takeaways & Next Steps
Takeaways
- Making information more easily accessible by using more images and less text.
- Ensuring the app and website align with GAME GRL’s vision of their community currently and beyond.
- Iteration is key!
Next Steps
- Additional Usability Research Widening the research pool with new community members and surveys for new features.
-
Quality of Life Adding additional account settings and adding a chat feature.