HealthyScan-App

HealthyScan is a mobile application prototype developed as part of a Final Degree Project. Its goal is to answer:
How can an app help improve nutrition by considering an individual's habits and health status?

The app helps users decide whether supermarket products are suitable for them, taking into account their health conditions and personal habits, aiming to improve nutrition and support overall health and well-being.

🎯 Project Focus

• User-centred design methodology
• Qualitative and quantitative user research
• Heuristic evaluation and usability testing
• User flows and interaction design
• Mobile UX/UI design
• Accessibility and usability

✨ Main Features

📷 Scan product barcodes or take photos 🤖 Product recognition using AI 🥗 Evaluate products based on user needs and habits 🛒 Support healthier shopping decisions 👩‍⚕️ Nutritionist consultation 🍲 Recipe recommendations 📋 Shopping and product history

##🎨 My Role

This was an individual project, and I was responsible for the design process from research and concept development through to the final interactive prototype.

I worked on:

• User research and requirements
• Information architecture
• User flows
• Wireframing
• UI design
• Interactive prototyping
• Usability evaluation
• Accessibility considerations

Methodology

• Applied a user-centred design approach combined with heuristic evaluation.
• Conducted qualitative and quantitative research with different user profiles to understand their needs and preferences.
• Designed the user experience to be intuitive, accessible and aligned with real-world shopping behaviours.

Screenshots

Home page

Register page

Scan page

Consultation with nutritionist

Shopping cart page

Recipe pack page

Recipe page

History page

![history page]images/(history_page.png)

Help page

Settings page

Figma Prototype

You can view and interact with the prototype here:
[Figma Prototype Link] https://www.figma.com/proto/RjZs6oYwF1OMk274tV5mpC/Prototipo?node-id=157-729&t=6iGYFHl7hZgspNVY-1&scaling=scale-down&page-id=0%3A1&starting-point-node-id=1%3A832

Tools

Figma | UX/UI Design | User Research | Wireframing | Prototyping | Usability Testing | Heuristic Evaluation

♿ Accessibility & Future Improvements

The redesign process identified opportunities to improve:

• Colour contrast and visual hierarchy
• Typography and readability
• Navigation and touch targets
• Form usability
• Keyboard and screen-reader accessibility
• Responsive layouts
• Interaction and error feedback

💡 Key Takeaway

HealthyScan gave me practical experience taking a digital product from research and user needs through to UX/UI design, prototyping and usability evaluation.

It also strengthened my interest in combining UX/UI design with frontend development.