Replica

A smart mirror workout system designed for office workers, through the integration of a smart mirror with a mobile app.

ROLE

UX Design
Research
Prototyping

CLIENT

School Project

TIMELINE

October 2022
1.5 weeks

TOOLS

Figma

00
Overview

A smart workout training system for office workers

Replica personalises, guides and motivates users to work out in an efficient and safe manner.

Jump to Deliverable

Challenge

The brief was to create a workout training system for office workers at home. From there, I outlined three key design tasks I wanted to complete.

How might we guide office workers to work out correctly?

How might we encourage office workers to exercise at home often?

How might we integrate futuristic technologies in a workout system?

Design Thinking

*Due to time constraints of the project, an extensive usability study was not conducted.

01
EMPATHIZE

Analysed the landscape for smart workout systems

Conducted in-depth interviews with 3 office workers

02
DEFINE

Crafted user journey maps to pin-point design gaps in current workout experiences

Developed 2 user personas upon identifying user goals and pain-points

03
iDEATE

Rapid brainstorming

Assumptions of Replica’s smart mirror (e.g., size, orientation & controls)

Developed user flows, user journeys & low-fidelity wireframes

Established visual identity

04
prototype

Developed high-fidelity prototypes

01
empathize

User Research

“What problems have you faced while working out at home?”

In-depth interviews were conducted with three office workers who have exercised at least once in their homes.

This demographic was selected so as to understand their user journey, allowing me to further identify potential design gaps in the existing indoor workout systems.

Paula's interview answerRachel's interview answerDerek's interview answer

Insights

01

Lack of real-time feedback makes working out daunting

02

Personalised workouts call for higher completion rates

03

The race against burnout - how can we motivate users?

02
DEFINE

Overall Project Goal

How might we encourage office workers to exercise at home in an accurate & safe manner, without the use of a physical trainer?

User Journey Map

After analysing the interview transcripts with the office workers, I crafted a user journey map based on their experiences. This helped me understand the frustrations they had faced during each phase, allowing me to identify design gaps in which Replica can fill.

A user journey map, showcasing different phases of how a user conducts their workout routine at home

User Personas

Two user personas were developed to outline what users may need from a workout system.

One is new to working out, while the other is a seasoned fitness junkie. They each have different goals but one goal they had in common was to workout more, at the comfort of their homes.

Jane's persona, who is new at working out and wants guidance
Ben's persona, who is a seasoned fitness junkie and wants to have personalised workout routines for home-use
03
IDEATE

Brainstorming

Based on the problem statement, I conducted a rapid brainstorming session to generate different solutions to tackle various pain-points.

Below is an interactive table that shows an overall summary of the finalised ideas after evaluation.

PAIN POINT
IDEATION
IDEATION

A smart AI mirror to monitor user's form & give guidance

IDEATION

Personalisation of workouts based on intensity & size constraints through an on-boarding process

IDEATION

Gamification during workout sessions and a leaderboard to encourage users

Assumptions

After finalising the ideation, I decided to ideate further to provide assumptions on the smart mirror.

01
DESIGN

Horizontal

50-inch by 80-inch

02
DISPLAY

LCD touch screen

Front-facing camera with in-built smart sensors

03
FEATURES

3D motion tracking

Stream workout on mirror with friends simultaneously

04
CONTROLS

Workouts are first selected on Replica's mobile app before demonstrated on mirror

Creation Process

Replica's mobile app user flow
Low-fi wireframes for Replica's mobile app
Low-fi wireframes for Replica's mirror
Jane's new user journey after completing the given task with Replica
Ben's user journey after completing his user task with Replica
Final screens
Final screens (Replica Mirror)

Visual Identity

Typography
Colour palette
04
PROTOTYPE
GIF showing both mirror and app in tandem to guide users in working out

An immersive gym experience at one's fingertips

Used in tandem with Replica's smart mirror, users can work out with ease while they obtain real-time feedback on their form.

GIF showcasing onboarding process

Onboarding

Upon registration, users will undergo an onboarding process with Replica's chatbot to allow Replica to better understand their needs and personalise a workout regimen accordingly.

GIF showcasing social feed and leaderboard

Community

Users can meet and workout with fellow like-minded fitness pals, who can motivate each other to do better with Replica's weekly leaderboard system.

Picture showcasing event screen

Events

Users can sign up for Replica exclusive events to speak to instructors, attend live-classes, or attend user feedback sessions to help Replica improve in the future.

GIF showing both mirror and app in tandem to guide users in working outGIF showcasing onboarding processGIF showcasing social feed and leaderboardPicture showcasing event screen
05
TAKEAWAYS

It was fun to explore the idea of something futuristic yet also so attainable with current technology

01

Importance of research validation in product design

02

Tight timeline - prioritising what's important is crucial for project completion

03

The power of white space to facilitate effective content communication