top of page
Eat the Rainbow: Image
MY ROLE: UX DESIGNER. TOOL: ADOBE XD
PROJECT DURATION: 1 MONTH
Eat the Rainbow: Services
THE PRODUCT
We are designing an app for kids to learn about nutrition.
THE PROBLEM
Kids need to learn how important is to have a balanced diet.
THE GOAL
We are developing an app that teaches them how to eat healthy by having fun.
PROBLEM STATEMENT
Marie is a 8 years old girl who needs to learn what is healthier to eat because she wants to educate her parents.
Eat the Rainbow: Text
Eat the Rainbow: Image
TABLET WIREFRAME
After drawing the fist mock ups of the app I realised it would be better to show the user a more intuitive flow, and also understandable for a person who might not be able to read yet.
Eat the Rainbow: Services
TABLET WIREFRAME AND
HIGH FIDELITY PROTOTYPE
Eat the Rainbow: Text
Eat the Rainbow: Image
MOBILE WIREFRAME MAIN FLOW
Eat the Rainbow: Text
Eat the Rainbow: Image
MOBILE HIGH FIDELITY PROTOTYPE
Eat the Rainbow: Services
MOBILE MAIN FLOW
The final High Fidelity prototype presented a cleaner flow for the users.
Here is the link to the High-fidelity prototype
Eat the Rainbow: Image
RESPONSIVE DESIGN
As the app was going to be used by users on their computers but also tablets and mobile phones I designed all variations with the optimised design depending on the different devices.
Eat the Rainbow: Text
Eat the Rainbow: Image
bottom of page