GULU
Gulu is a food ordering website designed for in-restaurant use. Users can simply scan a QR code to access the restaurant's menu on their phone and place their food orders directly. It eliminates the need for traditional menus and allows a seamless ordering experience while dining out.
GULU
Project Type
Interaction Design
Visual Design
Mobile Web design
Time
May 2021 - Jul 2021
Tool
Figma
Illustrator
My Role
UX / UI Design
User research
User flow
OVERVIEW
WHY DID I CREATE THIS APP?
Restaurants often experience busy periods during lunch or dinner, causing waitresses to be occupied and unable to promptly assist customers. This results in customers having to wait until the waitstaff can find time to take their food orders. By implementing an online ordering system, customers can place their orders immediately.
CHALLENGE
Introducing a new technology or process requires users to adopt new behaviors. Convincing users to change their ingrained habits and embrace this digital ordering method is a challenge.
USER RESEARCH
The project started during the pandemic, so all my interviews were conducted remotely (I used Zoom). I sent out a user survey to find people who met the following criteria and invited them for the next user interviews.
User survey
INTERVIEW
Restaurant-goers
They should be familiar with the process of ordering food and have experience with various dining scenarios.
Smartphone Users
The Scan QR code feature relies on scanning a QR code using a smartphone
Age Range
Consider participants across different age groups to capture a broad range of perspectives.
In the user interviews for this project, I asked targeted questions to understand their expectations and experiences with the ordering process in the restaurant.
​
I recorded their responses using Figma, visually distinguished them with colors, and highlighted important insights with circles. This approach helped me identify and summarize user pain points.
Pain point & Solution
Based on user interviews, I have summarized 5 key pain points and solutions.
Don’t want to waste time download an APP
Users prefer web ordering, Because they want to order quickly.
Design a web ordering service
The price not clear
Users mentioned that the prices of extra dishes were not clear enough on the menu.
Clearly display prices when adding dishes
Mistakes occur when ordering with friends
Duplicate orders are placed when ordering online with friends at the same time
Synchronize the order status of different devices
Tried about browsing the menu
Users want to be able to find the meal they want to order directly.
Add search function in the menu screen
Allergies / disliked foods
Users are concerned about food safety and ingredients
Add special request to the order
USER JOURNEY
PERSONA
SOLUTIONS
Order with friend
I designed a synchronized ordering system to reduce the errors that can occur when a user and a friend order together.
Start with name
Notification for friend
After users add a meal, all users at the same table will receive a notification, is a good way to save ordering time and avoid repeated orders.
Name with order
Friends' names are displayed on the dishes they order, which avoids questions like "What did you order?" .
Order with friends
Filters
One of the purposes of QR code order is to reduce the time to order, allowing users to enjoy their food faster.
The Filters feature allows users to adjust the order of the menu according to their needs, helping them to place their orders faster.
Speical Request
Users can click on Add Note to write down special requirements for the dish before placing their order. Or click on some default options (less spicy, no green onions.) Complete the quick operation.
Cart & Pay
During the design process, I put myself in the user's shoes and thought about how to optimize the user experience. In order to avoid users switching from page to page, I may link some related contents together.
For example, after placing an order, the user can click "Order more food" to continue ordering.
"This is so good, I'd like to order another one."
Instead of going back to the menu and reordering, the user simply clicks Add more in the shopping cart.
Priority Express Payment Method
Prototype Display
