UI / UX Design
MoveIt — Mobile & Smartwatch Fitness App
A clean, accessible flow to find a workout, follow it, and track resting HR across devices—built for speed and clarity.
Year :
2025
Industry :
Fitness & Health
Client :
Noroff – UX Design Program
Project Duration :
1 week
Problem statement:
Time-pressed people who work out need a simple, consistent way to discover, start, and complete workouts and track heart rate across phone and smartwatch.
Current fitness apps scatter key actions between devices, use cluttered UIs, and bury resting-HR insights, leading to drop-offs and incomplete tracking.
MoveIt will provide an accessible, cross-device flow -glanceable on watch, full control on mobile, that reduces cognitive load and ensures progress is saved and comparable.
Solution:
Team
3 students (UX research, interaction design, prototyping)
My role
Scenario writing · user and task flows · part of the design system · low-fi → high-fi mobile wireframes · interactive prototype · ideation/key decisions
Tools
Figma · Miro · Airtable · Canva · FlowMapp
Product approach
Design a cross-device fitness experience that’s watch-quick and phone-powerful:
Watch-first “Quick Start” to begin/stop a workout in one tap with big, glove-friendly targets and haptics.
Guided sets on watch with auto-timers, rest countdown, and glanceable HR zone chip.
Mobile hub for planning: workout library, routine builder, progress screen, and HR trends (resting HR + zones).
Seamless sync so sessions started on watch appear on the phone instantly and never lose data.
Accessible UI (WCAG 2.2): high contrast, large tappable areas, clear focus states, voice-over labels.
Goals
Make workouts easy to find, start, and complete in seconds.
Provide consistent tracking across phone and smartwatch.
Surface heart-rate trends (resting HR & zones) to motivate progress.
Reduce cognitive load with simple flows, clear hierarchy, and haptic/visual feedback.
Meet WCAG 2.2 and follow a mobile-first approach.
Constraints
Short course sprint with a small student team.
No production APIs - prototype only, with simulated device sync.
Mixed participant availability for research and testing.
Challenge :
Create a from-scratch fitness experience for phone + smartwatch in a week sprint. The app had to be watch-fast and phone-powerful—letting users start a workout in seconds on the watch, manage guided sets, and review progress on the phone—while meeting mobile design best practices.
What made it hard
Two devices, one flow: seamless handoff and consistent UI patterns between watch (quick actions, haptics, glanceability) and phone (planning, review, trends).
Scope discipline: focus on the core jobs - Quick Start, guided sets/rest, progress view, and heart-rate insights (resting HR + zones).
Clarity over clutter: reduce cognitive load with simple IA, minimal taps, and readable typography/touch targets.
No production APIs: prototype the cross-device sync and data states convincingly within the tooling constraints.
Success meant a frictionless workout start on the watch, rich planning and feedback on the phone, and an interface that remains accessible, consistent, and motivating.
Persona:
Scenario:
Jarno has just arrived in Oslo to present a new company project at a professional conference. Since his hotel is located close to the meeting point and he has 1.5 hours of free time before his first meeting begins, he decides to fit in a quick workout and still have time to shower and prepare.
He opens the MoveIt app on his phone and selects a 35-minute chest workout routine that requires no equipment.
He uses the mobile app to follow the routine, while his smartwatch displays real-time data like calories burned and heart rate, helping him stay focused and consistent.
MoveIt ensures a seamless experience across devices, helping Jarno stay active even when traveling for work.
User Flows:
Ideation:
To explore the best direction for MoveIt and Jarno we have applied brainstorming to come up with some ideas. We also checked other real apps in the market to gather info, and did some screenshots for visual interests.
After that we applied NUF from some of the ideas, going directly to brainstorming possible screens for us to start sketching.
To see whole ideation CLICK HERE
Sketches
Design System
Dark neutrals for focus + neon-lime accent for CTAs/status; light grays/white for readability.
System sans, bold numerals, 8-pt spacing; round tap targets (44–48px) for phone & watch.
WCAG 2.2 AA contrast, clear iconography, shared tokens to keep both platforms consistent.
Low and High-Fi mobile Prototype
To see low fidelity prototype CLICK HERE, and to see high fidelity prototype CLICK HERE
Low and High-Fi smart watch Prototype
To see low fidelity prototype CLICK HERE, and to see high fidelity prototype CLICK HERE
Conclusion:
MoveIt delivers a simple, cross-device fitness experience that adapts to users— not the other way around.
Grounded in user goals and competitive insights, the design emphasizes clarity, fast interactions, and consistency between phone and smartwatch.
Accessibility was built in from the start (AA contrast, large touch targets, clear iconography), reducing friction during workouts.
Key flows (start/pause, progress, heart-rate feedback) are glanceable on watch and fully guided on mobile, helping users like Jarno stay motivated and consistent.
Outcome: a focused, inclusive system that turns fitness goals into repeatable habits — validated through design principles and platform guidelines, and ready for usability testing and iteration.
More Projects
UI / UX Design
MoveIt — Mobile & Smartwatch Fitness App
A clean, accessible flow to find a workout, follow it, and track resting HR across devices—built for speed and clarity.
Year :
2025
Industry :
Fitness & Health
Client :
Noroff – UX Design Program
Project Duration :
1 week
Problem statement:
Time-pressed people who work out need a simple, consistent way to discover, start, and complete workouts and track heart rate across phone and smartwatch.
Current fitness apps scatter key actions between devices, use cluttered UIs, and bury resting-HR insights, leading to drop-offs and incomplete tracking.
MoveIt will provide an accessible, cross-device flow -glanceable on watch, full control on mobile, that reduces cognitive load and ensures progress is saved and comparable.
Solution:
Team
3 students (UX research, interaction design, prototyping)
My role
Scenario writing · user and task flows · part of the design system · low-fi → high-fi mobile wireframes · interactive prototype · ideation/key decisions
Tools
Figma · Miro · Airtable · Canva · FlowMapp
Product approach
Design a cross-device fitness experience that’s watch-quick and phone-powerful:
Watch-first “Quick Start” to begin/stop a workout in one tap with big, glove-friendly targets and haptics.
Guided sets on watch with auto-timers, rest countdown, and glanceable HR zone chip.
Mobile hub for planning: workout library, routine builder, progress screen, and HR trends (resting HR + zones).
Seamless sync so sessions started on watch appear on the phone instantly and never lose data.
Accessible UI (WCAG 2.2): high contrast, large tappable areas, clear focus states, voice-over labels.
Goals
Make workouts easy to find, start, and complete in seconds.
Provide consistent tracking across phone and smartwatch.
Surface heart-rate trends (resting HR & zones) to motivate progress.
Reduce cognitive load with simple flows, clear hierarchy, and haptic/visual feedback.
Meet WCAG 2.2 and follow a mobile-first approach.
Constraints
Short course sprint with a small student team.
No production APIs - prototype only, with simulated device sync.
Mixed participant availability for research and testing.
Challenge :
Create a from-scratch fitness experience for phone + smartwatch in a week sprint. The app had to be watch-fast and phone-powerful—letting users start a workout in seconds on the watch, manage guided sets, and review progress on the phone—while meeting mobile design best practices.
What made it hard
Two devices, one flow: seamless handoff and consistent UI patterns between watch (quick actions, haptics, glanceability) and phone (planning, review, trends).
Scope discipline: focus on the core jobs - Quick Start, guided sets/rest, progress view, and heart-rate insights (resting HR + zones).
Clarity over clutter: reduce cognitive load with simple IA, minimal taps, and readable typography/touch targets.
No production APIs: prototype the cross-device sync and data states convincingly within the tooling constraints.
Success meant a frictionless workout start on the watch, rich planning and feedback on the phone, and an interface that remains accessible, consistent, and motivating.
Persona:
Scenario:
Jarno has just arrived in Oslo to present a new company project at a professional conference. Since his hotel is located close to the meeting point and he has 1.5 hours of free time before his first meeting begins, he decides to fit in a quick workout and still have time to shower and prepare.
He opens the MoveIt app on his phone and selects a 35-minute chest workout routine that requires no equipment.
He uses the mobile app to follow the routine, while his smartwatch displays real-time data like calories burned and heart rate, helping him stay focused and consistent.
MoveIt ensures a seamless experience across devices, helping Jarno stay active even when traveling for work.
User Flows:
Ideation:
To explore the best direction for MoveIt and Jarno we have applied brainstorming to come up with some ideas. We also checked other real apps in the market to gather info, and did some screenshots for visual interests.
After that we applied NUF from some of the ideas, going directly to brainstorming possible screens for us to start sketching.
To see whole ideation CLICK HERE
Sketches
Design System
Dark neutrals for focus + neon-lime accent for CTAs/status; light grays/white for readability.
System sans, bold numerals, 8-pt spacing; round tap targets (44–48px) for phone & watch.
WCAG 2.2 AA contrast, clear iconography, shared tokens to keep both platforms consistent.
Low and High-Fi mobile Prototype
To see low fidelity prototype CLICK HERE, and to see high fidelity prototype CLICK HERE
Low and High-Fi smart watch Prototype
To see low fidelity prototype CLICK HERE, and to see high fidelity prototype CLICK HERE
Conclusion:
MoveIt delivers a simple, cross-device fitness experience that adapts to users— not the other way around.
Grounded in user goals and competitive insights, the design emphasizes clarity, fast interactions, and consistency between phone and smartwatch.
Accessibility was built in from the start (AA contrast, large touch targets, clear iconography), reducing friction during workouts.
Key flows (start/pause, progress, heart-rate feedback) are glanceable on watch and fully guided on mobile, helping users like Jarno stay motivated and consistent.
Outcome: a focused, inclusive system that turns fitness goals into repeatable habits — validated through design principles and platform guidelines, and ready for usability testing and iteration.
More Projects
UI / UX Design
MoveIt — Mobile & Smartwatch Fitness App
A clean, accessible flow to find a workout, follow it, and track resting HR across devices—built for speed and clarity.
Year :
2025
Industry :
Fitness & Health
Client :
Noroff – UX Design Program
Project Duration :
1 week
Problem statement:
Time-pressed people who work out need a simple, consistent way to discover, start, and complete workouts and track heart rate across phone and smartwatch.
Current fitness apps scatter key actions between devices, use cluttered UIs, and bury resting-HR insights, leading to drop-offs and incomplete tracking.
MoveIt will provide an accessible, cross-device flow -glanceable on watch, full control on mobile, that reduces cognitive load and ensures progress is saved and comparable.
Solution:
Team
3 students (UX research, interaction design, prototyping)
My role
Scenario writing · user and task flows · part of the design system · low-fi → high-fi mobile wireframes · interactive prototype · ideation/key decisions
Tools
Figma · Miro · Airtable · Canva · FlowMapp
Product approach
Design a cross-device fitness experience that’s watch-quick and phone-powerful:
Watch-first “Quick Start” to begin/stop a workout in one tap with big, glove-friendly targets and haptics.
Guided sets on watch with auto-timers, rest countdown, and glanceable HR zone chip.
Mobile hub for planning: workout library, routine builder, progress screen, and HR trends (resting HR + zones).
Seamless sync so sessions started on watch appear on the phone instantly and never lose data.
Accessible UI (WCAG 2.2): high contrast, large tappable areas, clear focus states, voice-over labels.
Goals
Make workouts easy to find, start, and complete in seconds.
Provide consistent tracking across phone and smartwatch.
Surface heart-rate trends (resting HR & zones) to motivate progress.
Reduce cognitive load with simple flows, clear hierarchy, and haptic/visual feedback.
Meet WCAG 2.2 and follow a mobile-first approach.
Constraints
Short course sprint with a small student team.
No production APIs - prototype only, with simulated device sync.
Mixed participant availability for research and testing.
Challenge :
Create a from-scratch fitness experience for phone + smartwatch in a week sprint. The app had to be watch-fast and phone-powerful—letting users start a workout in seconds on the watch, manage guided sets, and review progress on the phone—while meeting mobile design best practices.
What made it hard
Two devices, one flow: seamless handoff and consistent UI patterns between watch (quick actions, haptics, glanceability) and phone (planning, review, trends).
Scope discipline: focus on the core jobs - Quick Start, guided sets/rest, progress view, and heart-rate insights (resting HR + zones).
Clarity over clutter: reduce cognitive load with simple IA, minimal taps, and readable typography/touch targets.
No production APIs: prototype the cross-device sync and data states convincingly within the tooling constraints.
Success meant a frictionless workout start on the watch, rich planning and feedback on the phone, and an interface that remains accessible, consistent, and motivating.
Persona:
Scenario:
Jarno has just arrived in Oslo to present a new company project at a professional conference. Since his hotel is located close to the meeting point and he has 1.5 hours of free time before his first meeting begins, he decides to fit in a quick workout and still have time to shower and prepare.
He opens the MoveIt app on his phone and selects a 35-minute chest workout routine that requires no equipment.
He uses the mobile app to follow the routine, while his smartwatch displays real-time data like calories burned and heart rate, helping him stay focused and consistent.
MoveIt ensures a seamless experience across devices, helping Jarno stay active even when traveling for work.
User Flows:
Ideation:
To explore the best direction for MoveIt and Jarno we have applied brainstorming to come up with some ideas. We also checked other real apps in the market to gather info, and did some screenshots for visual interests.
After that we applied NUF from some of the ideas, going directly to brainstorming possible screens for us to start sketching.
To see whole ideation CLICK HERE
Sketches
Design System
Dark neutrals for focus + neon-lime accent for CTAs/status; light grays/white for readability.
System sans, bold numerals, 8-pt spacing; round tap targets (44–48px) for phone & watch.
WCAG 2.2 AA contrast, clear iconography, shared tokens to keep both platforms consistent.
Low and High-Fi mobile Prototype
To see low fidelity prototype CLICK HERE, and to see high fidelity prototype CLICK HERE
Low and High-Fi smart watch Prototype
To see low fidelity prototype CLICK HERE, and to see high fidelity prototype CLICK HERE
Conclusion:
MoveIt delivers a simple, cross-device fitness experience that adapts to users— not the other way around.
Grounded in user goals and competitive insights, the design emphasizes clarity, fast interactions, and consistency between phone and smartwatch.
Accessibility was built in from the start (AA contrast, large touch targets, clear iconography), reducing friction during workouts.
Key flows (start/pause, progress, heart-rate feedback) are glanceable on watch and fully guided on mobile, helping users like Jarno stay motivated and consistent.
Outcome: a focused, inclusive system that turns fitness goals into repeatable habits — validated through design principles and platform guidelines, and ready for usability testing and iteration.