UI / UX Design
WELLORY
A personalised nutrition app design simplifying grocery shopping and meal planning for individuals with dietary restrictions and allergies.
Prototype:
Role:
UX Researcher & Interaction Designer
Course:
SI 582: Intro to Interactive Design
Project Duration :
3 Months
Objective
outcome
This project strengthened my understanding of user research best practices, including conducting and analyzing interviews, heuristic evaluations, usability testing and developing personas and scenarios.
It also provided extensive practice in presenting work and engaging in continuous feedback exchanges, both during and outside of structured class time.
challenges
This project was completed independently, so while there were structured opportunities for in-class feedback, much of the critique had to be sought proactively beyond the classroom.
Additionally, learning Figma for high-fidelity prototyping was not not formally covered, which introduced a learning curve - but one I was able to adapt to quickly
tools
Figma
Sheets (interview/usability analysis)
DISCOVERY: USER INTERVIEWS, COMPETITIVE ANALYSIS & PERSONAS
I walked through the typical customer flow for a person with dietary restrictions:
Onboarding —> Personalization —> Product Search —> Barcode Verification —> Store Availability Check —> Checkout
Key Usability Issues Surfaced, Existing Apps:
Lack personalization of Dietary preferences.
Don't support grocery and allergy preferences.
Make meal planning frustrating.
📍These issues lead to poor food choices, stress and unmotivated users
Problem Statement: Grocery shopping for individuals with allergies or dietary restrictions is a complex, frustrating and often overwhelming experience. The goal was to create a tool that moves beyond the limitations of existing nutrition apps, which often lack deep personalization and make meal planning frustrating.
Competitive Analysis:
Competitor Name | Competitor Type | Competitor Description | Pros | Cons |
Yuka | 3 - Direct | A mobile app that evaluates food products based on nutritional content and additives via barcode scanning. | - Intuitive and visually appealing interface. - Seamless and user-friendly barcode scanning for instant analysis. | - No customization for allergies or specific dietary needs. - Lacks store inventory integration and community components. |
Instacart | 2 - Partial | A grocery delivery and pickup service connecting users with local grocery stores. | - Excels in logistical convenience and real-time inventory tracking. - Wide selection of stores and home delivery options. | - No dietary customization or allergy-specific alerts. - Additional fees and lack of social engagement features. |
Hungryroot | 3 - Direct | A grocery delivery platform that curates diet-specific groceries and recipes for users. | - Provides personalized grocery lists and recipes tailored to preferences. - Focuses on convenient, time-saving, diet-specific solutions. | - Subscription model limits flexibility. - Narrower product variety; lacks local discovery and social interaction. |
EatLove | 3 - Direct | A nutrition planning platform integrating meal planning with grocery shopping. | - Combines expert nutritional guidance with automated grocery lists. - Customization for dietary restrictions and linked recipe suggestions. | - Does not integrate real-time inventory tracking for nearby stores. - Lack of a social component limits user sharing opportunities. |
Strava | 1 -Analogous | A fitness tracking app that fosters community among athletes through activity sharing. | - Strong connected community through sharing and leaderboards. - Social elements inspire a sense of accomplishment and belonging. | - Does not handle physical goods or any shopping-related tasks. |
DEFINING THE SOLUTION:
The design opportunity was to create a comprehensive, supportive platform that minimizes friction in the dietary-restricted shopping experience.
Wellory aims to provide personalized nutrition for users by:
Instantly verifying product compatibility via a barcode scanner.
Showing real-time availability in nearby stores.
Suggesting recipes based on user preferences and allowing direct purchase of ingredients.
Building a community of users who share and discover food solutions.
DESIGN PROCESS AND ITERATION:
Paper Prototype: After identifying the main functions I referenced existing apps as well as the functional flow of the app to determine the approximate functionality of each page. My initial idea was to make each page as functional as possible and reduce the number of unnecessary pages, and at the same time I once again clarified the purpose of each function and reduced the number of redundant functions that the app had.
Wireframes: At this stage I systematically graded and distinguished the functionality on each page, grouping some features into interactions and buttons. I also refined the visuals to ensure a consistent flow between different pages.
USABILITY TESTING & ITERATION
Usability testing was conducted with multiple users, moving from low-fidelity (Lo-Fi) to high-fidelity (Hi-Fi) prototypes.
Testing Goals:
Identify pain points in product compatibility verification.
Evaluate the clarity and efficiency of the navigation flow, especially regarding store location.
Collect feedback on the personalization features (recipes and product suggestions).
Iterating on the Designs
Insights from testing highlighted the need for more context-rich feedback and a more efficient navigation flow. I refined my prototype in Figma to address these themes and prepare the high-fidelity design.
Key Updates:
