Fitness Training Platform

Designed a workout experience focused on motivation, rhythm, and progress through smart motion and content.

Problem

Men’s Health wanted to turn its trusted training expertise into a digital experience. The challenge was to guide users through structured programs that adapted to their fitness level, while staying true to the brand’s confident, motivating tone.

Solution

Partnered with Men’s Health editors and trainers to bring expert fitness content to life in a motivating digital experience. Simplified discovery and program flow to help users stay consistent, and delivered a bold, structured app that launched as a 20-day guided plan.

Problem

Men’s Health wanted to turn its trusted training expertise into a digital experience. The challenge was to guide users through structured programs that adapted to their fitness level, while staying true to the brand’s confident, motivating tone.

Solution

Partnered with Men’s Health editors and trainers to bring expert fitness content to life in a motivating digital experience. Simplified discovery and program flow to help users stay consistent, and delivered a bold, structured app that launched as a 20-day guided plan.

Process & Approach

Research

Analyzed Men's Health training content and user goals

Mapped daily workout cadence and motivation triggers

Defined a tone that balanced discipline and encouragement

Research

Analyzed Men's Health training content and user goals

Mapped daily workout cadence and motivation triggers

Defined a tone that balanced discipline and encouragement

Research

Analyzed Men's Health training content and user goals

Mapped daily workout cadence and motivation triggers

Defined a tone that balanced discipline and encouragement

Research

Analyzed Men's Health training content and user goals

Mapped daily workout cadence and motivation triggers

Defined a tone that balanced discipline and encouragement

Wireframes

Simplified session navigation for quick use between sets

Mapped daily workout cadence and motivation triggers

Tested flow with trainers to fine-tune pacing and clarity

Wireframes

Simplified session navigation for quick use between sets

Mapped daily workout cadence and motivation triggers

Tested flow with trainers to fine-tune pacing and clarity

Wireframes

Simplified session navigation for quick use between sets

Mapped daily workout cadence and motivation triggers

Tested flow with trainers to fine-tune pacing and clarity

Wireframes

Simplified session navigation for quick use between sets

Mapped daily workout cadence and motivation triggers

Tested flow with trainers to fine-tune pacing and clarity

UI Development

Integrated timers, rest cues, and animations to guide progress

Refined typography, color, and motion for energy and focus

Validated design with real users and editorial feedback

UI Development

Integrated timers, rest cues, and animations to guide progress

Refined typography, color, and motion for energy and focus

Validated design with real users and editorial feedback

UI Development

Integrated timers, rest cues, and animations to guide progress

Refined typography, color, and motion for energy and focus

Validated design with real users and editorial feedback

UI Development

Integrated timers, rest cues, and animations to guide progress

Refined typography, color, and motion for energy and focus

Validated design with real users and editorial feedback

Wireframe testing: I worked with print writers and fitness editors to turn long-form plans into a guided flow. Testing showed friction around copy and step complexity, so we simplified instructions, shortened timers, and moved fitness-level setup into onboarding to keep workouts clean. We added subtle Swedish-inspired branding to keep the experience fun without clutter. The wireframes below helped us validate pacing and clarity early.

Early feedback showed transitions between workouts felt static. I worked with trainers to align motion with real rest pacing and breathing cadence. Each transition became a cue — the screen gently shifted between exercises, rest timers appeared with form previews, and the workout ended with a motivational quote that reinforced progress. It transformed the experience from functional to emotional.

industry

Fitness

industry

Fitness

industry

Fitness

industry

Fitness

timeframe

6 months

timeframe

6 months

timeframe

6 months

timeframe

6 months

skills

Product Design, Interaction Design, Visual Design, Branding, Motion Design, Prototyping, Photo direction

skills

Product Design, Interaction Design, Visual Design, Branding, Motion Design, Prototyping, Photo direction

skills

Product Design, Interaction Design, Visual Design, Branding, Motion Design, Prototyping, Photo direction

skills

Product Design, Interaction Design, Visual Design, Branding, Motion Design, Prototyping, Photo direction

tools

Figma ,Photoshop, Illustrator, Usertesting.com

tools

Figma ,Photoshop, Illustrator, Usertesting.com

tools

Figma ,Photoshop, Illustrator, Usertesting.com

tools

Figma ,Photoshop, Illustrator, Usertesting.com

Motion and interaction elevate the launch flow, guide navigation, and create a decisive start moment.

Built to maintain engagement: real-time timers, guided motion for form accuracy, and a 20-day visual tracker for weight progression.

Timed transitions and motion cues matched real rest periods, keeping workouts motivating and on pace.

Illustrated tips and progress logging helped users stay focused and track improvement.

Results

Simplified copy, timers, and onboarding reduced friction and improved completion.

Collaboration with trainers created more natural pacing and transitions.

Motion principles and visual rhythm made progress tracking feel fluid and rewarding.

A modular content framework made future updates faster and more consistent.

Simplified copy, timers, and onboarding reduced friction and improved completion.

Collaboration with trainers created more natural pacing and transitions.

Motion principles and visual rhythm made progress tracking feel fluid and rewarding.

A modular content framework made future updates faster and more consistent.

Simplified copy, timers, and onboarding reduced friction and improved completion.

Collaboration with trainers created more natural pacing and transitions.

Motion principles and visual rhythm made progress tracking feel fluid and rewarding.

A modular content framework made future updates faster and more consistent.

Simplified copy, timers, and onboarding reduced friction and improved completion.

Collaboration with trainers created more natural pacing and transitions.

Motion principles and visual rhythm made progress tracking feel fluid and rewarding.

A modular content framework made future updates faster and more consistent.

Learnings

Motion needs purpose: it focuses and strengthens motivation.

Custom photography reinforces emotion and authenticity.

Structured content improves clarity and engagement.

Modular content and visuals improved scalability and speed.

Motion needs purpose: it focuses and strengthens motivation.

Custom photography reinforces emotion and authenticity.

Structured content improves clarity and engagement.

Modular content and visuals improved scalability and speed.

Motion needs purpose: it focuses and strengthens motivation.

Custom photography reinforces emotion and authenticity.

Structured content improves clarity and engagement.

Modular content and visuals improved scalability and speed.

Motion needs purpose: it focuses and strengthens motivation.

Custom photography reinforces emotion and authenticity.

Structured content improves clarity and engagement.

Modular content and visuals improved scalability and speed.

i'm open for work and freelance projects, feel free to email me to see how can we collaborate

i'm open for work and freelance projects, feel free to email me to see how can we collaborate

i'm open for work and freelance projects, feel free to email me to see how can we collaborate

i'm open for work and freelance projects, feel free to email me to see how can we collaborate