Flex

Mobile
Sports

01

Overview

Background

Flex is a sports app where athletes can improve their overall skills, network with other athletes, and show off your game by earning reps to play a sporting event.

Design Challenge

The challenge in creating Flex is to make this a dynamic, useful app for athletes to stay motivated and continue to get better every day. By having intrinsic motivation to improve their skills through their retrospective sport, this will help incentivize athletes to earn reps when they play events and be competitive.

Role

  • Research
  • Concept
  • Visual Mockups

Project Duration

September - November 2019

02

Research

Building the Foundation

To bring Flex to light, it's important to ask the right questions towards who you're building this up for. When it comes to finding goals towards solutions, a great way to start is to find your audience and user base.

Athletes

Flex would be perfect for athletes. Athletes can choose their sport they would prioritize rather it be basketball or soccer.

Competition

Nothing beats competition in trying to show off your hard work. Stats and placements would be a excellent feature to build.

Interpersonal Skills

When it comes to training or playing with your team, constant communication is vital to any form of success that will help later in life.

Empathize Map

To bring Flex to light, it's important to ask the right questions towards your user base and who you're building this up for. I decided to interview at least 2 people who were involved in sports to gather important insight on what they would like to see and the importance to relate to their stories to start a product.

Key Findings

After gathering insights and data from what kinds of features should be added to Flex from a small audience targeted by athletes, I ran down a couple of stats worth being mindful of and validate down the road.

100%
25%

Hashtings to Find Answers

A overwhelmingly, heavy favorite to add to Flex is finding answers through hashtags. From experts to beginners, there will be a need to filter and specifically find athletes and forums.

Cater to the experience

Experienced players have more of a say than athletes who are starting from the ground up. This would highly depend on their ranking through the leaderboard and rep earnings by playing events.

75%
75%

Stats are essential to improve

Looking at stats is a monumental follow from all forms of sports. This will help athletes stay engaged and informed on what can be improved and what you accomplished.

Getting Feedback

After playing an event, athletes can review a players performance based on how well they performed. Honest feedback is key based on their average reviews and rankings.

Feature Prioritization

After asking the right questions, evaluating the empathy map, and looking at key insights, it's time to put everything all together and look into what needs to be prioritized over other features for Flex.

MUST HAVE

High Impact

Hashtags through filtering
Training
Playing events by earning reps

NICE TO HAVE

High Impact

Search bar
Recommendations by AI // Metrics
Switching sports like soccer

EXPECTED

Low Impact

Experienced athletes have control
Recruitment
Critique's/Review

UNEXPECTED

Low Impact

Paywall by getting double reps
Home Feed/Social Media
Saving Profile (similar to wishlist example)

Persona Details

Ayo Ogunseinde

Self-Motivated
Starter
Basketball
Age: 25
Occupation: Software Engineer
Status: Single
Location: El Cerrito, California
Tier: Advanced
"I love to hoop and compete. I really thrive under pressure when the game is on the line and want the ball in my hands!"

Pain Points

Basketball has been a great getaway when i'm not working as an engineer. Often times, it's hard to find players that are super skilled and specifically catered to my experience. It's hard to compete when you don't have that synergy and one basketball to hold.

Goals

I would like to find talent that I know can get the job done and know what it takes. I don't want to mess around and get frustrated by a bad shot or someone who doesn't know how to play the game of basketball.

Charles Etoroma

Dynamic
Athlete
Baller
Age: 32
Occupation: Financial Analyst
Status: Single
Location: Huntington Beach, California
Tier: Beginner
"Whenever I have free time, I just want to jump
in and get better. I'm not a perfect hooper and
often make mistakes, but I play hard."

Pain Points

I need an app that can hold my accountable and stay motivated to get better. Some days are good and some days are bad. I struggle maintaining ways to have a daily routine and maintain consistency while trying to perfect my skills.

Goals

All I ask is that if I want to get better at playing basketball, there will be a way to make mistakes on the fly. If I join random events on the court, I hope teammates can wholeheartedly accept me to be on the team, compete, and have fun!

Understanding our competitors

Competitive Analysis gives incentive to focus on the pros and cons for each competitor and bring everything together into Flex.

Volt

Volt is an home and gym app owned by Gatorade that gives performance training to the next level using AI and seeing your results from your workout.

PROS

Great personalized workouts
Range of respective sports to train in

CONS

Lacks community to reach out for help

Evolve Basketball

Evolve Basketball is an app specifically for basketball players in mind that helps provide them essential training videos and custom plans.

PROS

Connect with community
Videos for all levels from beginners to professionals

CONS

Home Page is often clunky for UI

Homecourt

Homecourt is a revolutionary basketball training app that uses AI to help monitor, track, record, and analyze your shots and workouts.

PROS

Advanced training workouts
Innovative AI to give feedback for performance

