With GrabFood entering the market and scaling, there is an increasing need for the GrabFood merchants to have one consolidated location to see all their orders, manage their menus or edit their information. In other words, the GrabFood Merchant app is a necessity with the launch of GrabFood to ensure smooth operations.
The pain points we are solving with the GrabFood Merchant app are:
1) Lack of ability to track incoming GrabFood orders
2) Lack of ability to edit menu information, opening hours, and other merchant information on GrabFood
My role in this project was supporting UX Designer, where I designed the flow for managing store opening hours. I worked collaboratively with other designers, the PM and the engineers to ship the product in an agile manner, iterating in phases.
Only the main screens of the full flow will be shown for brevity. The full flow and unhappy paths are available upon request.
One of my main involvements in the GrabFood Merchant app was designing the flow for merchants to manage opening hours.
Upon tapping edit opening hours, a newly onboarded merchant will see this screen. Prior to inputing opening hours, the merchant will be seen as inactive from the Eater's app.
The "Done" button will be inactive if the merchant has not filled in their opening hours for all days, thus encouraging them to input their opening hours as this is required information from the merchants.
This screen shows how the app will look like when the merchant has filled in the opening hours for one day in the week. To fill it in, the merchant can tap the arrow ">", and a date-time picker will show up.
In line with business goals, the merchant app is required to display 3 kinds of information:
1. The opening hours can be shown in 0.5 hours (eg 10.30am - 5.30pm)
2. There are two sets of opening hours (eg 10.30am-2.30pm, 3.30pm-5.30pm)
3. The store can be closed on certain days.
Upon clicking done, the merchant can choose if they want to repeat the same opening hours for the other days. This is to prevent hassle and extra work in manually inputing the same opening hours for other days of the week.
This is an example of how the screen will look like with the opening hours filled in for all days of the week.