Delivering Groceries, Fast

Wahoo Delivery App delivers grocery in 10 minutes

Introduction
Wahoo Delivery promises to deliver your goods under 10 minutes. Like many of it’s competitors, Wahoo also has trucks and bicycles on the move, storage units and contracted providers near services zone. Users can select products from the catalog, enter location and payment details and can expect the delivery in 10 minutes.
Challenge
Project’s goal is to design the user experience and interface for both consumer and courier applications. I was given an extensive brief with basic wireframes and user flows in general based on their research. I was then asked to design interactions and user interface for this project. I was to first design an initial MVP interface and then after the release improve it according to usage data.

Users

Target users are aged between 18 and 30, and more. App will be used mostly around university & college campuses at its initial stage. Having Y and Z generations as our primary target audience means they will be picky about the user experience but they are more open to smaller typefaces and can tolarate somewhat tight layouts. Couriers were also expected to be in the same age range.

Wireframe

The aim was to start the project as soon as possible, and improve the product according to user habits and behavour. So I was expected to deliver first round of designs in a short amount of time. I iterated on wireframes according to the brief and flows I was given.

Screens are mostly pretty standart for a delivery app at this stage. Home screen has a map that shows estimated delivery time, user’s address and product categories. We aimed to fit as much as categories in the screen so users would know about the products but we couldn’t afford to reduce readability so we decided on 3 categories in a row.

Lo-fi
Products screen has categories at the top and products listed under it. Here we used 2 products in a row to increase readability for product details and it allowed me to keep product images bigger so users can see them better. App automatically finds the user’s location and fills the address field but it can be edited by the user.

Rider App

Couriers a.k.a. riders are the employees who deliver users’ orders. Riders needs to get notifications when an order is given, see the delivery location on the map, track their earnings including tips and communicate with the customer when needed.

Lo-fi
Products screen has categories at the top and products listed under it. Here we used 2 products in a row to increase readability for product details and it allowed me to keep product images bigger so users can see them better. App automatically finds the user’s location and fills the address field but it can be edited by the user.

UI Design

First round of UI design started with the objective of design and development process to completed within a short due date. Brand colors were already determined as red and white.

Visuals
MVP interface