Build an App for Help People to Make an Food Easier
Build an App for Help People to Make an Food Easier
Background of The Problem
Background of The Problem
Based on hypotheses and observations of several users who have a passion for cooking, it has been found that they often express frustration when visiting the market, as it tends to be overcrowded with shoppers, making it difficult to move around comfortably. Additionally, they frequently encounter issues with the lack of available parking upon arrival, which further exacerbates their inconvenience. As a result, the entire shopping experience becomes both ineffective and inefficient, causing unnecessary delays and frustration.
Based on hypotheses and observations of several users who have a passion for cooking, it has been found that they often express frustration when visiting the market, as it tends to be overcrowded with shoppers, making it difficult to move around comfortably. Additionally, they frequently encounter issues with the lack of available parking upon arrival, which further exacerbates their inconvenience. As a result, the entire shopping experience becomes both ineffective and inefficient, causing unnecessary delays and frustration.
Determine of Objective
Determine of Objective
To improve the experience for people who love cooking, it’s important to make the grocery shopping process easier and more convenient. By simplifying how they buy ingredients—through better store layouts, faster checkouts, or easy online ordering with quick delivery—they can spend less time on shopping problems and more time enjoying their hobby, trying new recipes, and cooking meals with comfort and joy.
To improve the experience for people who love cooking, it’s important to make the grocery shopping process easier and more convenient. By simplifying how they buy ingredients—through better store layouts, faster checkouts, or easy online ordering with quick delivery—they can spend less time on shopping problems and more time enjoying their hobby, trying new recipes, and cooking meals with comfort and joy.
📈 Scope
📈 Scope
The focus of this case study is to make grocery shopping easier and more practical for users, so they can get the ingredients they need without hassle. To support this, I conducted user research using a qualitative method through face-to-face interviews with people who often shop and cook. These conversations helped me understand the real problems they face, such as limited market access, time issues, and product availability. By learning from their experiences, I was able to identify key challenges and hidden needs, which will help in creating better solutions to improve both shopping and cooking experiences.
The focus of this case study is to make grocery shopping easier and more practical for users, so they can get the ingredients they need without hassle. To support this, I conducted user research using a qualitative method through face-to-face interviews with people who often shop and cook. These conversations helped me understand the real problems they face, such as limited market access, time issues, and product availability. By learning from their experiences, I was able to identify key challenges and hidden needs, which will help in creating better solutions to improve both shopping and cooking experiences.
Design Thinking Process
Design Thinking Process
Empathise
Define
Ideate
Prototype
Testing
Using the design thinking framework from Interaction-Design.org is a simple yet powerful way to develop creative ideas and solve user problems in a structured and user-focused way. This approach helps designers better understand user needs, frustrations, and goals, so they can create solutions that truly fit. As user behavior and technology continue to change quickly, it’s important for professionals to keep improving their skills and adapt. By understanding users deeply and testing ideas step by step, they can create products and services that stay useful and valuable over time.
Using the design thinking framework from Interaction-Design.org is a simple yet powerful way to develop creative ideas and solve user problems in a structured and user-focused way. This approach helps designers better understand user needs, frustrations, and goals, so they can create solutions that truly fit. As user behavior and technology continue to change quickly, it’s important for professionals to keep improving their skills and adapt. By understanding users deeply and testing ideas step by step, they can create products and services that stay useful and valuable over time.
✨ #1 Emphatize
✨ #1 Emphatize
In this phase, the goal is to understand the main problems users face and the challenges around them. We don’t just look at the obvious issues, but also try to find deeper causes, like system limits, environment, or user habits. By asking the right questions, we can discover the real problems and get a clear view of the user experience. This helps us create solutions that truly match what users need.
In this phase, the goal is to understand the main problems users face and the challenges around them. We don’t just look at the obvious issues, but also try to find deeper causes, like system limits, environment, or user habits. By asking the right questions, we can discover the real problems and get a clear view of the user experience. This helps us create solutions that truly match what users need.
Conducting In-depth Interviews
Conducting In-depth Interviews
We will investigate and validate user behavior by observing how users interact with the product, using the Hook Model to understand the triggers, actions, rewards, and investments that shape their habits. This approach will help us uncover the real problems users face and identify areas where the product may be falling short, ensuring that we address the root causes of dissatisfaction and improve the overall user experience.4o mini
We will investigate and validate user behavior by observing how users interact with the product, using the Hook Model to understand the triggers, actions, rewards, and investments that shape their habits. This approach will help us uncover the real problems users face and identify areas where the product may be falling short, ensuring that we address the root causes of dissatisfaction and improve the overall user experience.4o mini
Mental Model and Hook Model
Mental Model and Hook Model
Trigger
Trigger
What is the reason you want to cook?
What is the reason you want to cook?
Action
Action
What are you doing that you want to cook?
What are you doing that you want to cook?
Variable Reward
Variable Reward
What do you expect and get after doing the action?
What do you expect and get after doing the action?
Investment
Investment
What are you investing, doing and giving to enjoy the variable reward? (Ex: Time, Money, Energy, etc.)
What are you investing, doing and giving to enjoy the variable reward? (Ex: Time, Money, Energy, etc.)
Model 1
Model 1
We will investigate and validate user behavior by observing how users interact with the product, using the Hook Model to understand the triggers, actions, rewards, and investments that shape their habits. This approach will help us uncover the real problems users face and identify areas where the product may be falling short, ensuring that we address the root causes of dissatisfaction and improve the overall user experience.4o mini
We will investigate and validate user behavior by observing how users interact with the product, using the Hook Model to understand the triggers, actions, rewards, and investments that shape their habits. This approach will help us uncover the real problems users face and identify areas where the product may be falling short, ensuring that we address the root causes of dissatisfaction and improve the overall user experience.4o mini
Model 2
Model 2
In the second persona, we found two main triggers that influence the user’s behavior. The first trigger comes from their hobby and love for cooking, and the second trigger is their intention to prepare food for future needs, like meal prepping or saving for later. The user’s investment in this case includes the energy they spend while cooking and the money they use to buy ingredients or cooking tools.
In the second persona, we found two main triggers that influence the user’s behavior. The first trigger comes from their hobby and love for cooking, and the second trigger is their intention to prepare food for future needs, like meal prepping or saving for later. The user’s investment in this case includes the energy they spend while cooking and the money they use to buy ingredients or cooking tools.
Model 3
Model 3
In the third persona, the user has a routine to check the availability of food ingredients at home before going to the market. This habit helps them avoid unnecessary purchases, plan meals better, and manage their spending more efficiently.
In the third persona, the user has a routine to check the availability of food ingredients at home before going to the market. This habit helps them avoid unnecessary purchases, plan meals better, and manage their spending more efficiently.
Synthesize mental model
Synthesize mental model
Synthesize mental model is a process where we ask users directly about the problems or challenges they experience when trying to achieve their specific goals or complete certain tasks. Through this method, we aim to understand their thoughts, behaviors, and pain points more deeply. After collecting various problems from multiple users, we then group and categorize similar issues into patterns or themes. This helps us to identify common problems that many users face. These recurring problems are then validated and confirmed as real user problems (validated user problems) that need to be prioritized and solved in the next stage of the design process.
Synthesize mental model is a process where we ask users directly about the problems or challenges they experience when trying to achieve their specific goals or complete certain tasks. Through this method, we aim to understand their thoughts, behaviors, and pain points more deeply. After collecting various problems from multiple users, we then group and categorize similar issues into patterns or themes. This helps us to identify common problems that many users face. These recurring problems are then validated and confirmed as real user problems (validated user problems) that need to be prioritized and solved in the next stage of the design process.
Validate the problem
Validate the problem
In this phase, asking users about the problems they face in achieving their goals. then it unites similar problems from users that we find in the form of validated problems (validate user problems)
In this phase, asking users about the problems they face in achieving their goals. then it unites similar problems from users that we find in the form of validated problems (validate user problems)
Map the Findings Into the User Journey Map
Map the Findings Into the User Journey Map
In this phase, we will map it into the user journey map. to see the user's main flow. there are 5 step and I merge all the flow of all personas and get the results above
In this phase, we will map it into the user journey map. to see the user's main flow. there are 5 step and I merge all the flow of all personas and get the results above
Categorize the problems of each main flow
Categorize the problems of each main flow
In this context, after creating the main flow of our application, the next step is to define specific actions for each step within the main flow. These actions will represent what users need to do or interact with at every stage of their journey in the app. This process helps ensure that each flow is clear, purposeful, and aligned with user goals, while also making it easier to identify opportunities for improving the user experience and solving potential problems within the flow.
In this context, after creating the main flow of our application, the next step is to define specific actions for each step within the main flow. These actions will represent what users need to do or interact with at every stage of their journey in the app. This process helps ensure that each flow is clear, purposeful, and aligned with user goals, while also making it easier to identify opportunities for improving the user experience and solving potential problems within the flow.
Categorize the problems of each main flow
Categorize the problems of each main flow
After categorizing the action for each main flow, the last step we will categorize the problems that have been obtained by the user to each main flow
After categorizing the action for each main flow, the last step we will categorize the problems that have been obtained by the user to each main flow
✨ #2 Define
✨ #2 Define
The main problem in this case is how to create a product that can help foremen report their work progress easily from the field. This product should also make the report more organized and connected, so that all teams can see the latest updates quickly and work more efficiently.
The main problem in this case is how to create a product that can help foremen report their work progress easily from the field. This product should also make the report more organized and connected, so that all teams can see the latest updates quickly and work more efficiently.
Let’s solve the problem
Let’s solve the problem
After that, i decide to use HMW Method when solving this problem. HMW is the Method that make us easier to brainstorming and generating idea
After that, i decide to use HMW Method when solving this problem. HMW is the Method that make us easier to brainstorming and generating idea
How Might We Table
How Might We Table
✨ #3 Ideation
✨ #3 Ideation
In this step, we start to explore more ideas to find the right solution. The more ideas we try, the more chances we have to solve the problem. After that, we create simple design layouts like wireframes to show how the information will flow in the product, based on the data and insights we got before
In this step, we start to explore more ideas to find the right solution. The more ideas we try, the more chances we have to solve the problem. After that, we create simple design layouts like wireframes to show how the information will flow in the product, based on the data and insights we got before
User Flow
User Flow
Wireframe
Wireframe
Wireflow
Wireflow
✨ #4 Prototyping
✨ #4 Prototyping
In this step, we explore more ideas to find the best solution. We also create some design explorations like user flow, architecture, and wireframes based on the data we have.
In this step, we explore more ideas to find the best solution. We also create some design explorations like user flow, architecture, and wireframes based on the data we have.
Design Hi-Fi
Design Hi-Fi
Iteration
Iteration
After I finished the design, I conducted user testing to validate my solution based on the insights I found. The goal is to get feedback and improve the solution to be even better.
After I finished the design, I conducted user testing to validate my solution based on the insights I found. The goal is to get feedback and improve the solution to be even better.
Iteration
Iteration
For the prototype link, I use the link from Figma directly :
For the prototype link, I use the link from Figma directly :
✨ #5 Testing
✨ #5 Testing
In the next step, we explore and develop more ideas. The more ideas we generate, the more potential solutions we can discover. In this phase, we create several exploratory designs, focusing on the information flow, architecture, and wireframes based on the data and insights we have collected.
In the next step, we explore and develop more ideas. The more ideas we generate, the more potential solutions we can discover. In this phase, we create several exploratory designs, focusing on the information flow, architecture, and wireframes based on the data and insights we have collected.
Usability Testing
Usability Testing
The purpose of this usability testing is to identify which user flows are still confusing or difficult to navigate. After finding the problem areas, I improved the design to make the user experience better and easier to use. For this testing, I used Maze.design to help validate my design.
The purpose of this usability testing is to identify which user flows are still confusing or difficult to navigate. After finding the problem areas, I improved the design to make the user experience better and easier to use. For this testing, I used Maze.design to help validate my design.
Final Result
Final Result
You can see the final design from the usability testing process by clicking the button beside this section, or you can also access it through this link:
https://www.figma.com/proto/XEAAYr8Lbk0cugK5DPKViU/Mamasak-App-Prototype-Final?node-id=1%3A4431&viewport=410%2C371%2C0.05506538599729538&scaling=min-zoom
You can see the final design from the usability testing process by clicking the button beside this section, or you can also access it through this link:
https://www.figma.com/proto/XEAAYr8Lbk0cugK5DPKViU/Mamasak-App-Prototype-Final?node-id=1%3A4431&viewport=410%2C371%2C0.05506538599729538&scaling=min-zoom
Conclusion
Conclusion
Many users often face problems when they want to start cooking. These problems sometimes make them feel lazy or lose motivation to cook. That’s why I created this application — to help users stay excited about cooking without worrying about going to the market. I hope this app can help users buy cooking ingredients and gas cylinders easily, quickly, and more efficiently.
Many users often face problems when they want to start cooking. These problems sometimes make them feel lazy or lose motivation to cook. That’s why I created this application — to help users stay excited about cooking without worrying about going to the market. I hope this app can help users buy cooking ingredients and gas cylinders easily, quickly, and more efficiently.
Thank you to see my portfolio!
Have a Project in Mind?
Lets talk with me
Figma
Dribbble
Resume
2025 Rizqi Adi Surya