✨
😊
☁️
📨
💬
🌍
Week 1
Week 2
Week 3
Week 4
Week 5
Discover
Define
Develop
Deliver
The Story Of Meal Plan
Born from a personal passion for healthy eating, a desire to make meal planning less stressful and more accessible to everyone.
Meal Plan is a concept designed to revolutionise how people approach meal planning by simplifying the process and promoting healthier eating habits.
Laying the foundation
The Existing competition
Mealime
Offers a user-friendly interface and personalised meal plans, making it easy for users to get started. However, it lacks customisation options and community features like recipe creation and reviews. Meal Plan can capitalise on these gaps by offering more features and interactive recipe capabilities, enhancing user engagement and satisfaction.
Yummly
Stands out with excellent recipe customisation and smart kitchen integration. Despite these strengths, it shares common weaknesses like limited free features and app flexibility. Meal Plan can differentiate itself by providing comprehensive free features and ensuring accurate ingredient information, fostering trust and usability.
SideChef
Provides an extensive range of features, including meal planning, shopping lists, and device integration. However, it does not allow users to create their own recipes. Meal Plan can stand out by incorporating a creator mode and fostering stronger community engagement, making the platform more interactive and inclusive
Meeting the users
Many individuals face challenges in meal planning ranging from time constraints and dietary restrictions to budget concerns and family needs. These obstacles underscore the need for a solution that is both quick and efficient, yet highly customisable to accommodate diverse lifestyles and preferences.
Deep Dive
Through research in the Discovery phase, I identified clear patterns around time management, recipe discovery, ingredient management, and dietary preferences. These recurring themes became the core challenges the solution needed to address, directly guiding design decisions and ensuring the final product was built around real user needs.
After identifying recurring pain points and themes, two user archetypes were developed a constant reminder of who I was designing for and what mattered most to them. By defining their motivations, goals, and constraints, I could make design choices that stayed grounded in real-world needs instead of assumptions.
Even though every user’s approach varies, five core stages that consistently shape meal planning. Users might not follow these steps in the exact same order, but they represent the key touch points where challenges and opportunities for improvement often arise.
Make meal Plan
Buying Groceries
Cook Meal
Serve meal
Refrigerate & Store
Updated Problem Statement
Explore
Brainstorming
A mind map was created to quickly visualise the project’s scope and ensure that essential user needs such as quick, healthy meals remained front and centre. By mapping out key features like recipe suggestions, meal planning, and grocery lists, it became easier to spot connections between user needs, potential integrations (such as smart devices), and ethical considerations like privacy and inclusivity. This approach clarified the app’s primary objectives, identified potential pitfalls, and offered a structured path for subsequent design decisions.
User Centred Design Canvas
The User-Centered Design Canvas is a strategic tool used to keep the project’s focus on real user needs, motivations, and challenges throughout development. In this case, it helped align the “Meal Plan” app’s design with the diverse requirements of personas like Elif Aksoy (a health-conscious parent) and Ali Mustapha (a fitness enthusiast). By capturing user problems, motives, fears, and business objectives in one place, the canvas ensured a balanced approach that prioritized both user and business goals. It also integrated ethical considerations, accessibility, and user feedback mechanisms, providing a comprehensive roadmap for building a solution that not only meets user expectations but also stands on solid market and ethical foundations.
From the research, it became clear that meal planning fails when it’s too complex, too generic, or too time consuming. The best solution needed to reduce friction, adapt to different lifestyles, and turn planning into something people could actually stick with.
Meal Plan is a personalised app that does exactly that, simplifying how people choose recipes, track ingredients, and organise their meals. By fitting around diverse routines and diets, it helps users waste less, eat better, and plan with confidence.
Story Boarding
These visual narratives help understand how Meal Plan can integrates seamlessly into daily routines and special occasions, making it a practical and versatile tool.
This flow explores a solution where a user uses the app to quickly cook a meal
This flow shows Elif planing an event and using the app to make a meal
Solution
Onboarding
Splash screen
Onboarding process
Onboarding process
Onboarding process
Sign In / Log in
Sign in / Log in
Onboarding
Users are guided through a three-step onboarding process. This onboarding process educates users about the app’s value proposition, sets expectations, and ensures a smooth user experience.
Creating a Meal Plan
Home
Plan
Search
Add meal
Add plan
Auto generate
Random
Select template
Searching with filters
Community Articles
Write article
Community
Explore Articles
Select articles
Read
Submit for review
Published
Shopping List
Shopping
Add to shopping List
Search
Select ingredient
Add
Select item
Add to pantry
Select Storage location
Delete
Confirm delete
Checking up with your kitchen
Finding a recipe
Following a recipe
The app provides step-by-step instructions for recipes, accompanied by a voice assistant for hands-free navigation while cooking. Users can set timers as needed and receive suggestions for serving the completed meal. After cooking, they can share their experience by adding reviews and photos."
Measuring the impact
After all iterations for the project an informal test was conducted on ten users with a Figma prototype in an uncontrolled environment with different circumstances as well as a check with the project requirements
Adherence to Apple human interface guidelines for iOS 15
In testing for accessibility the final prototype was tested with the ally contrast checker plugin on Figma
WCAG compatibility of AA
In testing for accessibility the final prototype was tested with the ally contrast checker plugin on Figma
Excellent Completion Rate
one of the result was the people that used the app were able to understand the flow of the app and were able to navigate the app well
8 users said they would use this app regularly
10 users were given the prototype to use without instructions but explanation on the use of the app to use it how it will fit into their daily lives and 8 of them said they would use it regularly if it worked as explained
User engagement rate of 80%
8 out of the 10 users proposed the main reason they would be using the app is because of the features and flow of using the app while the design of the app was considered to be clean and easy to understand
Relative Reduction in meal planning time
Compared to the normal way most users use in preparing a meal if this app is used properly it show a potential to act as a personal kitchen assistant and reduce the time it takes in creating a meal either if its a single mal or a weeks plan
Future
Looking ahead, these concepts explore how Meal Plan could evolve into version 1.0. Each feature pushes the app beyond its core functions to deliver more value, stronger engagement, and long-term impact.
Improve Onboarding Process
Develop a more comprehensive onboarding process to help new users understand the app’s features quickly.
Include interactive tutorials, guided tours, and contextual help tips to ensure users can navigate the app with ease and make full use of its capabilities from the start.
Focus on Accessibility
Enhance the app's accessibility to ensure it is usable by a wider audience, including those with disabilities.
Implement features such as voice control, text-to-speech, adjustable font sizes, and high-contrast modes. Conduct accessibility testing to identify and address any barriers.
Incorporate Gamification Elements
Add gamification elements to make meal planning more engaging and fun.
Introduce features such as achievement badges, challenges, and rewards for users who regularly use the app, try new recipes, or reduce food waste. This can increase user engagement and retention.
Expand Integration with Other Services
Increase integration with other health and lifestyle services to provide a more holistic user experience.
Integrate with popular fitness trackers, grocery delivery services, and health apps. This will allow users to sync their meal plans with their fitness routines and streamline grocery shopping.
Utilise User Feedback for Continuous Improvement
Establish a robust system for collecting and analysing user feedback to guide continuous improvements.
Regularly update the app based on user suggestions and feedback. This can be done through in-app surveys, feedback forms, and beta testing programs.
Enhance Community Features
Strengthen community features to foster a supportive and interactive user environment.
Develop forums, recipe sharing, and user-generated content sections. Encourage users to share their meal planning tips, success stories, and favourite recipes with the community.
Implement Advanced Nutritional Analysis
Provide more detailed nutritional analysis and health insights.
Include features that allow users to track their macronutrient and micronutrient intake, monitor their progress towards health goals, and receive personalised dietary advice.
Focus on Data Privacy and Security
Ensure that user data is handled with the utmost care, focusing on privacy and security.
Implement robust data encryption, clear privacy policies, and user consent mechanisms. Regularly update security protocols to protect user information.
Optimise for Different Devices
Ensure the app performs optimally across various devices and platforms.
Test and refine the app for different screen sizes and operating systems. Consider developing a web version of the app for users who prefer accessing it from their computers.
Enhance Personalisation Features
Increase personalisation in the app to cater to individual user preferences and dietary needs.
Implement more sophisticated algorithms to suggest recipes based on users' past behaviour, health goals, and seasonal availability of ingredients. This could involve machine learning techniques to better understand and predict user preferences.
Future App Testing
Test with diverse users, platforms, and real-life situations.
This expanded testing will help identify any usability challenges, performance issues, and opportunities for enhancement, ensuring the app meets the diverse needs of users in multiple contexts, including different dietary restrictions, accessibility requirements, and device compatibility.
Updating with content for the app
Regularly updating recipes, articles, and health-related content.
Consistently adding fresh recipes, seasonal meal ideas, and nutrition tips will keep users engaged, making the app a valuable, up-to-date resource that evolves with user preferences and trends. Incorporating user-generated content, such as reviews and shared recipes, can further enhance engagement.
These directions would transform Meal Plan from a helpful app into a daily companion — supporting healthier eating habits while reducing waste and making meal planning a shared, enjoyable experience.
Final Note
