Since 2015, dahmakan was one of Malaysia's most exciting full-stack food startups funded by Y-Combinator. In just under five years, dahmakan has transformed from a home-cooked healthy lunchbox to owning a massive food production factory, sophisticated logistic system, and a few physical outlets, serving more than three million orders in just Klang Valley, Malaysia.
By 2020, with the rise of other food delivery companies, the food ordering process gets very bloated, stale, and monotonous. Users are being bombarded with an endless choice of food; trying a new meal is like Russian roulette and has no distinction between each other. User switches between other apps as a means to find which platform offers a better deal or discount.
My Role
• Lead product designer in close collaboration with the engineering team of 12, head of product, marketing & founders.
• Developed and maintained a design language across iOS, Android, web and logistic & supply chain management tools.
• User research, prototyping, product design
Platform
Android, iOS, Web App, Website & Outlet
Results
• Improve conversion rate by 60%
• Created a playbook for operation for outlet
• Increase app retention through engagement
• Improved workflow efficiency in operation
Friends enjoying dahmakan's food (taken before the rebranding)
Our goal was to make food exciting. At the same time, we are also rebranding from dahmakan to Pop Meals, and the vision is to create a digital cloud kitchen that brings you food in a single tap.
I led the design in the product team since April 2020, working closely with engineering, operation, marketing, and founders to transform the entire brand and experience of discovering and delivering.
Standard e-commerce food display
Order management system becomes a spreadsheet
When I first started, there wasn't any clear direction on what to do. COVID began, and we see a massive spike of new visitors. We were expecting to enjoy huge sales. However, that wasn't the case. The bounce rate was high, the conversion rate is falling, and the cancellation rate is climbing. I tested the existing dahmakan app and dug up some old internal research reports to understand the challenges new customers face when using the app.
Our goals were to:
After a few interviews, guerrilla user tests, and listening to our customer support team. We collected a few very data of users voicing out their thoughts and experience of the app. We found a similar pattern.
Collections of reports, data and insights what are collected during discovery with users, rider and customer feedbacks
Key findings:
Mass order during peak hours with a few manpower preparing orders
Before we solve the problem, it is essential to lay out what's working and what's causing the problem stated earlier by our customer to understand the root cause.
Before the redesign, checkout and low cancellation rate are the only way we measure the discovery and delivery experience.
However, with these existing metrics, we could not determine our food discovery and delivery experience's success. So we start building an entire user journey map for both customer and delivery to determine which part of the journey we need to improve to ensure we will perfect our discovery and delivery experience.
Rider waiting aimlessly to be called by the kitchen to pick up order
Users are hungry and do not wish to spend their time deciding what to eat. The problems that dahmakan's menu presentation consist of a lot of restriction, ... This causes the user to spend more time in the app trying to get the information they need to make a food decision, and these activities could be very repetitive, restrictive, and unexciting, which leads to frustration and wasted time.
Apart from the app side's problem, the operation was also struggling to handle the volume and require a lot of manual hands-on work due to reliance on human involvement in the process. This causes a significant impact on the business as customers who receive their meal late would never return to order again.
"Perfecting the food discovery and receiving experience."
Rider struggling to collect orders from kitchen and take up an additional time . Credit: Linus Kinzel
Apart from the problem from the app side, operation was also struggling to handle the volume and require a lot of manual hands-on work due to reliance of human involvement in the process. This cause a huge impact on the business as customer who receive their meal late would never return to order again.
"How might we create an exciting food experience for busy people?"
Gathering all the problem listed above, it's clearly obvious the problem is on discovery and delivery.
Customer journey map with real user feedback and support message to highlight the urgency of the problem with data
dahmakan always treats food differently. While most see food as a life necessity, we see food as a life experience. We judge food based on how it looks, what people are saying, and how it would entice us. dahmakan wants to bring that experience back by making food attract us through sensory stimulation. This sensory stimulation includes larger meal images, video of meal plating, real-time live feedback, and community engagement, helping you experience food differently.
In tandem with our new rebrand, we also use that opportunity to introduce our new menu layout that is both exciting and bold. We designed the new menu to be large, informative, and dynamic. We are invoking all your senses, sights, taste, and more to help you make much more.
Popular meal chart and dish detail page
Real time tracking for delivery & pickup instruction
Sensory driven keyword highlight in review page
A living, breathing, dynamic menu that changes based on local appetite
dahmakan personalizes your food discovery experience by showing you what other Malaysians are eating and trending. It's a living, breathing menu that changes based on local food trends and the more extensive meal presentation.
Product order management screen
"What's good here?"
dahmakan personalize your food discovery experience by showing you what other Malaysians are eating and what's trending. It's a living, breathing menu that changes based on local food trends and the more extensive meal presentation.
Product order management screen
Connecting food to drink and desserts
dahmakan not only shows you an image of the meal you're ordering but also offers you the meal's presentation. We want to take you on an adventure and move you closer to our meals and see how we plate them so that you can get more information about our meals.
Product order management screen
"That sounds so good."
Since food is a social event, Malaysia, where most people rely on others to get food and often have lunch together as a group, we want to bring a sense of belonging on the app with the country's looming lockdown. This helps users to discover new meals through reviews, live stories, and social networks.
Eating in a restaurant is different from ordering a meal. Gone are the days where we order a meal because we are starving late at night. However, that has long changed when food delivery has quickly become a norm, especially during the pandemic.
As lunch and dinner have move into mobile, the experience of eating has not changed. Over an extended period, ordering from mobile is seen as a blessing or a privilege, but it all goes back to square one. We still crave the meal being prepare and serve directly in front of us.
People like going to the restaurant and the reason being is the experience. Being in a restaurant gives you experience. The kitchen smell, the sound of the plate and cutlery clattering, waiter making suggestions for you and seeing what other people are having.
This begs the question. Why do we, even after we have the privilege of getting a meal directly from our smartphone, still crave going back to a much simpler time?
Food decision determinants. Journal of Consumer Research
Bringing all those determinant together
Since food is social event here is Malaysia, whereby most people rely other opinion to get food and often time have lunch together as a group. With the looming lockdown of the country, we want to bring a sense of belonging on the app. This helps users to discover new meal through review, live stories and social network.
Menu design near a shopping mall with high foot traffic and popular during lunch and dinner
Drawing inspiration from what's already familiar
Instead of thinking of something fancier or futuristic, I've decided to go back and look at what's working by having a reality check. So I stepped back and started exploring and observe what's working. I went to the nearby shopping mall and watch how people look at food, how they react, and how they discuss themselves. One thing that I notice is that users spend the longest time before getting their meal are by looking at the menu. With a little eavesdropping, I also quickly trace back their pattern similar to mine. Users tend to look at the image first, then the price and the name later.
Level of consideration:
Variation of the wireframe. Some component are removed for confidential reasoning. Showing only current release
Bringing all those determinant together
Since food is social event here is Malaysia, whereby most people rely other opinion to get food and often time have lunch together as a group. With the looming lockdown of the country, we want to bring a sense of belonging on the app. This helps users to discover new meal through review, live stories and social network.
Meal card iterations.
Bringing you closer to your meal
Referring back to our previous design, some of the findings we get is:
The issue here is that the meal presentation wasn't too clear to the user. So we trace back and take a fresh new look from a perspective of a first-time user who is entering the restaurant and run through their thought process. This is what we got:
Introducing this format is to simulate the behavior and their thought process when going through the meal.
Early version of the user interface for the meal chart.
Smooth menu flow and feast your eyes
We also optimized the menu and design to impress:
Here are the significant changes that are being worked on the menu:
User interface of the review page.
Bringing all those determinant together
Since food is social event here is Malaysia, whereby most people rely other opinion to get food and often time have lunch together as a group. With the looming lockdown of the country, we want to bring a sense of belonging on the app. This helps users to discover new meal through review, live stories and social network.
User testing on prototype. Early version 4. Edited. Tool: TryMyUI
We were visiting the kitchen, where we get to see how we have been preparing. I was surprised that we do not have a system in place to manage incoming orders. There was no notification system to notify other teams of a meal status. An example would be no alarm or a status screen to inform the logistic team what order was ready. Every order that came in has to be printed from a printer, and the order sheet is hand over to the rider who was waiting outside.
There was a lot of yelling, back and forth, and wrong deliveries. Many things are disconnected, and this disconnection is why our customers are getting their order late. It's time to propose a blueprint service to tie everything together and bring some order into chaos.
Meal Status being displayed on a 8K TV.
Visiting the kitchen where we get to see how we have been preparing. I was surprised that we do not have a system in place to manage incoming order. There was no notification system to notify other teams of a meal status. An example would be there is no alarm or a status screen to notify the logistic team what order was ready. Every order that came in have to be printed from a printer and the order sheet is hand over to the rider who was waiting outside. With one person going outside the production factory to handover the order sheet, it's one less person managing the order. There were a lot of yelling, back and forth, and wrong deliveries. A lot of things are disconnected and this disconnection is the reason why our customers are getting their order late. It's time to propose a service design blueprint to tie everything together and bring some order into chaos.
Scanning station for meal checkpoint to keep everyone from the logistic and production updated
Visiting the kitchen where we get to see how we have been preparing. I was surprise that we do not have a system in place to manage incoming order. There was no notification system to notify other team of a meal status. An example would be there is no alarm or a status screen to notify the logistic team what order was ready. Every order that came in have to be printed from a printer and the order sheet is hand over to the rider who was waiting outside. With one person going outside the production factory to handover the order sheet, it's one less person managing order. There were a lot of yelling, back and forth, and wrong deliveries. A lot of things are disconnected and this disconnection are the reason why our customers are getting their order late. It's time to propose a service design blueprint to tie everything together and bring some order into chaos.
Pick mode for picker trolley in refrigerator to streamline and update stock and meal preparation status.
Visiting the kitchen where we get to see how we have been preparing. I was surprise that we do not have a system in place to manage incoming order. There was no notification system to notify other team of a meal status. An example would be there is no alarm or a status screen to notify the logistic team what order was ready. Every order that came in have to be printed from a printer and the order sheet is hand over to the rider who was waiting outside. With one person going outside the production factory to handover the order sheet, it's one less person managing order. There were a lot of yelling, back and forth, and wrong deliveries. A lot of things are disconnected and this disconnection are the reason why our customers are getting their order late. It's time to propose a service design blueprint to tie everything together and bring some order into chaos.
Bag preparation status in realtime so rider can get ready and expect kitchen to pass orders
Visiting the kitchen where we get to see how we have been preparing. I was surprise that we do not have a system in place to manage incoming order. There was no notification system to notify other team of a meal status. An example would be there is no alarm or a status screen to notify the logistic team what order was ready. Every order that came in have to be printed from a printer and the order sheet is hand over to the rider who was waiting outside.
There was a lot of yelling, back and forth, and wrong deliveries. Many things are disconnected, and this disconnection is why our customers are getting their order late. It's time to propose a blueprint service to tie everything together and bring some order into chaos.
Early version of the service blueprint. Some information are omitted for confidentially reason.
Breaking down at my experience in the kitchen, I manage to mark down some of my findings and reasoning why the current processes are not working. My conclusion is also echoed by the product team and the kitchen team.
These findings are:
Improvement we want to focus onto the production
These findings gave me an epiphany, and I ask myself, what if I bring back the inspiration I had for the customer app ago to production, which is to utilized sensory stimulation to help the staff work better.
Instead of refreshing the laptop and being physically close to the computer to take action, we trigger sound. So once the staff hears the notification, they will react instantly. With a physical screen with meal status being displayed, it helps the team see what needs to be prepared and minimal interaction.
Kitchen work flow redesign along side with the new screen to help kitchen and logistic.
Once the kitchen receives an order, the meal status screen will be updated with the latest order, and with a visible timer, it will keep the staff accountable to prepare the meal at a given time.
I also placed a checkpoint for each step of the way. This includes refrigerator, cooking station, packing station. This checkpoint brings clarity to the dispatch team to anticipate when the orders are ready. Once a bag is fully packed, we will send a notification to the riders to be called in automatically by their rider app to collect their order and start their route.
Kitchen staff relying on the kitchen screen while preparing a meal
By setting a checkpoint system, we also give the production manager new trackable data to figure out which area to improve and further increase efficiency.
After implementing this feature and undergo a few simulation tests, workshops to educate the manager to manage this new system, we finally arrive at a scalable and repeatable version.
Kitchen staff scanning a meal to alert customer or rider of the meal status.
With the success of turning the kitchen production efficiency and forming a repeatable and scalable system, we can bring those processes into launching our outlet.
We launched our first trial outlet in Sunway to test the system I designed together with my team, gather a lot of learning, and figure out ways to improve those processes. Those designs have gone through multiple iterations, and with much more involvement from teams from other departments, it further sharpens our product. Our outlet currently can handle both delivery and dine-in.
Shots of the outlet store. Credit: Popmeals
After launching both platforms on the customer front and to the kitchen, we started seeing improvement in our entire operation. Checkout time has reduced significantly, meaning the customer takes much lesser time to make their food decision. This led to an increase in conversion rate by 60% overall. Accompanied by a faster and more efficient delivery, our retention rate also increase.
The new menu layout and meal presentation with video helps increase the conversion rate by 60%
The new production workflow and design increase on time performance by 27%
The cancellation rate has dropped to less than 15 cancellations per day, all-time low
Looking forward, I hope we would have more time and budget to further work on the menu screen and further optimize the experience. With the looming plan of expanding our outlet all around Malaysia, we are also starting a new design focus on the in-person experience. This included interface and experience design for customers entering our store, interacting with screens that would automate the ordering and service aspect. This is a new experience for me but an exciting one because this allows me to complete the entire food experience.
Cancellation rate. The lower, the better.
We are modernising the brand and omnichannel experience—web, mobile apps, and logistics—resulting in a 60% increase in order conversion, serving close to more than 3 million users.
See Results - Case Study Locked
Branding and product design for call for developers &onboarding platformm successfully onboarded and produced over 200+ apps.
See Results - Case Study Coming Soon
Strategy, branding, and design product to accelerate remote work in a decentralise ecosystem. The company raised $12M in cryptocurrency or digital currency and saw a 25% increase in new users signup. Now acquired by Binance.
See Results - Case Study Coming Soon
A peer-to-peer communication suite for online communities to get together. Read how we create an exciting platform and gain 5,000 new users in two months.
See Results - Case Study Coming Soon
Scaling the company's customer base with an improved core product and a new engagement and upskilling app. Partnership with Microsoft to tap more than a 75million users through Teams.
See Results - Case Study Coming Soon
Strategy, branding & product design for thenewboston wallet & account manager app, faster than light cryptocurrency transaction speed.
See Results - Case Study Coming Soon