CONS

Shooting data can be inaccurate

03

Interactions

Concept Map

Wireflow

04

Execution

Style Guide

The approach in finding the style I wanted Flex to associate with involved a lots of tinkering on bright colors. I enjoyed the mood and feel between medium purple, pink, and coral for Flex because it creates a atmosphere to for all tiers of athletes; it's easygoing and welcoming for beginners but also a mentality of a workhorse for advanced athletes too who rise up early in the morning and do work!

Colors

#905ADD
#F34FAE
#FD8544
Gradient #1
Gradient #2
Gradient #3

Typography

Netflix Sans App
0123456789
ABCDEFGHIJKLMNO
PQRSTUVWXYZ

Symbols

II. Change Skills / See Stats through the Training Section

Want to change moves from the skills you're practicing in the training section for Flex? Now you can with a click on the top and choosing a move you feel like you need to prioritize.

You can then see what moves you've done with a check mark, see level of difficulty between easy and medium, and current skill you're practicing on.

( **If interested, mockups are clickable** )

Goals

You can go in depth with your current stats you're seeing. Everything is correlated with the color key between missed shots, post shots you made, and combined others. The dashed, silver line is essentially whether you're meeting expectations versus your competitor.

Compare

Compare your stats versus your competitor between your percentages and efficiency rating.

Ranking

See how many reps you have accumulated versus your competitor and continue to find the movtivation to stay on top.

III. Forum Section

In the forum section, you can immediately see ways to find a way to join a team through hashtags like Roster and see if there are any open spots as well as Critique to see what kinds of feedback athletes are getting when looking at their reviews.

As you can see when you click on the forum section, you can immediately see the average star reviews they have and the tier they are in whether they are a beginner or expert.

Filter

Here, a filter option appears and you can search specific athletes that cater to your liking.

Player Card

Here is the look of the player card profile. You can see his bio, reviews, stats, current teams he's on, and if interested, message the athlete.

Message

Messages are only specific to invites only and does not apply to random events. If accepted, the athlete will get info on where the event will take place and get twice the reps than random events.

IV. Home/Events Section

Let's say you log back in to the Flex app. Immediately you're presented on one of the first screens introduced on the Home Section. When you click onto the home section, you will go straight to the events section where you can immediately join in, introduce yourself, and contribute when the ball tips.

This will increase the chance of mistakes being made because of the lack of chemistry and not earning as many reps as opposed to event invites.

Join Event Look

Unlike getting invites from a specific invite, here is a event where you can join without any hesitation.

Event Invite

Event Invites are exclusive to message only acceptances.

Accept Event Look

Get in there and make an immediate contribution or if you want to back out last minute, find other events nearby.

Live Reps

Reps are being earned live as you play the event (like taking a jump shot or layup).

Results

Once the event is done, you'll get to see the amount of reps you'v earned. For example, I made 10 jump shots which gave me 10 rep points.

V. Profile + Rep Unlock

For the profile page, you can see your bio, accomplishments, and messages. The captain will message everyone on the team to review the performance of the team.

Once you submit the review, reps are unlocked and now your ranking will be improved. The better the grade, the faster your progression levels up. The worse the grade, the faster your level of progression falls down.

The final page unlocks the reps once you submit your review to the captain of the team.

05

Review

General Feedback

Building a brand new product is not an easy task. It's imperative that the overall product meets business demand that is sustainable over a period of time. From time to time, some bugs will be released at the initial launch, but it's how you respond to those struggles that will ultimately define the overall legacy for the brand. It's not any more or less different with Flex, which is why it's not common to get feedback from usability testing and iterate. There's nothing wrong with this as long as transparency is involved and also have a winning mindset.

"If I was a new user, I would like a brief synopsis or introduction of how reps work and balance Flex. I really like what it has to offer, but for a new user, this can be easily introduced if the app will be backed and fully developed."

"There was some initial confusion regarding viewing stats on the training section. It would have been nice if there was some context instead of just straight numbers. I personally understood it, but if this was someone who is older, they wouldn't make sense if this is the final version. For example, "you were 50% better than last week and show specific insights that got you better"".

Usability Testing

Biggest Takeways

  • Users really loved how they can earn reps by simply accepting events because it can help them stay motivated.
  • For onboarding, users really loved how the progression in how many steps need to be filled as it sets an expectation for them.
  • One user really enjoyed the aesthetically, pleasing layout and white space in the sign in/create account page.

Biggest Improvements

  • In the skills section, for comparison, users struggled whether you can change the 2 profiles if they were interchangeable or not when it comes to themselves vs the top ranking person.
  • When having conversations when you message an athlete, the profile pic was hard to see and needed to be larger.
  • It would've been nice to see more expansion for soccer or other sports in general, but regardless, they're would've been similarities and carryover from one sport to another.

More Case Studies