Confidance App

Role:

Designer, Researcher, Brand Identity, Ideation, User Flow, Wire-Framing, User Interface, Interaction Design, & Prototyping

Software:

Figma

Project Summary:

Confidance App is a project I made during my Interactive Design (UI/UX) class. It is an app that offers dance tutorials from professional choreographers and dancers, while tracking your progress as you keep excising. The theme of the assignment was to create a health and wellness app, so I decided to create a dance and fitness app. I was inspired to create this app as a dancer myself, who has done ballet, jazz, lyrical/contemporary, and hip-hop. I wanted to create an app that focused more on building confidence, rather than weight loss.

Steps:

Research

Target Audience:

Users who want to exercise by dancing and feel good about themselves



Goal & Intention:

Provide fun dance routines to work-out to

and make people feel confident

Problem we are solving:

Working out doesn’t have to be boring and can be easy at home too

Competitor Research:

Body Groove:
- Variety of ways to workout (dance, yoga, meditation, pilates)
- Offers workshops
- App can be used on all devices and TV
- Offers videos at any level and those with medical conditions
- Offers a 30-day challenge
- App in light and dark mode, very plain design

STEEZY:
- Dance app created by owner of the STEEZY dance studio
- Downloaded over a million times
- Design is simple, modern, and clean
- Easy to navigate

What my competitors are doing right?
- My competitors are offering different dance genres for videos

- Incorporating diet/food/weight, community, and using professional choreographers/dancers in the app

- The app layout is clean and simple

What my competitors are doing wrong?
- What my competitors are doing wrong is that they are not personalizing the app enough for users

- Most of these apps do not track your progress for you, and real-time feedback is not provided in the event that you are doing any movements incorrectly

Design & Ideation

Low Fidelity:

- Creating brand identity

- Developing design system

- Planning out and mapping where I want to put the content with wire-framing

User Flow & Prototyping

High Fidelity:

- Animations

- Light mode & dark mode

- Creating prototype and functionality