Fitness platform design from scratch

The challenge

iSlob was a fitness platform that needed to be designed from the ground up.

The product had to support multiple workout formats, each with its own rules and interaction patterns. Strength training requires users to record performance during a session. HIIT relies on automated intervals and rest periods. CrossFit and AMRAP introduce rounds, timers and different ways of tracking results, while Mobility requires a much simpler, less interactive experience.

The challenge was to turn these different training scenarios into one coherent product without forcing them into the same user flow.

There was also another important constraint: people use the product while exercising. The interface had to communicate essential information quickly and minimize unnecessary interaction during the workout.

The goal was to create the complete product structure and UX logic from scratch, then translate it into a clear, consistent and scalable interface.

My role

I was responsible for the complete UX/UI design process — from initial product structure to the final interface.

I defined the information architecture, mapped key user flows and translated workout requirements into product logic. I created wireframes to explore and validate different scenarios before moving into visual design.

From there, I designed the complete interface and built the design system, establishing reusable components, interaction patterns and visual principles that could work consistently across different workout types and product states.

This meant working not only on how the platform looks, but on how the product itself is structured and how users interact with it throughout the entire workout experience.

What I changed

1. 01Built the product structure from scratch

   Defined the overall information architecture and organized different workout types, exercises and supporting functionality into one coherent product structure. The goal was to create a foundation flexible enough to support different training methodologies without making the experience feel fragmented.

2. 02Designed different workout flows

   Mapped user flows around the actual logic of each workout rather than creating one universal training experience. Strength, HIIT, CrossFit, AMRAP and Mobility required different approaches to timing, progress, rest periods and result tracking, while still needing to feel like parts of the same product.

3. 03Reduced interaction during workouts

   Designed the active workout experience around the context in which the product is actually used. During intensive sessions, unnecessary actions were minimized and key information — current exercise, remaining time, progress and what comes next — was made immediately visible. Where possible, transitions, timers and rest periods were automated so users could stay focused on training instead of operating the interface.

4. 04Designed contextual tracking and controls

   Created different approaches to performance tracking depending on the workout format. Instead of asking users to constantly enter data, results can be recorded at moments that naturally fit the training flow — after an exercise, a round or the complete workout. Controls and states were also designed contextually, including countdowns, timers, pauses, rest periods and workout completion.

5. 05Moved from logic to wireframes

   Translated the product structure and complex workout scenarios into wireframes before developing the visual layer. This helped establish hierarchy, validate interaction patterns and solve the core experience before introducing visual design.

6. 06Created the visual experience

   Designed the final interface around clarity, focus and quick recognition. The visual hierarchy was built to make important information understandable at a glance, particularly during active workouts when users have limited time and attention available for interacting with the screen.

7. 07Built a scalable design system

   Created a design system with reusable components, states and interaction patterns that could accommodate different workout types without requiring each experience to be designed independently. This established consistency across the product while leaving enough flexibility for future functionality and training scenarios.

The result

The result was a complete fitness product experience designed from the ground up — from information architecture and workout logic to wireframes, visual design and a scalable design system.

Instead of treating every workout as a variation of the same interface, the product adapts its behavior to the way each type of training actually works while maintaining a consistent experience across the platform.

The project demonstrates how a complex set of requirements can be transformed into a coherent digital product by designing the logic first, the interface second.