Overview

ViFiVE is a digital clinic app for musculoskeletal pain care and injury prevention. We provide accessible at-home exercise programs with AI Coach that guides the user with pose correction and customizable counts and instructions.
Role   
Product Designer

Interface       
iPhone/iPad

Problem

is to solve or mediate the existing problems in the healthcare system and people who access them. The existing problems include that physical therapy clinic:
Expensive

Avg of 25 clinical visits are needed which costs in average more than $3000 per patient annually

Inconvenient

Having to schedule a visit around one’s schedule + driving

Broken Engagement

Patients are not engaged unless they are told to do on a consistent basis

Solution

We’ve included  features that could reduce the existing problems but include the necessary services for users. Certified DPT's For more accurate pose correction that is offered in physical clinics, we added ML trained Ai-coach to guide the users during their exercises for real time pose correction feedback and angle analysis of the joints. We included gamification features to further motivate the users to continue and build permanent habit of using the app.

Design Theme

After several iterations of theming and branding, I decided to go with something unconventional to a common clinic/medical app. I wanted to give an impression that this isn't just limited to a clinical interface but more liberated into a lifestyle sort of an app.

Primary
#313932
Secondary
#3B433C
Secondary 2
#83958B
Text
#FFFBEE
Accents
#9F7DE1
Buttons
#EC896A
Logo
Typography
Header 1
34 pt DM Sans
Header 2
32 pt DM Sans
Plan Title
28 pt DM Sans
Card Title
24 pt DM Sans
Header 3
20 pt DM Sans
Callout
16 pt DM Sans
Initial User Onboarding
Required Section
Users select symptom and severity for concerning body parts
Optional Section
For more specific inputs, optional demographic and commorbidity section is included.
Home Tab
There are 4 main components, the daily progress and points, active program, recommended programs, and custom programs.
Dashboard Tab
Dashboard tab shows calculated metrics data from the user’s use of exercise as well as body part computation from our Ai-coach.

Plan Building UI

Facilitate exercise selection by providing filter options
Drop Down Filter by Category
Filter Types and # of filters
Device Setup Onboarding
Since our app features real-time pose correction and join detection, it is critical to educate the users on how to correctly set up the device whether it is iPad or iPhone. Because we couldn’t do a video instruction (which would’ve been the easiest solution), I added gamification features on 3 parts of the set up process.
Angle Guide

Guide on how to set the angle of the device before the exercise

Distance Guide

Guide on how to set the distance of the device before the exercise

Exercise Screen
Gamification Components
Points award system after a user finishes exercise
Badges given after reaching a certain level of points
Visit the  website  to see more in detail.
©Chloe Lim 2023