01
Project Overview
Welcome to Goodfood, the revolutionary pre-made food ordering app and responsive website designed to make healthy eating accessible and convenient for all. The mission is to provide affordable, personalized, and nutritious meal options that cater to diverse dietary needs and medical conditions, ensuring that everyone can enjoy the benefits of a healthier lifestyle.
Length of Project: March - May 2023
Tools Used:
02
What I Did
For this product, I was the sole UX/UI designer. This included conducting user interviews, crafting wireframes and prototypes, executing usability studies, prioritizing accessibility considerations, and continually refining designs through iterative processes.
03
Exploration
In this stage, I delved into understanding the landscape of affordable and healthy pre-made food solutions. This process involved identifying potential gaps, which paved the way for crafting a problem statement and potential solution to address real user needs.
Problem
In today’s fast-paced world, many individuals, including students and caregivers, find it a challenge to provide nourishing meals tailored to specific dietary and medical needs.Users are torn between health and convenience.
WHAT IS HAPPENING?
Lack in personalization
Lack of affordable options
Lack of time and resources
Solution
Addressing diverse diets and health conditions with affordability at the forefront.
The end goal is to empower users to embrace healthier choices while making meal planning and prep a breeze. It’s all about enhancing overall well-being and quality of life for busy consumers on a budget.
LEADING ASSUMPTIONS
Many users are interested in adopting healthier eating habits.
Users are looking for convenient and affordable meal solutions.
Customization options are critical for accommodating various dietary preferences, medical restrictions, family structures & financial capabilities
04
User Research
During this stage, my leading assumptions were validated. Research findings consistently emphasized a recurring trend: a substantial user base genuinely desires to adopt healthier eating habits. Yet, the limitations of time and budget frequently obstruct their capacity to incorporate these changes into their daily lives.
Many users expressed dissatisfaction with existing meal ordering options, citing their high costs and failure to adequately address their needs.
User Interviews
Persona Development
User Journey Mapping
Competitor Analysis
Research Methods:
Personas
To understand the Goodfood user, I crafted personas using personalized one-on-one research, capturing a range of user needs and preferences.
Competitive Analysis
This competitive audit aimed to analyze rivals in the healthy meal and prep market for potential feature enhancement or creation. This was to aid users seeking convenient, budget-friendly, and healthy meals.
The findings unveiled prospects to refine dietary-specific meal choices, offer larger meal orders for bigger families, and enhance financial accessibility for lower-income households.
Gaps to Fill
Users are seeking a meal ordering service that goes beyond – one that offers detailed customization, caters to individual preferences, prioritizes affordability and is user-friendly and accessible for all.
05
User Journey
After identifying specific user needs to refine Goodfood’s core priorities, I moved into creating the main user flow. This involved outlining the primary user journey and structuring information architecture through wireframes.
User Flow
For an intuitive user interface, my main focus was on crafting a streamlined and clean flow. The aim was to provide swift access to the core meal ordering process with an intuitive movement within it.
Information Architecture
Once the main user flow was established, I proceeded to structure the content to ensure seamless navigation and user-friendliness. This encompassed organizing information for intuitive movement and establishing a distinct hierarchy for the main user flow and additional branded content.
Wireframes - Low Fidelity
I prioritized a clean and clear design in my wireframing approach, creating a distinct hierarchy that guides users smoothly through the main flow. This ensured a user-friendly interface with an emphasis on ease of use.
For the responsive website, I prioritized a seamless, intuitive transition between devices. This ensures effortless navigation for users on any device through the primary user journey. My approach encompassed utilizing a mobile-first build, emphasizing key sections like “Start Order” in the navigation, and creating a uniform, readable, and touch-friendly UI.
Responsive Web Design
06
Style Guide/UI
My vision for Goodfood was to showcase a clean and simplified approach to healthy living. This style guide was crafted to establish a uniform and harmonious visual identity across devices
Typography
Color Palette
Representing health, transparency and inclusivity
Components
07
Feature Highlights
Collectively, these features form a user-centric platform that empowers individuals to prioritize healthier eating, regardless of their dietary needs, preferences, or financial limitations.
Personalization
Goodfood is built on the principle of personalization. Users can input their dietary preferences, restrictions, and medical conditions while building their orders. Then, an expert backed algorithm tailors menus to match these specifications, ensuring that every meal is not only delicious but also safe and suitable.
Price Structure
Goodfood challenges the notion that health should be a luxury. With an adaptable pricing model, users can select a payment amount that aligns with their budget, ensuring that healthy eating is attainable for all income levels.
User-Friendly Interface
Goodfood’s intuitive app and website interface make browsing, customizing, and ordering meals a seamless experience. From ingredient lists to nutritional information, everything is presented clearly and concisely.
Accessibility Considerations
08
Testing & Iteration
User testing was a consistent fixture in my design process for both web and app platforms. Its purpose was to assess user-friendliness and uncover any overlooked pain points within the main user flow. Notably, testing underscored the requirement for guidance, especially in the personalization phase concerning dietary restrictions and medical conditions. To address this, I introduced overlays as a simple yet effective solution, offering users quick, contextual cues on necessary actions within these steps.
09
Final Looks
10
Conclusion
Goodfood is not just a meal ordering platform; it’s a transformative approach to healthier living that prioritizes affordability, personalization, and inclusivity. Through expert guidance and a commitment to user satisfaction, Goodfood redefines the way people experience and enjoy their meals.
NEXT STEPS
Regularly engaging with users to understand evolving needs and preferences
Continuously monitoring and optimizing the app and website’s performance
Build an extensive collection of health, nutrition, and meal planning content to engage users and enhance value.
