Fitness App [2-day Design Sprint]

Product Design, UX, Visual Design

Fitness App [2-day Design Sprint]

2-day design sprint from start to finish – covering overall app concept, branding and product design (UI/UX)

• Research

• User Interviews

• Competitor Analysis

• Logo and Visual Identity

• Naming

• Wireframing

• Prototyping

COMPETITOR ANALYSIS

Tested the leading apps while cycling to work: fitness, tracking, health and coaching apps like FitBit, Strava, Couch to 5K, MyFitnessPal, Lifesum.

USER INTERVIEWS

Two main observations:

1) Reason for deleting fitness apps: battery drain
Solution: energy saving feature has to be highlighted in the App Store feature list

2) Easy to use fitness apps tested = they really work intuitively as advertised

UI DESIGN MOODBOARD

As searching for the ideal concept, I found award winning, innovative applications like SoundCloud, Flickr, Monument Valley and AirBnb

BRANDING

Good examples for strong branding and carefully selected colour palette in app UI design

NAMING OPTIONS

Looking at the leading apps I realised that many of them have confusing names and just a few stands out as STRAVA

STIMULI: “A thing that rouses activity or energy in someone or something; a spur or incentive.”

It sounds a bit foreign and exotic. It can also easily be remembered by the users.

FONT RESEARCH

Visually strong typeface design, good legibility
Avoiding overused typefaces
Typeface should support the app’s overall concept
Screen optimised

APP ICON / LOGO

Goal: to create a unique shape that stands out on the user’s Home Screen and in the App Store.

Legible in small sizes to be used in social media as profile pictures

NUMBER EIGHT <> INFINITE LOOP

The overlap of the letter 'S' and number 8: eight-week programme, the shape can be used as an hourglass, there are further possibilities in promotion visuals.

UNIQUE FEATURES

• Inspirational images pulled in from nearby running routes
• Battery saving mode: detects battery charge level
• Food intolerance/allergy, non-dairy, halal and vegan settings

ONBOARDING

Inspirational images set the user in the right mood

HOME SCREEN

Swiping up reveals more information on the challenge

Challenge examples:

• eat no sugary food for one month

• 20000-step weekend

• run home from work • run to work
• run at lunchtime
• fastest 3K

• sponsoring possibilities with retailers like Strava/Rapha partnership

HOME SCREEN TOP BAR

Progress constantly visible:
tapping on the top progress bar tells the user how much time left to finish

MENU

INSPIRE button:
showing evidence for the positive impact: face will
look healthier, feel warmer all day, better sleep, circulation, weight loss, reduced nervousness, better food, better mood, nicer body

Social/Group Activity:
joint training with friends / local and remote

SCREEN DURING WORKOUT

• Enhanced button legibility during running

• Inspirational images are pulled in from image server based on user’s location

• Progress graph: showing current location and route map

• Clean UI: focussing only one item while running

SCREEN DURING WORKOUT

Progress graph option: animated performance graph

SCREEN DURING WORKOUT

• Swiping left or right reveals further inspirational images about the area

• These images might be one of the biggest motivation to get up and go running

HOME SCREEN DURING WORKOUT

Animated performance graph

ACHIEVEMENT OVERLAY

• Voucher codes, credit points can be also gained: building partnerships with retailers and other brands

• Social/Group Activity: Sharing achievements

STATS DASHBOARD

• No geeky tables and stats

• Only friendly and clear infographics

FEATURE: BEHAVIOURAL CHANGE DETECTION

1 Fitness Level
Tracking the progress as a normal running tracker app. Based on special algorithm (speed, distance etc), it is able to detect performance gain

2 Eating Habits
Food quality change based on purchased food list

Encourage and motivate users to use the app

Leaderboards:
1 private
2 among social friends
3 global leaderboard Dashboard:

showing Activity and Stats Push notifications: related to geographic area at lunchtime and after work • time of day: time to run, time to sleep, time to eat • when passing by partner retailers, healthy and simple shopping list will be created automatically Achievement levels like in gaming: UI is unlocked for style personalisation / new icons, emoticons • UI design change for challenges done • charity involvement like RED campaign • seasonal app rebrand / style / sounds for Christmas and Halloween Bringing heavy users into media channels: the App’s team care about them, give celebrity treatment Social/Group Activity: uploading user generated videos to YouTube • best way to reveal new features, UI enhancements, tutorials Referrals: recommend to a friend aka UBER: score or credit points as a reward to spread the app Service Manifestation
Growing market share via trying to be the best app: Full version is free for 6 months (tying customers with their achievements and data similar to gaming) Beyond the powerful logo, branding and very well presented screen grabs in the App Store, a dedicated website would serve as the core promotional channel Street promotion at related events


Please note, this project is a 2-day sprint from start to finish. The focus was on strategy, monetisation and concept.


USERFLOW AND WIREFRAMES: The ideation of new features begins
USERFLOW AND WIREFRAMES: The ideation of new features begins
No items found.
No items found.

More Work