A-LIST
FITNESS
Mobile Fitness App Concept
Product Design
Workout like your favorite celebrity!
CHALLENGE
Create a unique digital experience for workouts and fitness training
* Concept App
MY ROLE
Product Designer
*This project has been revamped by
myself after the design challenge
Concept Ideation
Information Architecture
Interaction Design
Visual Design
Prototyping
TOOLS
Adobe XD
Figma
Google Suites
Miro
TIMELINE
3 Day Design Sprint
This was an intensive 3-day Design Sprint, participated by fellow classmates in my UX Program.
The prompt: Design a Workout App using some of the latest design tools and practices! Deliver a working prototype and a case study with user research, a minimum of one persona, user flows, and wireframes/mockups.
Provided with an open-ended prompt, and some secondary research, we identified a lack of motivation, and sticking to a diet and exercise regimen as our design problem: We all know that exercise is a good thing. Among the broad spectrum of factors that influence someone's daily exercise habits, what are the sources of motivation?
A study conducted at the University of Pennsylvania and this article in Penn Today, identified an aspirational mindset, healthy competition, and social influences as sources of motivation.
As a result, we came up with A-List Fitness: A mobile-based fitness app that influences and motivates users to incorporate healthy eating and daily exercise by enabling competition among users, and celebrity/influencer workout regimens, as workout inspiration. We do after all live in a time where some social media influencers get paid more than the US President.
Our teamwork won us each paid internships with start-ups at the end of our coursework.
Screenshots of the welcome screen, community-feed screen, and workouts screen
Learnings
01/
Remote team prototyping is best done with frequent check-ins
As one of two designers on our team, we spoke in advance of everyone's responsibilities, and style guide. But somewhere along the lines of design remotely of prototype started to look like two different products. There were many variables that led to this, but, if had kept in constant communication, we would have caught the issue earlier
02/
Sprints are amazing
As my first 3-day design sprint, it pushed me to think faster by checking my assumptions, managing expectations, and focusing on the goal at hand.
Goals for the
Design Sprint
Encouraging: Our product empowers and impresses users with a delightful and smart design
Efficient: A working prototype must be delivered in time
Inclusive: A product that's fully accessible
Research Insights
Running on the assumption that those interested in working out are doing so to get fit. I wanted to know more of what motivated them?
15 participants were surveyed.
From that research we discovered:
-
40% answered friends, family and colleagues as fitness and wellness role models
-
27% listed celebrities and influencers as workout role models or their body goals
Two particular user types were identified with distinct behaviors, goals, and needs.
Low Active Exerciser
-
Fitness is intimidating
-
Goal to lose weight
-
Engage online socially
High Active Exerciser
-
Familiar with the benefits of exercise and nutrition
-
Specific goals and metrics
-
Gets bored/unchallenged with current workout
Competitive Analysis
The health and wellness industry is a highly profitable market, I had hundreds of apps to research (yah me!), but decided to limited it to ten, four of which I've included below. These four were featured in the top ten workout apps in the Apple store.
Sweat
Sworkit
Strava
Nike+ Training Club
Using the competitive analysis as a guide, along with the user research, I came up with a list of features and broke them down into categories shown above. Some of our must-have features were:
-
Leaderboard
-
Community feed
-
Workout tracker
-
Chat function
Re-Design Solutions
A lot of mistakes were made in our prototype. I decided a redesign was needed because, despite the errors, I think my team and I design a great product. So why not give it a second chance.
SIGN-UP FLOW
The sign-up flow is one of the most critical aspects of the user experience journey. It is the initial encounter that a user has with your product and the way you design it can have a major impact on conversion/retention rates and how users perceive your product. Things I considered in the design of the sign-up screens included, efficiency and speed of the login in process, simplicity, data security, and privacy.
From a user perspective, filling out sign-up forms are painful and annoying on websites, so it’s safe to assume it’s even more so on mobile apps. I focused on these best practices:
-
Keep the sign-up form simple
-
Reduce user efforts
-
Security/User Authentication
-
Email instead of a username
-
Keep users logged in
-
Facilitate password resetting
-
Social Media/Email logins
-
Ask for information progressively not collectively
-
Be clear on the value exchange
I opted for a frictionless sign-up.
No username, email, name, or password at this stage of the process. Just their phone number. This allows users to confirm their account instantly, eliminating the need for email confirmations.
too be continued...
