Workout dashboard with a spin.
Mode
DESIGN ASSETS
HIGH-FIDELITY DESIGN
WIREFRAMES
TOOLS
FIGMA
ILLUSTRATOR
DURATION
1 WEEK
SKILLS
UI/UX DESIGN
COMPETITIVE ANALYSIS
Process
I begin the design process by outlining key features and content. I gathered this information by conducting a quick competitive research on Peloton, ClassPass, Daily Yoga and Map My Run. In addition to this, I referenced the Fitness Trends report followed by a sketching exercise which helped me define my ideas. Some of the features and use cases included:
- streaming workout videos
- search based on user preferences
- saving workouts
- booking trainer sessions
- Spotify integration
- accessing live workout stats
- visibility of active users
- ability to send virtual encouragement
- workout challenges
- Tik Tok integration
After this quick research phase, I moved forward with ideation, designing and wireframing.
Workout Dashboard
A significant amount of real estate was dedicated to the video library in order to help capture the user’s attention as well as make their workout selection easier.
By design, users were provided a supplemental option to workout with personal trainers. This not only helps with accountability but allows for a more curated and human experience, a feature notability important during the pandemic.
Video Player & Guide
More than the typical video player, the Mode video player provides a guided and social approach for new and advanced users. Given it is where the user spends the majority of their time, the player needed to be easy to understand and addicting.
A visual guide helps support users by breaking down the exercise poses into individual steps.
Included is a live social feed to encourage interpersonal engagement. Of note, is the ability for users to send voice cheers.
Lastly, the introduction of the “Spin” feature, lets the user discover randomized workout challenges to keep engagement high.
Spin
A product specific feature, Spin leans on social interaction and encouragement within semi-randomized workout challenges.
Highly interactive, Spin triggers a random workout, selection based on the category selected by the user in order to push users to try new exercises.
Spin keeps users motivated and engaged by allowing cheers to be sent within the live crowd. With the use of voice recognition on mobile devices, audio cheer messages are quickly accessible to workout users.
To further push social and virtual integration, TikTok was leveraged to function as a fun and socially-driven challenge generator.
