HappyToo is an online local food ordering and delivery platform based in Brisbane, Australia. HappyToo connects customers with locals and allows them to find hidden-gem restaurants by providing a professional delivery system.
Time measurement at each stage of current operation
All current ordering and delivery system are operated manually through an operation team. Once a customer orders food through the app, the operation team confirms the order and find a driver nearby to assign delivery. This process takes an average of 25 seconds. If there is a problem after delivery, drivers communicate with operation team using Telegram which takes an additional 30 seconds.
Checking driver's location, messaging to drivers, etc.
Inaccurate address or customer name, over delivery time.
After building the personas and user flows, I created the information architecture which will be essential features of the app. After that, I summarize the features list before starting the designs.
Option A - Rather than the pop-up style, users chose that the card style screen is easier to track the status of delivery without unnecessary tabs. Also, the card-style allows users to see more components with consistency in one glance. Option B made the users make additional clicks.
One of our business goals was to build a relationship between the driver and the company, so I put a friendly message at the top of the screen once a user opens the app. In the previous design, this message was always fixed at the top of the screen, but according to user-testing and feedback from the team, I decided to design that the message appears from the top when the user opens the app and disappears after a few seconds. Instead of a message, I placed a money section where drivers can see how much money they earned during the day to motivate users more.
The hardest part was deciding where to place the navigation bar. I thought it would be a good idea to put the navigation bar at the bottom of the app since most of the users will use their phones while driving or walking and use their phones with one hand. However, due to a development issue, it was not possible to develop the bottom navigation right now, so we decided to place the navigation bar on the top for the first version. So I designed to make it easier for users to understand by applying animation effects with icons and texts.
In the onboarding feature I placed the on/off button on the menu section so that drivers can switch their status easily. Once drivers turn this on, waiting deliveries are assigned to them according to drivers' schedule.
When the drivers are ready to work, they can check orders waiting for delivery in the 'Waiting' tab. After tapping the 'Confirm' button, the card will be moved to the 'In Progress' tab. All the steps from pickup to delivery can be checked at the 'In Progress' tab.
Once the driver arrives at the restaurant, they need to check the customer's name and item list that is important in this step. After picking up food, estimated arrival time and delivery address will be most important for delivery. So I have placed information differently with the font size and color that I think is important at each step on each screen so that the drivers can easily recognize it at a glance.
Drivers can check their weekly earnings and delivery history. Also, they can withdraw money regularly by linking their bank account.
Drivers deliver orders not only during the daytime but also at night. So it will be important for drivers not to be disturbed by screen lights, especially when they drive at night. Dark mode can be changed automatically or manually from the menu tab.