AR FITNESS APP

fyter

iPhone X - Silver.png

OVERVIEW

AR FITNESS + WORKOUT APPLICATION

ROLE

CONTRACT
PRODUCT DESIGNER

TEAM

HEAD EXPERIENCE DESIGNER

TOOLS

FIGMA

DURATION

2 MONTHS

background

001

ABOUT THE APP

Fyter is a AR fitness app that allows users to stay in shape while fighting for a cause of their choice. Users can workout solo or with a team. This project focused on ways to bring people together to get in shape and fight for charities they believe in. 

BYOD LOGO.png

onboarding

002

EXISTING ONBOARDING

The current onboarding is lacking a consistent flow which can defer users from continuing through the whole process to start using the app. 

ANALYSIS 

The current onboarding is lacking a consistent flow which can defer users from continuing through the whole process to start using the app. 

SELECTED SCREENS

The current onboarding is lacking a consistent flow which can defer users from continuing through the whole process to start using the app. 

PROPOSED ONBOARDING V1

The current onboarding is lacking a consistent flow which can defer users from continuing through the whole process to start using the app. 

PROPOSED ONBOARDING V2

The current onboarding is lacking a consistent flow which can defer users from continuing through the whole process to start using the app. 

PROPOSED ONBOARDING REDUCED

The current onboarding is lacking a consistent flow which can defer users from continuing through the whole process to start using the app. 

launch screen

003

LAUNCH SCREEN IDEAS

The current onboarding is lacking a consistent flow which can defer users from continuing through the whole process to start using the app. 

BYOD FLOW.jpg

PRESCREENING SERIES

These questions appear in all of the symptom flows to determine if a user has a complex chronic condition that would complicate giving a diagnosis. The decision to place these question right after the initial series of questions was determined so the user would not waste their time completing the entire flow if BYOD was not qualified to diagnose them.

BYOD FLOW.jpg

SYMPTOM SERIES

The final series of questions the user is presented with gets more information on specifics of their symptoms. Through these series of yes or no questions, the AI is able to calculate a final diagnosis. 

BYOD FLOW.jpg

DIAGNOSIS SCREENS

I designed the UI for the diagnosis screen, which is shown to the user after they complete the series of questions and BYOD is able to generate your diagnosis. The card design is pulled from the UI of the questions screens, and each has a drop down menu showing more information if the user wants to read more about each section.

Glaucoma AP@2x.jpg
Glaucoma AP@2x.jpg
Glaucoma AP@2x.jpg
Glaucoma AP@2x.jpg
Glaucoma AP@2x.jpg
Screen Shot 2021-04-28 at 1.46.33 PM.png

visual design

004

STYLE GUIDE

I assisted the main UI designer in creating this style guide for BYOD. The concept for the app was to be modern and sleek, given its advanced technology of using AI design. The idea for each of the screens was to appear as "cards" as if you were playing a game. The simplistic design makes the complex app easy to use and understand by users. 

STYLE GUIDE@2x.jpg

final product

005