Porter Packages
Designing a Last Mile Scheduled Delivery Service
Introduction
Porter Packages is a last mile scheduled delivery service aimed at providing convenience and security for customers who have had packages stolen in the past or do not have a storage solution for received packages. The service is designed to be shipping service agnostic, providing customers with the option to schedule deliveries regardless of package origin or shipping service. Porter Packages not only addresses customer pain points but also offers additional income opportunities for ride-share and food-delivery couriers through smart route optimization.
In this case study, we focus on creating a design system, mapping out user flows, and designing the experience for three main users: customers, hubs, and drivers.
Section 1: Design System
1.1 Typography:
The typography for Porter Packages is designed to be clean, modern, and easily readable. I chose Roboto for headings and for body text for this project.
1.2 Color Palette:
The color palette for Porter Packages consists of a primary color, secondary color, and accent colors. The primary color, dark tan, adds warmth and friendliness for users, while the secondary color, bismark, represents trust and reliability for hubs. The accent colors are used sparingly to draw attention to important elements and CTAs.
1.3 Iconography:
Our iconography is simple, bold, and consistent. Icons are used to represent key actions and elements in the user interface.
1.4 UI Components:
I designed a set of UI components to ensure a consistent and cohesive experience across all screens and user flows. These components include buttons, input fields, cards, and navigation elements.
Section 2: User Flows
2.1 Customer Flow:
The customer user flow starts when they purchase their package, entering their hub address as the destination. Once the package is delivered to the hub, the customer is notified and can log into the Porter portal to selecting a delivery window and confirming the delivery. Customers are also able to view their scheduled deliveries and track the progress in real-time.
2.2 Hub Flow:
The hub user flow involves receiving packages, storing them securely, and preparing them for delivery. Hubs are also responsible for managing inventory and coordinating with drivers for pickup.
2.3 Driver Flow:
The driver user flow starts with accepting scheduled deliveries, followed by picking up packages from the hub, and delivering them to customers. Drivers are guided through smart route optimization to maximize efficiency.
User Flow Diagram
Section 3: Designs for Customers, Hubs, and Drivers
3.1 Customer Interface:
The customer interface is designed to be simple, intuitive, and user-friendly. Key features include package tracking, scheduling, and real-time delivery updates.
![Desktop - Overview.png](https://images.squarespace-cdn.com/content/v1/6296bab2214afa278e8da915/1679628525594-WGDVHV1AQ8U8WHT39U8J/Desktop+-+Overview.png)
![Desktop - Manage Packages - At Facility.png](https://images.squarespace-cdn.com/content/v1/6296bab2214afa278e8da915/1679628523996-GU6PUPFG9PBH0T0PI2PL/Desktop+-+Manage+Packages+-+At+Facility.png)
![Desktop - Manage Packages - At Facility - Choose Delivery.png](https://images.squarespace-cdn.com/content/v1/6296bab2214afa278e8da915/1679628523996-Y5TZSY8CAMBW9LAJAFQ2/Desktop+-+Manage+Packages+-+At+Facility+-+Choose+Delivery.png)
![Desktop - Manage Packages - Scheduled - Failed Delivery.png](https://images.squarespace-cdn.com/content/v1/6296bab2214afa278e8da915/1679628524810-DFJQSR26C294MZJ4E646/Desktop+-+Manage+Packages+-+Scheduled+-+Failed+Delivery.png)
![Desktop - Manage Packages - Completed.png](https://images.squarespace-cdn.com/content/v1/6296bab2214afa278e8da915/1679628524739-61HUOYJLKZ4LIQIA3NO2/Desktop+-+Manage+Packages+-+Completed.png)
3.2 Hub Interface:
The hub interface focuses on package management, inventory control, and driver coordination. The design is functional and efficient, streamlining hub operations with a focus on mobile first design.
3.3 Driver Interface:
The driver interface is optimized for ease of use and efficient navigation. Key features include smart route optimization, package information, and delivery confirmation. Porter integrates with Circuit, a 3rd party route planning software.
Conclusion:
Throughout this project I was able to identify friction in current shipping solutions and strived to create a comprehensive design system that caters to the needs of customers, hubs, and drivers. Porter Packages offers a secure, convenient, and efficient last mile scheduled delivery service that not only addresses user pain points but also aligns with the business objectives of the company. This design case study showcases the thoughtful approach taken to meet the needs of each user group while maintaining consistency and cohesion across the entire system.
Prototype and full design screens available upon request