b cover

balance

Project Type: UX & UI

Duration: 12 weeks

Tools: Sketch, Adobe Illustrator, Adobe Photoshop, Adobe After Effects

Project Type: UX & UI

Duration: 12 weeks

Tools: Sketch, Adobe Illustrator, Adobe Photoshop, Adobe After Effects

Project Type: UX & UI

Duration: 12 weeks

Tools: Sketch, Adobe Illustrator, Adobe Photoshop, Adobe After Effects

What's balance?

balance is an app that helps to track your daily fitness & nutrition progress. It also offers free workout & meal plans for those who want to follow a healthier living style. The goal of balance is to make health and fitness attainable, affordable and approachable.

balance is an app that helps to track your daily fitness & nutrition progress. It also offers free workout & meal plans for those who want to follow a healthier living style. The goal of balance is to make health and fitness attainable, affordable and approachable.

Problems

  • For people who just started to workout/diet, they don’t have much knowledge about what kind of exercise/meal would be the most suitable & effective according to their conditions.
  • Some people don’t want to spend money on hire costly personal trainers/nutritionist.
  • Some people ended their workout/diet routine due to lack of motivation.

Solutions

Design an app that includes both fitness & nutrition features.

  • The app offers free workout & meal plans for users who want to follow a healthier living style.
  • The app also helps to track users’ daily calorie intake & consumption therefore to keep them motivated.


Design an app that includes both fitness & nutrition features.

  • The app offers free workout & meal plans for users who want to follow a healthier living style.
  • The app also helps to track users’ daily calorie intake & consumption therefore to keep them motivated.
     

 

Design Breakdown πŸ‘‡πŸ»

App DesignπŸ“±

Asset 260

Web Design πŸ–₯

Design Process πŸ‘‡πŸ»

User Survey

b_survey

Competitive Analysis

b_com

Personas

After researching and interviewing with potential users, I created three personas representing three types of customers who would use a fitness & nutrition app.

balance is an app that helps to track your daily fitness & nutrition progress. It also offers free workout & meal plans for those who want to follow a healthier living style. The goal of balance is to make health and fitness attainable, affordable and approachable.

app process
app process2
app process3

Empathy Maps

According to the personas, I created empathy maps that can show the feelings and thoughts that my potential users might have based on their conditions. The empathy map also highlighted their pain points and how those points would be improved/changed by using the app.

balance is an app that helps to track your daily fitness & nutrition progress. It also offers free workout & meal plans for those who want to follow a healthier living style. The goal of balance is to make health and fitness attainable, affordable and approachable.

app process4
app process5
app process6

User Flow

Up until now I had a vague idea of how the app will function. Mapping the basic flow of the app helped me to figure each step on the path the users will take throughout the solution.

balance is an app that helps to track your daily fitness & nutrition progress. It also offers free workout & meal plans for those who want to follow a healthier living style. The goal of balance is to make health and fitness attainable, affordable and approachable.

b_uf

Paper Prototype

Paper prototype was the first step to help me outline the app and visually imagine it. After sketched out the outline on the index cards, I did user testing with potential users to see if they understand how the app functions or having any frustration with it.

balance is an app that helps to track your daily fitness & nutrition progress. It also offers free workout & meal plans for those who want to follow a healthier living style. The goal of balance is to make health and fitness attainable, affordable and approachable.

b_pp-min (1)
ut

Low Fidelity Wireframe

App DesignπŸ“±

b_lofi0

Web Design πŸ–₯

Asset 252
Asset 253
Asset 255
Asset 254
Asset 256

Style Board

b_sb0

Final Prototype

App DesignπŸ“±

b_app

Web Design πŸ–₯

Asset 12
Asset 13
Asset 14
Asset 16
Asset 15

Thank you for taking the time to view my project! πŸ˜ƒ

More Projects

Trimble UnityIndustry Software – Offers a suite of solutions to support smart water management

reagoConceptual UX Project – An online travel agency

juiceeConceptual Branding Project – A cold-pressed juice brand