top of page

In Design System We trust

Designsystem movelt.jpg

Design

Once we set clear ideation goals, we moved into the design phase. We examined various design patterns to ensure consistency across multiple devices to find the best fit for users. We then created low-fidelity wireframes based on our mind map and user flows. We generated multiple iterations for each user flow and used dot voting to select the design for our high-fidelity prototype.

HI-FI WIREFRAME blue.jpg
wireframes_edited_edited_edited.jpg

New
Arrival

Once we set clear ideation goals, we moved into the design phase. We examined different design patterns to find the best fit for users and created low-fidelity wireframes based on our mind map and user flows. We generated multiple iterations for each user flow and used dot voting to select the design for our high-fidelity prototype.

The frames

wireframes_edited_edited.jpg
HI-FI WIREFRAME blue.jpg

Design system

Designsystem movelt_edited.jpg

This is the space to introduce the Services section. Briefly describe the types of services offered and highlight any special benefits or features. Encourage site visitors to learn more by exploring the full list of services offered.

Ideation

With the established user pain point and goal as a guide, we created a mind map to effectively organize a clear structure and hierarchy, making complex concepts easier to understand. We structure our approach around the user to create a user-friendly product that's easy to understand and navigate, allowing users to complete tasks efficiently without confusion. We developed the user flows to showcase a visual roadmap of the user's journey.

Movelt Mind Map – FigJam.png

Mindmap

With the established user pain point and goal as a guide, we created a mind map to effectively organize a clear structure and hierarchy, making complex concepts easier to understand. We structure our approach around the user to create a user-friendly product.

Movelt Userflow app 3.png

User flow app

This is the space to introduce the Services section. Briefly describe the types of services offered and highlight any special benefits or features.

Movelt Userflow watch.png

User flow smartwatch

This is the space to introduce the Services section. Briefly describe the types of services offered and highlight any special benefits or features.

context and device 5 movelt _edited.jpg

Context &
Device

Designing with context in mind helps us anticipate user needs, optimize experiences, and create products that feel relevant and intuitive.
How? by embracing the user's situation, taking into account their location, time, goals, emotions, and social environment.

Persona

To understand our users in context, we dive deep into our persona's routine, pain points, and motivations. 

Jarno persona.png

The  process

ideate.jpg
ideate.jpg
Empathizing.jpeg
depositphotos_96300276-stock-illustration-define-goal-theme-flat-style.jpg
prototype-icon-2048x2048-vk71g7ie_edited.jpg
reflection.jpg

1.EMPHATIZE

Challenge & Objective

In today’s fast-paced professional world, busy individuals struggle to maintain a consistent fitness routine despite having access to wearable technology. 

Problem Statement

1

MoveIt aims to solve this problem by providing a dual-platform fitness solution. The goal is to create an app that simplifies user experience, enabling seamless navigation between multiple devices (phone and smartwatch) to help users maintain a healthy lifestyle balance.

Goals

2

Movelt

App & Smartwatch Design

Overview

Movelt is a mobile application that works with a smartwatch to help users develop daily practice habits. It tracks progress in activity, meals, nutrition, and workouts, providing motivation when users feel unmotivated.

Duration

1 Week

Movelt Mobile & Apple Watch Ultra (Mockup White BG)_edited.png

Role

Product Designer 

In collaboration with my UX colleague, Jenny Höök.

Resposibility

user research, interaction design, visual design, prototyping

Final conclusion





The design effectively addresses the common challenges users face by implementing a multi-device strategy. This approach enables seamless navigation between the phone and smartwatch, ensuring a consistent and smooth user experience across both platforms. The design of the smartwatch is intentionally simplified to focus on singular tasks, which enhances usability and makes interactions more intuitive. By narrowing the focus, users can quickly access the information or functionality they need without unnecessary distractions. Additionally, we prioritize maintaining consistent design elements across both devices. This enhances familiarity but also strengthens user confidence, making transitions between devices smoother.
bottom of page