Designing intuitive flows that simplify package drop-off logistics for drivers
Role
Product designer
Skills
User research
UI/UX Design
Product Thinking
Prototyping
Timeline
6 weeks
Tools
Figma
01 — Context
Task
As the lead designer of this project, my task was to create a mobile version of the PuroPoint web application.
What is PuroPoint?
PuroPoint is a driver-focused app designed to help Purolator drivers navigate to the most accessible package drop-off points. The app leverages internally sourced data from previous deliveries to provide precise entry-point information, especially for complex locations like malls with multiple entrances. The existing web app was built more for demo purposes and is not meant to be used by actual drivers.
Problem space
Drivers face significant challenges when delivering to complex locations, such as malls with multiple entrances. Junior or fill-in drivers, unfamiliar with specific routes or drop-off points, spend excessive time navigating and searching for the correct delivery location.
This inefficiency leads to lost time, which is critical because:
Drivers must complete all deliveries within an eight-hour window, regardless of workload, without extra pay for overtime.
Delays can add up, affecting breaks or requiring unpaid overtime.
Hence, the team had come up with PuroPoint as the solution.
Objective
My objective was to build on PuroPoint's existing web app and create a mobile version of PuroPoint that could be used by actual drivers as part of their delivery process. The final design of the mobile app has additional features like auto-route optimization, proof-of-delivery (POD) submission, and “Wrong Location” reporting.
By addressing key pain points such as navigation inefficiencies and unclear delivery details, PuroPoint serves as an all-in-one tool to support drivers from route planning to delivery hand-off. With this app, we aimed to:
Streamline drivers’ workflows
Save drivers' time
Ensure deliveries are completed efficiently within tight schedules
My Role in This Project
I was the lead designer on the project working alongside a development manager and my designer mentor for feedback.
Design Process
The design process I took consisted of 3 main phases: discover, define, and design. The discover phase was focused on identifying gaps and conducting user research, the define phase involved redesigning user flows and using user research insights to ideate new features and improvements, and the design phase was where all the knowledge and insights gained came together to solve specific UI/UX challenges and deliver a high-fidelity design.
02 — Discover: Project Goals & Requirements
problems
The first thing I did in this project was to analyze existing tools. I reviewed the PuroPoint web app in its development environment and studied a few high-fidelity mobile app screens created by another team member. Upon familiarizing myself with the given tools, I identified a few problems:
No clear user flow for the mobile app
Unclear or incomplete feature requirements
Missing insights on driver pain points
My Initiatives
Hence, I took initiative and came up with a plan to address the aforementioned problems I had identified:
Proposed a revised project plan that expanded the scope to address these gaps
Prioritized creating a comprehensive user flow based on user research
Advocated for user interviews and conducted them personally to gather actionable insights
Revised Goals
Then, I set up revised goals for the project and got them approved by the project/development manager that was overseeing the project. The revised goals were:
Build a complete user flow that incorporates all necessary features
Define key app functionalities (i.e. Auto-route optimization, Proof-of-delivery submission, Wrong location reporting)
Deliver high-fidelity designs addressing the needs of all driver groups (i.e. Senior to junior drivers)
03 — Discover & Define: User Research
Understanding primary User groups
As part of user research, I went beyond asking my team members for their insights about driver flows and took the initiative to schedule delivery ride-alongs to observe drivers' workflows and gather firsthand insights. Since PuroPoint served 2 user groups — regular drivers and "Super Drivers" — I requested 2 delivery ride-alongs to be accompanied by a junior driver that would fit into the regular driver group and a more senior driver that would be considered a "Super Driver".
The main difference between the two user groups was that "Super Drivers" were given the ability to update a delivery point if they reached a wrong location, whereas regular drivers could only make suggestions for a wrong location as opposed to overriding it with a new point.
Preparing for User Interviews
Me and the senior driver!
Luckily, the manager at the Purolator terminal I was visiting approved my request and scheduled my ride-alongs with a senior driver with 30+ years of experience and a fill-in driver with 2 years of experience.
Prior to user interviews, I developed tailored interview questions based on missing information in the initial project scope. I focused on understanding drivers' pain points, needs, and preferences.
The 4 categories of questions I focused on were:
General Job Experience
Daily Logistics
Tools and Technology
Delivery Locations & Address Notes
Analyzing User Interview responses
After the user interviews were done, I took my raw notes and cleaned them up for easier analysis. Then, from the summarized notes, I identified key observations and ideas and did affinity mapping with them.
Then, I presented my findings to the team and worked with them to discuss priorities for which features to implement for the MVP. Considering technical feasibility and user needs, we defined and prioritized the following key app functionalities:
Improve "Wrong Location" handling (i.e. Alerts for location mismatches)
Auto-route
Integrated map and task views
Delivery Corrections (i.e. Address notes)
04 — Design: User Flow
The user research findings also allowed me to redesign the user flow to be more effective and accurate to a realistic driver scenario.
With new features and flows implemented to accommodate the drivers' realistic workflow and needs, there were 3 main improvements that were made to the user flow.
User Flow Improvement #1: Multi-stop Flow
Previously, users could only select and navigate to one stop at a time. The problem with this flow is that drivers have to search up a new address every time they're done with their previous stop, which requires a lot of back-and-forth. Since drivers are constantly on the move driving and dropping off packages, it's unrealistic to expect them to find time in between stops to add new addresses. With the revised flow, drivers can add all of their stops in one go before the start of their delivery. This flow is more time-efficient and realistic as drivers don't need to set new addresses in the middle of their shift.
User Flow Improvement #2: More user control & freedom on map
In the old user flow, there wasn't a lot of actions users could take on the Map screen besides navigating to a delivery point and confirming their arrival. The revised flow gives users more control and freedom as it allows users to change their delivery point (for the given address) as well as mark unable to deliver. What led to this change was considering edge cases such as:
Drivers might need to go back and change their previously selected delivery point after adding a stop
Drivers might not be able to complete delivery to certain stops
Going on ride-alongs and observing drivers' workflow firsthand all day definitely helped notice such edge cases and implement this change.
User Flow Improvement #3: realistic delivery workflow upon arrival
The last user flow improvement was accommodating drivers' realistic delivery workflow upon arriving at a delivery point. The old user flow didn't allow drivers to mark delivery as complete and report wrong location at the same time since it coincided arrival at wrong location with failure to deliver. However, I realized that it is still possible for drivers to complete delivery even if the app guided them to the wrong location as drivers could try and scan the area and find the correct drop-off point. Hence, the flow was revised so that drivers could still submit proof of submission and mark delivery as complete even after arriving at the wrong location.
05 — Design: Notable Iterations
The mobile app design went through several iterations from the original high fidelity designs created by my mentor.
Out of all the UI/UX improvements that were made, here are 3 most notable improvements:
Major Design Improvement #1: Home
Not only did the Home page get additional features such as multi-stop and auto-route, it also went through some major design improvements. From clearly distinguishable address field states to a button for adding stops, many design considerations were made to accommodate the multi-stop flow. In addition, this page had improved UX writing to help users understand how to use the app from the moment they log in/open the app.
Major Design Improvement #2: Delivery Point Select
The second page that saw major design improvements was the delivery point select page. This page now had a map view with card overlays to help users connect the delivery points to their physical locations. Furthermore, the card design was improved to place a heavier emphasis on the street view images and help users identify the correct delivery points more easily. Lastly, a couple of UI elements were added to make the design more intuitive.
Major Design Improvement #3: Proof-of-delivery
The last major design improvement was made to the Proof-of-Delivery Submission page. This is one of the screens that now had additional features such as delivery corrections and wrong location reports, so the design had to be adjusted to accommodate the extra information users have to process. To avoid overwhelming users with a lot of different sections, I made certain sections only reveal when triggered. Having progressive disclosure and context-specific content leads to less distraction, higher task focus, more efficient workflow, streamlined interface, and reduced cognitive load.
06 — Design: Key Challenges
Designing for the mobile app also came with a few challenges.
Challenge #1: "Wrong location" reporting
A lot of analysis went into determining where "Wrong Location" reports belong. We had 2 screens where drivers could submit the reports — the Route Overview page or the Proof of Delivery page. So I put myself in the mind of a driver and identified scenarios where drivers might need to report incorrect navigation.
I identified 2 variables that are at play when drivers need to report wrong locations. The first variable was whether they return to app before/after navigating to the correct location (either on their own or with the help of app). The second variable identified was whether drivers submit wrong location reports on Screen 1 (Route Overview) or 2 (Proof of Delivery). Hence, 4 possible scenarios were created:
Upon putting this diagram together, I realized that the first point of interaction drivers have with the app after getting to the wrong location is always on Screen 1.
To confirm my theory, I also put together a user flow for when drivers are guided to the wrong location. As shown, drivers must go through Screen 1 before proceeding to report wrong location or confirm arrival.
However, there was a fatal assumption I had made: unsuccessful delivery means app guided driver to the wrong location. This assumption wasn't true, as there can be other reasons for unsuccessful delivery. Furthermore, upon discussing this challenge with other developers and my manager, I found out that we had the ability to automatically detect how far user was from the selected delivery point.
Hence, this user flow was established where drivers can confirm arrival or report unsuccessful delivery on the Route Overview page, and then answer a question on the Proof of Delivery page if GPS detected that they were not at the correct location. As a result, I designed an intuitive wrong location reporting flow with increased efficiency and reduced cognitive load on the users.
Challenge #2: Address Note Formalities
As I was working on the project, the team told me that we might want to add a secondary user group of retailers. They saw an opportunity where the PuroPoint app could help address a lack of structured communication between retailers and drivers regarding delivery exceptions.
To better understand the retailers' workflow and the relationship between the retailers and the drivers, my mentor and I visited a Purolator terminal and interviewed a few retailers. Upon conducting the interviews, we realized that retailers at the back room of the Purolator terminals have a close relationship with the drivers and that they exchange a lot of crucial information about delivery day-to-day. For example, if a driver couldn't complete their delivery due to issues with the recipient's address, retailers would contact the sender, make corrections to the address, write down the updated information on a piece of paper, and place it on the parcel. Not only was there a lot of manual work going into this process, there were concerns around the notes going missing or delays in communication.
Hence, I introduced address notes that allow drivers and retailers to share important details real-time (e.g., “Do Not Deliver” or corrected unit numbers). Retailers would use the mobile app to add notes to addresses, and the notes would appear on the drivers' side of the app, immediately visible at the time of delivery. This solution improved the user experience of retailers and drivers in many ways, including:
Reduces miscommunication by providing drivers with accurate delivery instructions
Minimizes incorrect deliveries by highlighting critical details like corrected unit numbers or "Do Not Deliver" notes
Streamlines the delivery process by eliminating guesswork and unnecessary back-and-forth
Displays notes exactly when and where drivers need them, improving task focus and execution
07 — Final Design
After a comprehensive process of user research, analysis, and iterations, a seamless, intuitive design was finally put together.
Key Features
Auto-Route Optimization: Multi-stop auto-route for easier delivery planning
Proof-of-Delivery Submission: Simplified photo POD with optional fields for additional notes
Wrong Location Reporting: Drag-and-drop pin placement for real-time delivery corrections
Address Notes: Shared information for specific addresses displayed in search result cards
Now,
Try the prototype yourself to see the entire flow!
08 — Takeaways
Through proactive research and user-centered design, I transformed PuroPoint into a comprehensive tool that empowers Purolator drivers to optimize their workflows. The app bridges the experience gap between junior and senior drivers, streamlining navigation and delivery processes while addressing critical pain points.
Successes
The outcomes of this project were highly rewarding. The final designs transformed PuroPoint into an all-in-one tool that empowers drivers to optimize their workflows, save time, and reduce stress. Key achievements included:
Took the initiative to expand the project scope and define a clear direction
Successfully conducted user interviews that informed the final product design
Delivered high-fidelity designs addressing drivers' pain points and aligning with business needs
Challenges & Next Steps
I wish I could have conducted user testing with the prototype to validate the designs further. Additionally, the potential integration of PuroPoint with existing tools like DeliveryPro remains an area for future exploration.
I'd like to thank my mentor, Sarah, my manager, Cathy, and our Purolator Digital Lab team for all the support they've provided for me thorough out this project!

Like what you see? Let's chat! ☕

🎓
I'm a 4th year student in Systems Design Engineering at the University of Waterloo.

🤎
As a human-driven UI/UX designer, I always design with compassion, accessibility, and ethics in mind.