MyCake Online Cake Shop App
The following case study is based on exploration findings that are aimed at fulfilling assignments in UI/UX course at Binar Academy.
Project Overview
In the modern era all activities can be done without having to leave the house. Especially during a pandemic that requires people to avoid crowds. This habits finally make people inevitably have to adapt, for example to meet their needs such as buying food now can be done without having to leave the house. This began to be felt by cake shop customers who tend to want delivery services so that the buying process no longer needed to come to the cake shop directly. This case study explains how the process I went through to try to solve this problem and defined the application functions I created through a series of existing processes.
Problem Statement
Along with the development of technology and began to change the pattern of people's lives caused people's mindsets to also change. People tend to want something efficient and practical in their activities. This kind of mindset fosters a sense of "laziness" among the people if their activities are less efficient. For example, cake buying activities that require going out of the house and experiencing long queues will definitely make some people lazy and irritated. Especially for those who have a busy life, they must be reluctant to set aside time to go buy cakes and come to the store. In other words, they want delivery services so that the cake buying process tends to be more practical and efficient.
User Research
To validate my assumptions and add insight about this problem, I conducted an interview with users who used to buy cakes in offline stores and had the desire to buy cakes online. I get the insight that many people have the same problem in this case.
Key findings
1. Difficulty finding a cake that suits their wishes.
2. If there is a delivery service will allow too expensive shipping.
3. Long queues.
Define Phase
User Persona
With the data collected from the interviews and survey, I created a persona representing an ideal user of the application. The persona helped me arrive at better solutions as it gave an in-depth understanding of the user goals and frustations and the overall personality.
User Journey Map
I made a visual representation of the user's journey across all touchpoints of application to understand where i can improve the user experience.
Ideate Phase
User Flow
I created a flow to ilustrate how the user will navigate through the application.
.png)
Information Architecture
The user flow results were further refined to fit the goals of the application. Some of the features were re-categorised to make them easier to find.
Design Phase
Wireframe
I sketched the Low Fidelity Wireframes. After making corrections in them, i moved on to designing these High Fidelity Wireframes using Figma.
Final Result
Test Phase
After the visual design was complete i tested the prototype with five representative users to see how user friendly the application is with Maze platform. The test conduct over Google Meet where the participants were given the following tasks on Maze while i observed how they navigated through the application.
The participants were able to navigate through the app fairly easily. They appreciated the interfaced and gave the following inputs.
1. The layout of driver arrived notifications must be noticeable for user.
2. Rate product flow should be easier.
3. Give an option and details coloumn about the order.
The Next Steps
Suggestions of usability testing are considered and a redesign process will be carried out.