Cantec Driver
App
01. Project brief
# UX/UI design
# iOS/Android App Design
# Local Same-Day Delivery
# Task Management
Timeline:
Since Jun 2019 (ongoing)
My Role:
UX/UI Designer
Team:
Project Manager x1; Offshore Devs x2; QA Tester x1
02. From a vision to action
This project started with a vision from our stakeholder - Mike. He co-owns a courier business - Cantec Couriers and he wishes to have a delivery app that links directly to our CRM platform so that when a customer makes a purchase online, our delivery channel would be able to fulfill the order within the same day.
03. Challenges
How to create a mobile app from scratch?
01
Who is it for?
02
What does it do?
03
How does it look?
Delivery drivers
Our main target audiences are delivery drivers.
In Phase One, we will only accept internal drivers for Beta testing.
In Phase Two, we will openly accept drivers that met our requirements:
A qualified driver should be above 21 years old, have a valid Class 5 driver's license and a clean driver's record. The driver should also have a vehicle to use for delivery, as well as a smartphone with data access.
03. Challenges
How to create a mobile app from scratch?
01
Who is it for?
02
What does it do?
03
How does it look?
Look out there for references
During the research phase, I took references from food delivery services, like Uber eats, Door dash and Foodora. These apps gave me a lot of insights especially in how they dispatch and display tasks to different drivers so that I know what fundamental functions should be provided to our users.
Function design and MVP prioritization
The project Manager, Stakeholder and I came up with these 12 fundamental features. My developer in Vietnam also suggested that using in-app navigation would provide a more cohesive user experience. I took his advice and designed user flows, user journey maps, information architecture and did a lot of paper prototypes for internal testing.
01
Who is it for?
02
What does it do?
03
How does it look?
03. Challenges
How to create a mobile app from scratch?
Mid-fidelity prototypes
As always, I came up with black and white mid-fidelity prototypes first to test user flows of all MVP functions, here is an example showcasing the user flows of authentication, driver verification, notification, tasks, schedule and in-app navigation.
Packing list and waybill design
As important bridging parts between Breadstack CRM and Cantec Driver APP, packing lists are documents showing items to be picked in different orders, and waybills are important identifiers for delivery drivers to differentiate between orders and check information for final delivery.
I also experimented and designed all these documents for both regular and 6" by 4" label printers.
Version 1
Version 2
Final Version
High-fidelity prototypes
After mid-fidelity prototypes being tested out, I started my UI design inception process. After a gut test with both the stakeholders and drivers, we narrowed down to the style below:
Launch with 3rd party navigation instead
There were some twists and turns in the process of development. Our developer who suggested in-app navigation to me found out it was actually quite time-consuming to do so and would delay our target release date. In the end, we agreed to use 3rd party navigation apps like Google Maps as an alternative. Here is a high-fidelity prototype showcasing the revised flow:
04. Latest update
Cantec Driver is now live on both iOS App Store as well as Google Play Store. Try it out!
