BodyGuide
App screens of the colour-coded program phases
BodyGuide is a mobile app that helps people relieve physical pain. Through holistic and structured programs, the app supports body literacy, movement and mindfulness. The interface redesign strays away from a clinical look and adopts a tone of joy and gratitude.
Colours and shapes outlined in the brand guidelines are injected through avatars, statistics and colour-coded program phases. As well as styling for new functions, such as the ability to switch between programs from the home page, the app considers user experiences with fixed buttons.
In-app avatars were also created to reflect different personalities and a diverse user base. They play with foreground/background, contrast and geometric shapes.
Completed / 11-2021
Services / Mobile app UI, avatars
Client / BodyGuide
Tools / Figma
Get the app /
App screens showing two collapsing sections, available to view within each session. Users are able to switch between programs or reveal program details.
The profile page, showcasing the use of colour in statistics and colour-coded phases
App screens of the avatars and settings page
In-app avatars