top of page
AlphaGenSportsTrainingLogoBlack1.png

The AlphaGen Sports Training brand takes pride in improving the performance of their trainees with one-on-one basketball training sessions.

 

The brand's exclusivity to Bay Area residents has allowed for it to grow popular in the local basketball community, but how can AlphaGen expand and reach new markets?

​

In this case study, I've designed a product that will take the AlphaGen brand into the digital space.

 

​

AlphaGenGif.gif

My role

UX Designer

UI Designer

Team

Independent Project

My key contributions

Project management

Concept ideation

Competitive Analysis

Prototyping

Wireframing

User Research

Final Product Design

Tools Used

Figma

Adobe Illustrator

Adobe Photoshop

After Effects

Duration

8 weeks

The Intro

​

AlphaGen is a brand that provides basketball skills and performance training to youth ages 7+.

 

Currently, the company has a small staff based in Mount Diablo Valley in the San Francisco Bay Area.

2.png

What is AlphaGen Sports Training?
 

pexels-cottonbro-6764613.jpg

Empathize
Problem Statement

AlphaGen's current training sessions are only offered in person, and the brand's exclusivity blocks them from new opportunities.

Design a digital product that allows the skills training brand to reach new clients.

 

Solution
 

Empathize     Specify     Ideate     Finalize     Verify

Process

​

3.png
4.png
5.png
6.png
7.png

Problem statement

Research Plan

Competitive Analysis

User Insights

Define Personas

​

Feature Prioritization

App Functionality

Challenge 

​

Brainstorm

Task Flows

Lo-fi Wireframes

Paper Prototype Testing

Feedback

Style guide

Hi-fi wireframes

Prototype Testing

Research Plan
 

I researched top performing basketball training apps to build a list of competitors and study what users love and hate about the apps.
 

Competitive analysis

94 FT of GAME

​

AlphaGen is a brand that provides basketball skills and performance training to youth ages 7+.

 

Currently, the company has a small staff based in Mount Diablo Valley in the San Francisco Bay Area.

What is AlphaGen Sports Training?
 

Copy of Untitled Design (1).gif
94FT.png

Hoops: AI Basketball Training

Copy of Untitled Design (1).gif
Copy of Untitled Design.png

HomeCourt: Basketball Training

Copy of Untitled Design (1).gif
Copy of Untitled Design (1).png

Research Plan
 

I researched top performing basketball training apps to build a list of competitors and study what users love and hate about the apps.
 

Competitive analysis

Copy of Untitled Design (1).gif

94 FT of GAME

Strengths
 

Weaknesses
 

Opportunities
 

Threats
 

  • 4.8 Rating

  • Lakers coach

  • 150+ drills

  • All content is behind a paywall

  • Lack of content

  • Can't find past sessions

  • User interface issues

  • Improve content by including free "Play of the Day"

  • Create "library" of completed sessions

  • The famous coach entices users

  • Partnerships with professionals and basketball facilities 

94FT.png
Copy of Untitled Design (1).gif
Copy of Untitled Design.png

Hoops: AI Basketball Training

Strengths
 

Weaknesses
 

Opportunities
 

Threats
 

  • 4.3 Rating

  • Uses AI to detect movement

  • Super glitchy

  • Needs simplification

  • Simplify the app by allowing users to track their progress over time instead of capturing "score" after trainingsessions in real time.

  • We don't have ai technology to track shots

Copy of Untitled Design (1).gif
Copy of Untitled Design (1).png

HomeCourt: Basketball Training

Strengths
 

Weaknesses
 

Opportunities
 

Threats
 

  • 4.7 Rating

  • Special effects

  • Training videos include pros

  • Inaccuracies

  • Inconsistent information

  • Glitches during setup

  • No special effects. Design app for the serious athlete, not the gamer.

  • Simplify setup.

  • The "interactive" feature sells users

  • Partnerships with professionals also entices users

What are the key user insights?

Lack of content
 
Inaccuracy when capturing movement in real time.
 
Difficult setup. We need simplicity!
 
The app needs an archive feature to review past lessons
 

25_edited.png

User Insights

94 FT OF GAME

IMG_2273.jpg

HOOPS: AI BASKETBALL TRAINING

IMG_2298.jpg
IMG_2299.jpg
IMG_2300.jpg

HOME COURT: BASKETBALL TRAINING

IMG_2283.jpg

Feature Prioritization

Simplify it

The AI's inability to capture user movements accurately in real time was a common complaint. I removed the idea of capturing real time movements and focused on the serious athlete willing to develop and track progress over time. The app includes timed drills, plays, and other video content that the end user can revisit as many times as needed.

Organization

Reviewing old lessons shouldn't be difficult. I created a feature that allows users to toggle between current and past sessions quickly.

Improve content

The competitor apps added special effects during training sessions that resemble a gaming experience. AlphaGen's content will focus on opponent-facing drills and scenarios that will prep users for game time in real life.

What are the key functions?

  • Self-paced training sessions.

    • Users can control how they learn and can repeat lessons as needed.

  • Keeps record of progress

    • The vault allows users to go back in time to review and measure growth.

  • Prepares you for game time

    • AlphaGen prioritizes serious athletes and users will learn skills, shooting drills, and plays. 

pexels-pixabay-220383.jpg

Challenge

There are already plenty of basketball training apps. What makes AlphaGen different?

How might we

help users measure growth?

How might we

How might we

encourage competitive aspect with opponent-facing content?

provide a virtual training experience that feels like an in-person experience?

Ideation

My ideation process consisted of defining task flows before creating rough draft sketches of what the app looks like while completing a simple task
 

Task flow illustrating the process of checking the Play of the Day

Sketches

After defining task flows, I fleshed out the idea with some rough sketches that show each screen for each step.

sketches.png

Lo-fi wireframing

I then took my sketches into figma and began the process of designing low fidelity wireframes.

Untitled design (2).png

Hi-fi wireframing

Using Figma, Photoshop, and After Effects, the final step of my design process was to add the AlphaGen app's brand identity and create a mockup of the high-fidelity wireframes to show what the AlphaGen app would look like in action.

sitegifmockup.gif

Prototype testing

I wanted to prioritize specific features that I learned were important to users during my research. 

Task 1: Checking the "Play of the Day"

In this task, the end user is logging into the AlphaGen app to begin their daily practice. They select the "Offense," option which then directs them to the Offense screen where they can review the play of the day. 

 

Task 2: Review current progress and completed sessions

Our competitors' users often complained of not being able to review their past sessions easily. In this task, I combined two of the key features that I wanted to prioritize by designing them in the same space. 

The ability to review completed sessions and current session progress are simplified and the end user is able to quickly go back and forth between past and current sessions to review their work in one place.

 

bottom of page