CASE STUDY

Health Buddy > Health Tracking App

DELIVERABLES

Project Plan Research Document

User Personas

App Sitemap & Wireframes

High-Fidelity App Prototype

SERVICES

UX Research

UI & UX Design

Brand Design

Iconography

YEAR

2020

HealthBuddy-Cover-2

As one of three Graphic Designers in a team, I collaborated through research and design to create a high-fidelity app prototype and branding system for a Health & Fitness tracking app.

HealthBuddy-splashscreen-Grey

/01 CHALLENGE

Finding a purpose and need for a new health tracking app in an already populated space.

Health Buddy is a mobile app that is designed with the purpose of helping users reach their health and fitness goals. The app combines every instance of numerous tracking apps all into one cross-functional place, eliminating the need to have multiple subscription-based apps for different purposes.

During the research and analysis phase, many discoveries were made about the competition and what is currently lacking in the industry that the Health Buddy app could benefit from. The findings were summarized into a Project Plan research document.

HealthBuddy-projectplan-overview-Grey

/02 UX STRATEGY

Building the fundamentals for the core purpose of the app.

Based on the outcomes from the research phase, the following Health Buddy app features were developed and curated: a secure Medical ID, a sleep tracker, an exercise tracker, a menstrual cycle calendar and symptom log, a social centre to connect with and motivate friends, a personalized achievements section, and a nutrition tracking system complete with meal plans and recipes.

Since Health Buddy has so many useful features for a range of people, it is important that the app’s interface was designed with the user at it's core. Health Buddy’s main goal is to be a dedicated and easily accessible health companion for anyone to use regardless of age, gender, ability level, or goals.

health_buddy_user_persona_1
health_buddy_user_persona_2
HealthBuddy-SiteMap-Flow-1
HealthBuddy-SiteMap-Flow-2
HealthBuddy-SiteMap-Flow-3
HealthBuddy-SiteMap-Flow-4
health_buddy_wireframes_long

/03 ART DIRECTION

Fostering a motivational, welcoming, and user-friendly atmosphere.

Having a dedicated space to track health and fitness is vital when trying to achieve a goal or maintain a healthy composition. The friendly design welcomes the user in and allows for immediate access to all their tracking requirements right from the home page.

Graphically, the app’s user interface maintains an energetic and vibrant tone through the strategic use of active colours and shapes. Each feature in the app is organized by a specific colour that denotes its usage: orange = nutrition, green = exercise, blue = social, purple = sleep, and red = menstrual.

health_buddy_wireframes health_buddy_prototypes
health_buddy_nav-bar-summary
health_buddy_thumbnail

/04 GRAPHIC ELEMENTS

Developing a solid set of cohesive components that control the app’s flow.

The component library relies on the vibrant colour palette while maintaining a soft presence.

Each button is colour-coded depending on what section of the app it is from. The buttons and icons are optimized to be clear and easily intelligible for all users.

HealthBuddy-FileOverview
HealthBuddy-LibraryOverview-1
HealthBuddy-LibraryOverview-2
HealthBuddy-LibraryOverview-3
2pt_Footer-Logo+Traits

©2021 Rebecca Andrade. All Rights Reserved.

Back to top Arrow