← Back to work

Product design · Mobile · 0→1 MVP

End-to-end case study

01 / ENERTRACK

ENERTRACK

MAKING PROGRESS FEEL CLEAR, PERSONAL
AND WORTH RETURNING TO.

A sports tracker MVP designed to make activity data clear for beginners, flexible for experienced users and motivating enough to become a daily habit.

RoleProduct & UX/UI Designer
Duration1 year
PlatformMobile product
ScopeEnd-to-end design
Enertrack product overviewDK / ENERTRACK

ONE PRODUCT.
MANY SIGNALS.
ONE CLEAR SYSTEM.

Enertrack brings activity, steps, calories, sleep and training into one flexible experience. I owned the full design cycle—from market and user research to product structure, high-fidelity UI and the final handoff to development.

01

Discovery

Market analysis, benchmarking and around ten in-depth user interviews.

02

UX direction

Information architecture, core user flows, low-fidelity wireframes and prototypes.

03

Product UI

Visual identity, interaction design, UI kit and reusable design system.

04

Delivery

Assets, documentation, specifications and component guidance for developers.

Responsibilities

UX & UI design · Market analysis · User interviews · Information architecture · User flows · Wireframes · Interactive prototypes · UI kit · Design system · Handoff

FITNESS PRODUCTS OFTEN GIVE PEOPLE MORE DATA THAN CLARITY.

Problem

The product had to enter a highly competitive market and serve users with very different experience levels. It needed enough depth to be useful without repeating the overload, restrictions and complexity people disliked in existing fitness apps.

Goal

Create an intuitive MVP with a clear visual structure, flexible data priorities and motivation tools grounded in real user needs—then prepare it for a smooth development handoff.

UNDERSTANDING WHAT KEEPS PEOPLE MOVING.

I benchmarked six direct and indirect competitors, then recruited participants through fitness communities on Telegram, Reddit and Instagram and conducted around 10 in-depth interviews about tracking habits, frustrations and motivation.

Enertrack market research and interview synthesisDK / ENERTRACK
01 / LESS NOISE

Clarity beats metric depth.

Irrelevant advanced metrics, complex features and advertising made tracking feel harder than it needed to be.

02 / MOTIVATION

Progress needs reinforcement.

Personal goals, visible progress, virtual rewards and non-intrusive reminders helped users maintain momentum.

03 / CHOICE

Sharing should stay optional.

Most participants tracked progress privately, while some wanted a simple way to share results with friends or coaches.

Reviewed products

Apple Health · Google Fit · Strava · FitnessView · Pacer · Calm

FROM INSIGHT TO A DEVELOPER-READY PRODUCT.

Research became a clear information architecture, then low-fidelity wireframes and an interactive prototype. Each stage reduced uncertainty before the interface moved into high-fidelity design.

01 / FRAME

Define the product structure.

I translated research and requirements into information architecture and the core user flows.

02 / EXPLORE

Work in low fidelity first.

Wireframes made it possible to test hierarchy and functionality before investing in visual detail.

03 / VALIDATE

Prototype the critical journeys.

An interactive Figma prototype exposed usability issues early and helped refine the main flows.

04 / ALIGN

Keep development in the loop.

Regular reviews, component logic and documented specifications reduced ambiguity during handoff.

Key design decisions

THE DIFFICULT PART WAS DECIDING WHAT NOT TO SHOW.

01

Protect beginners from overload.

The core experience stays simple, while more advanced functionality can be discovered over time.

02

Prioritise essential analytics.

I focused the main views on steps, calories, distance and heart rate instead of dense dashboards.

03

Make motivation tangible.

Achievable milestones and rewards give users a reason to return without relying on intrusive prompts.

04

Design with implementation in mind.

Prototype reviews and clear component documentation kept design decisions aligned with development.

DESIGNED AROUND THE NEXT USEFUL ACTION.

The solution prioritises the information people need now, while keeping deeper statistics and motivational tools one clear step away.

01 / DASHBOARD

A HOME SCREEN THAT ADAPTS TO THE USER.

A flexible dashboard lets people prioritise the metrics that matter to them—from activity and running to sleep or weight tracking.

  • Prioritised metrics
  • Personal goals
  • Clear daily progress
Enertrack customizable dashboardDK / ENERTRACK

02 / INSIGHTS

STATISTICS THAT EXPLAIN PROGRESS.

Customisable filters turn raw measurements into a readable story, while optional sharing supports users who want external motivation.

  • Flexible date filters
  • Focused key metrics
  • Optional sharing
Enertrack progress statisticsDK / ENERTRACK

03 / TRAINING

GUIDANCE WITHOUT LEAVING THE PRODUCT.

Filters help users find relevant video workouts, and detailed screens keep the timer, description and preview in one clear flow.

  • Workout filters
  • Video preview
  • Timer and guidance
Enertrack video training experienceDK / ENERTRACK

04 / MOTIVATION

SMALL WINS BUILD A REASON TO RETURN.

A reward-based path turns long-term goals into achievable milestones and recognises progress without adding pressure.

  • Achievements and milestones
  • Visible progress
  • Non-intrusive notifications
Enertrack achievements and motivation pathDK / ENERTRACK

BUILT TO GROW BEYOND THE MVP.

I defined the visual identity, typography, hierarchy, reusable components and documented states. The UI kit gave the team a consistent foundation for the MVP and future product development.

Enertrack design system and componentsDK / ENERTRACK

Components & variants

Tokens & visual rules

Interaction states

Developer specifications

DESIGN CONNECTED TO PRODUCT RESULTS.

10K+

Active users in the first two months

+25%

Increase in user retention

$200K

Investment secured

Final outcome

The outcome went beyond the interface: the MVP improved engagement and retention, secured business support, and gave the team a reusable system and clearer handoff for continued product development.

Next case study

SMILECARE

Create a free website with Framer, the website builder loved by startups, designers and agencies.