After discussing details with our UI/UX designer, we began working on wireframes. To create a basic UI and wireframes, we studied a lot of similar on-demand apps to learn how to display tracking info and order details in the best way.
Customers’ app user flow
Registered customers need to ‘Sign In’ to start ordering. They can either select a category to start with or type what they are looking for in the search box. Once they have added everything they required in the cart, they can proceed to checkout.
During checkout, they need to enter the delivery address, and have to decide between payment options: ‘Cash on Delivery’ or ‘Credit Card’. They can also track the status of their order in the app.
Deliverers’ app user flow
The delivery crew’s version of the app is like the customer app and to an extent Uber Driver App. The only major difference being that the delivery crew can see a list of orders from different customers. Upon selecting an order, the app shows the person sees the same delivery information that a customer sees in their app. Delivery crews can use an in-app map for navigation.
UX and UI Design
Creating detailed wireframes typically comprises the following steps: Picking color schemes and readable and aesthetically pleasing fonts to create a set of UI elements and putting them in order according to wireframes.
We needed improved designs, competence, and most of all, innovative forum where one can buy grocery and deli without reservations.