top of page
Overview
FoodMood is a mobile platform made to simplify meal tracking and explore recipes catered specifically to one's dietary needs.
Role
UX/UI Design, User Research, Visual Design, Wire-framing, Prototyping, Design System
Timeline
3 Weeks
Tools
Figma, Adobe Photoshop, Adobe Illustrator
Problem Space
Eating healthy can be difficult to maintain consistently and can affect moods greatly throughout the day. It can be daunting and time consuming to constantly search for recipes for every meal.
My Solution
Create a product to enhance the healthy-eating experience for users and keep track of their meals. With features like logging and documenting meals, daily mood check-ins, and exploring recipes, FoodMood aims to increase accountability for healthier eating and make finding recipes more efficient.
01 Research
User Research
Common Pain Points
Beginning my user research, I gathered the common major pain points expressed by interviewees.
These points gave me a clearer understanding of the user's goals, allowing me to begin drafting the potential features to meet these goals.
Key User Insights
After conducting user interviews, I was able to gather a more detailed analysis on what users were looking for. This helped me gain key insights into the user's needs and wants to create the most viable product.
02
Analyze
Competitive Analysis
In order to gain insights into existing products on the market, I took a close look at three potential competitors and their mobile apps. By accumulating a data base in the strengths and weaknesses of each product, this helped me be more selective on which features I wanted to include in order to seamingly meet the user's needs and goals.
User Personas
Based on the research data, I created two fictional personas that would best represent a diverse background and greatest potential user group. This helped me empathize with what each of the user's behaviours and goals to ensure the user's needs were met.
Opportunities for product use
To further empathize with the user, I started to brainstorm potential opportunities for the user to use the product throughout the day. This gave me the opportunity to also explore possible features.
03
Ideation
Brainstorming Features
During the Ideation stage, I began to brainstorm the key features needed for the product in order to meet the user's goals. I categorized FoodMood's key features into three groups; Necessary, Nice-to-have, and Extras.
User Task Flow
I created a user task flow prior to the prototyping process to get a clearer understanding of how the user would navigate the app to complete one of the core tasks.
Core Task: Searching for a recipe and sharing to a friend
04
Design
Wireframing
After defining the key features, I was able to move forward with the prototyping process with a clearer vision for the product. My goal was to create a minimal and user-centric design, while inheriting all the important functions and essential information for the user.
Design System
I created a design system prior to proceeding with the high-fidelty prototypes. I wanted to define the style guide and strong branding for the app's identity.
Logo and Illustrations
Onboarding Process
I wanted the onboarding process to be as personalized to the user's wants and goals as much as possible. I created a detailed onboarding questionnaire that would help customize the user interface to the specifications of the user.
Dashboard and Mood Check-in
The homepage is an overview of the user's personalized dashboard, that provides the user with meal tracking, documentation of their meals, and mood check-ins before and after meals throughout the day.
Searching for recipes
When the user lands on the explore page, their page is catered to their personal diet and preferences. They are able to view recipes similar to what they have made before, as well as trending cuisines and suggestions.
I wanted to create an interface where the user is able to still search for new recipes, apart from the suggestions formulated through the app. Users are able to use the search bar to start their recipe searches, and the app will give the top selection of recipes for that category.
Sharing recipes to friends
Users have the option to share recipes to their FoodMood connections through each detailed recipe screen. They are able to type a personalized message to increase the interaction and connective element to the user experience.
My Recipes
The Recipes feature in the navigation bar allows users to view their saved and completed recipe history. This will allow users to create a personalized library of their favourite or desired recipes.
As well as saving existing recipes, users can create new recipes for other users and collaborators to reference and use. They are able to add video tutorials, as well as detailed instructions to their recipes.
Community
The Community dashboard of the product highlights the user's interactions with other FoodMood users, including shared recipes and recipes made by connections.
The Recent Highlights section at the top of the screen provides the user with insights and analytics of their most popular recipes.
Learnings & Takeaways 🤓
bottom of page