KOALA Menu
Seamless Food & Beverage business management through online ordering experience
Role
Product Designer
Team
UX Researcher, UX Writer,
Product Manager
Platform
Android, MWeb
Project Timeline
October - Desember 2022
What is KOALA?
KOALA is an SaaS omnichannel e-commerce platform that allows its users to sell their product through various chatting platforms. Currenty live, Buyers can buy products online through the store's website and Sellers can manage transactions through KOALA app. As the team sees a potential growth in the F&B sector, we would like to tap the market and provide a dedicated solution for F&B businesses with the new KOALA Menu.
[1] KOALA Menu, a new dedicated platform for F&B business solution
Pivoting to F&B
Project Background
Initially, KOALA targets micro small sellers and wants to empower them to grow their business. While it really does help them, KOALA cannot monetize this segment of user as when we started charging service fee, ~50% of the sellers churned.
Knowing this, we tried to pivot to Food & Beverage (F&B) business through restaurants. The restaurant market was decided because the team sees medium-big F&B as users that can be monetized, the fact that the Food & Beverage (F&B) category sits in the top 3 businesses in KOALA, and interests from restaurants. KOALA Menu is will be a new product of KOALA that specifically targets and provides solution for F&B busines.
[2] KOALA Menu will cover three service types: takeaway, delivery, and dine in
Problem Space
The need for a complete revamp
E-Commerce ≠ Restaurant
While KOALA was made for general e-commerce user needs, restaurant customers and owners obviously have different needs. The user flow is different, they care more about the timing of the delivery order, visuals are important for managing expectations, and so on. Therefore, we need a total revamp of the existing KOALA webstore.
Strong branding
KOALA targets micro-small general sellers. On the contrary, KOALA Menu targets medium-big restaurant which most probably has already their own branding. Existing design has a strong KOALA branding and we seek to have a more neutral design for KOALA menu.
[3] Existing design of KOALA webstore
How might we empower restaurant owners to run their business efficiently?
A bit about the design process
KOALA's core product team includes Product Designer, UX Researcher, UX Writer, and Product Manager. We start the whole thing off with understanding the project's problem and exploring the solutions. I did benchmarking and deep dive into the user flow while also using the insights that was gathered from previous research. From there, I diverge into wide range of design exploration to find the best solution for KOALA Menu.
[4] Some design process: workshops, user flow benchmarking, and design exploration
[5] Early design for KOALA Menu Landing Page
KOALA Menu
Providing end-to-end solution for F&B Business
Online menu for
seamless order experience
Now, customers can order food online and reducing waiters' task to take customers order. There are three service types and input fields are customized based on it, e.g. Dine In will ask for table number and Delivery will ask for delivery address.
[6] Ordering food with the online menu
Manage transaction in the
palm of your hand
Restaurant can easily manage transaction through KOALA App. They can track in which stage the orders are and handle the orders according to their needs.
[7] Transaction list and transaction detail page
[8] Before (left) and after (right) of post transaction from customer's side
Track your order
Unlike in the previous design of KOALA where general e-commerce customers care more about their order details, restaurant customers care more about when their order will arrive. Therefore, the design highlights at what stage the order is in.
Desktop or phone?
The choice is yours.
Whether the restaurant want to manage transaction through phone or desktop, KOALA provides all the available option for our users.
[9] KOALA Menu works both on desktop and mobile app
Corner cases? We've got you covered.
Not everything's in life can go according to plan. I designed pages for corner cases e.g. when restaurant is closed, doesn't upload their banner or avatar, no menu found,
and no active payment method, among others.
[10] Example of pages that cover corner cases
The project is currently under gradual development and the next feature developed would be schedule order where customers can order when the restaurant is closed and schedule it as soon as the restaurant will open.
.png)