呍る

bodireel

A reel of your fitness progress

Bodireel is a fitness app and support tool to organise fitness training. It is a unique resource containing thousands of free workouts and demonstrated exercises. Users can set health and fitness targets and track progress towards a goal.

ROLE

I was assigned this mission in 2014 for Bodireel London, UK. My role was to design the app for the Web and mobiles systems. I collaborated with product managers, engineers, and stakeholders on the execution and ship of the product.

THE PROBLEM

A complete fitness app that includes training, metrics and nutrition in one package. The social platform allows users to connect with friends for support and receive encouragement from connections. Users can also connect interactively with Personal Trainers and receive bespoke training programs from fully qualified Bodireel approved Personal Trainers.

DATE

2014 - 2016

TYPE

Fitness App

COMPANY

Bodireel

SWATCHES

Swatches represent the colors used throught the application, swatches will be utilized through the appropriate component and widget abstractions.
Colors

DAY COLORS

Mainly use for day identification, colors inspired by Japanese calendar.
Colors

TYPOGRAPHY

Bodireel app uses Futura Std for general text. Aller for numbers, units and special cases.
Typography

ICONOGRAPHY

GENERAL

Some icons of the app, they can be better identified but in this case it will be general.
General icons

TRAINING PLACEHOLDERS

Use for exercise type and workout goals when there is no vídeo o image's vídeo associated to it.
Training placeholders icons

PARAMETERS OR SPECIFICS

Use to identify a parameter or specific of a training activity.
Parameters or specifics icons

METRIC CATEGORY

Use to identify a category.
Metric category icons

NUTRITION PLACEHOLDERS

Use for nutrition type when there is no vídeo o image's vídeo associated to it.
Nutrition placeholders icons

EXTRA INFO

What activity did you complete?, How did you feel?, What type of terrain were you on?, How were the conditions?, etc
Extra info icons

KUDOS

Give kudos.
Kudos

NEXT

The app main sections.

DIARY

Organize yourself with training & program planning. Synched with your Outlook, Google, and Apple calendar with reminders & other notifications.
Diary phone screens
Diary page

METRICS

Record and monitor everything. That which is measured improves. That which is measured and reported improves exponentially.
Metrics phone screens
Metrics page

TRAINING

Library of demonstrated exercises categorized for suitability for each user. Professionally written workouts and programs available to select for desired goal.
Training phone screens
Training page

NUTRITION

Simply and accurately record, monitor and analyze food intake with our own specially designed easy to use nutrition features. Look up nutrition plans and find healthy recipes.
Nutrition phone screens
Nutrition page
Some of the icons use in this product were designed by Creative Stall, Rutmer Zijlstra, Pham Thi Dieu Linh, and many others from The Noun Project.