top of page

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

Phase_2.0_IDandUI_SkillBox_4-25_2022_Page_14.jpg

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.

Phase_2.0_IDandUI_SkillBox_4-25_2022_Page_13.jpg

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

​​

  1. "Module" Selection

  2. "Module" Overview Tracking

  3. Individual Workout Overview

  4. Individual Technique

  5. In-Workout Guide

  6. 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...

  1. A complete information architecture and workflow development of the mobile app

  2. Consideration of integration with the physical device 

  3. Prototyping and interactions development 

Explore More Projects

Previous

behr_UIoverview.png
Crafting a more enjoyable painting experience.

Next

TPAK_covershotnew.png
A camping hygiene solution for reducing human footprint.

©2024 by Jane Kassabian.

bottom of page