Delivery First
Driver-Facing Mobile App • UX & UI Design • Illustration
INTRODUCTION
My most recent client project was with the Chicago-based food delivery platform, Delivery First. Delivery First was created by restaurant operators who were unsatisfied with the delivery options available to them, and wanted to create a delivery company that employed drivers in a full-time, salaried capacity, competing with companies such as DoorDash or GrubHub in the 'gig economy' where drivers only earn income on deliveries and have no additional employment benefits. My team and I worked with the Delivery First team to drastically overhaul and modernize their driver-facing mobile app to improve delivery efficiency and reduce driver complications.
DELIVERY DISCOVERY RIDE ALONG
At the start of the discovery and design phase, I was able to participate in a delivery ride along with a veteran driver and zone manager. Throughout the ride along, I was able to experience the full delivery flow and learned more about various painpoints and strategies for when issues arise. Additionally, I gained insight about driver employment process and additional challenges related to shifts, payment tracking, and delivery zone management.
PLANTING A FEATURE TREE
Throughout our discovery phase and ongoing conversations with the Delivery First team, my team and I created a feature tree to guide those client conversations and track which features were already existing, an approved scope addition, future enhancements, etc. This helped us make decisions when it came to priorities while honoring the client's budget.
Additionally, my team and I worked together in evaluating and iterating on the delivery process. Through a collaborative virtual whiteboarding session, we were able to find the best methods in streamlining a driver's delivery for a more efficient and issue-free flow.
ILLUSTRATING DELIGHT
One thing I really enjoy doing when working on an app is creating custom illustrations that I believe can help complement the interface design and bring a bit of delight to the end users. With Delivery First, I created a series of delivery car illustrations to pair with system messages drivers will see in the app. The illustration style and implementation matches the goal of modernization and having that quick visual aid for the driver to know where they are in the process.
FINAL DESIGNS
The Delivery First driver app is currently in the end stages of development and nearing its launch to the app stores. As it nears the launch, myself and the team continue to work closely with the Delivery First team to test with users and make improvements to ensure the app is successful with the driving team members and aids Delivery First in their mission to grow their driver fleet. Below, you can find a selection of the final mockups, as well as a flowchart of the finalized active delivery process.
DARK MODE
In addition to the standard light mode design of the app, my team and I decided that it would also be beneficial to include an option for dark mode that would follow the user's system settings or that could be selected in the app settings, especially for nighttime deliveries where drivers might not want to have a brighter screen. In an effort to be conscientious of budgets and time restraints, I designed color management guide and a few select screens with the dark mode applied to direct the developers in how and where to implement those styles.