After researching the digital health app landscape we saw an opportunity to design something very different. Similar to a previous app concept we developed around dynamic illustrations, we explored the idea of associating the user to an animal of choice which changes 'state' according to their wellbeing.

On the top layer you have a very glanceable layout which just includes your character state (created dynamically based on your health data) and a simple sentence. If you wish to drill deeper into your data you can just swipe up to reveal detailed progress graphs, comparisons and tips.

The illustration style was kept purposely minimal to match the overall user interface. Based on user testing, we focused on illustrating animals that were quickly identifiable. Then we got to work on developing the idea of gamification. The user can select an animal and a particular goal and then see their progress.

As a motion guide, we put together a series of high-fidelity prototypes demonstrating some of the micro interactions within the app, particularly highlighting where an attention to detail would really bring the experience to life. These prototypes were created in Principle and used as a reference for implementation.

As a quick reference for future visual iterations of the app we put together a very basic style sheet covering colour usage, typography and illustration style. We used a light pastel colour palette, just enough to visually separate the app areas while enabling us to use full colour in the character illustrations.