Copyright © 2022 . Built with love in Design .
Application Development
Project overview
The problem:
Busy people who need website with suggestions and more information about food facts and nutrition to prevent health problems.
The goal:
Create a nutrition platform tutoring adults about nutrition with a supportive community encouraging people to make healthier choices.
My role
Lead UX designer, UX researcher , Designer for
Menu app from conception to delivery.
Responsibilities:
User research, paper and digital wireframing,
low and high fidelity prototyping, conducting
usability study and iterating on design.
Understanding the user
User research: summary
The user interviews were focused on what is the attitude towards healthy eating and what is their knowledge of nutrition. I conducted an unmoderated usability study and created empathy maps to understand the users I’m designing for their needs. A primary user group identified through research was adults who want to improve eating habits and deepen nutrition knowledge. This user group confirmed initial assumptions about our target users. They want the motivation to stay healthy and to make overall better choices in everyday life.
Persona 1: Emma
Problem statement
Emma is a is an active adult with a small excess of body weight who needs suggestions and more information about food facts and nutritionbecause she needs to lose some weight and stay healthy.
Persona Marc
User journey map
Competitive audit
An audit of few competitor’s products provided directions on gaps and opportunities to address with the Nutrition website
Starting the design
Digital wireframes
Low-fidelity prototype
Refining the design
Mockups
High-fidelity prototype
The high-fidelity prototype followed the same user flow as the low-fidelity prototype, including design changes made after the usability study.
Accessibility considerations
Sitemap
With the app designs completed, I started work on designing the responsive website. I used the Nutrition sitemap to guide the organizational structure of each screen’s design to ensure a cohesive and consistent experience across devices.
Responsive designs
Going forward
Takeaweys
Next steps
