
A Mobile App For Learning Core Boxing Skills From Home.
Client
Emerging startup for boxing & fitness
Focus
UI Design
Role
Sole UX/UI designer
Timeline
12 weeks

Please note that this product is under protected intellectual property (IP) and cannot be shared or reproduced without permission.
Overview
During the pandemic, two professional boxing instructors with in-person training gyms were challenged with finding new ways to adapt to an at-home fitness culture. They approached our design team with a concept for a fitness program pairing both a digital app solution and a physical device to help users learn core boxing skills from the comfort of their home.
As the concept was still in its early stages, the goal was to develop high fidelity mockups for both the app and physical solution to present to early investors.
Outcome
An established interface theme aligned with both the physical boxing product and the entrepreneurs' vision. Focusing on 6 main features of the mobile app design, I developed content hierarchy and interface designs for several prominent screens of the app.


My Process
Due to the nature of this project in creating a concept vision for early investors, I focused on concept development and refinement within the constraints of specific app features identified by the client.
Define & Synthesize
Ideate & Validate
Design & Refine
Define & Synthesize
Identifying a client's vision
Gathering Context & Inspiration
Leading Home Fitness Products
Our client had some initial ideas in mind for the visual direction of their brand and digital solution, but were seeking guidance in focusing in on a final direction that would be successful in the market.
Through market research and moodboard development, I utilized visuals to spark conversation & hone in on a theme and visual direction for the brand & mobile app.


Health & Fitness Apps
Data Visualization Inspiration

Establishing Theme Direction
I developed 4 theme options for visual direction based on client's direction & industry-specific trends.




Selected Theme
The client selected 'Dark & Edgy' Theme 1, with incorporation of some of the more "old-school" elements of Theme 2. This combination emphasized the modern, athletic & high tech aspect of the product, while still giving a nod to the historic roots of boxing.

Ideate & Validate
Flushing out key features & functions
Brainstorm: Key Features

What features does the Skillbox mobile app need to include? What are users trying to accomplish?

Information Architecture
target screens for concept development
Concept Ideation
-
"Module" Selection
-
"Module" Overview Tracking
-
Individual Workout Overview
-
Individual Technique
-
In-Workout Guide
-
Workout Results & Performance


Design & Refine
Developing interfaces within established theme.
Initial concept generation for UI design based on four major identified steps in workflow process.
Final Interface Design






Reflection
Key Takeaways...
The Outcome
The app concept was successful in igniting early-stage enthusiasm among investors. It integrated all client-specified features, from metric tracking to workout guidance and leaderboard options, with exploration of both the user experience and final interface design associated with each feature. Overall, the dark and edgy visual language achieved the client's goal of establishing an athletic and modern theme, while also paying homage to the more old-school or "gritty" roots of boxing.

What I Might Do Differently...
With more time and resources on this project, I'd like to explore...
-
A complete information architecture and workflow development of the mobile app
-
Consideration of integration with the physical device
-
Prototyping and interactions development