Abdulrahim Aref

My Work

About

Web Design

Inspiration

Contact

Abdulrahim Aref

Proof of Delivery (POD) System — B2B SaaS UI/UX Case Study

Proof of Delivery (POD) System — B2B SaaS UI/UX Case Study

A web dashboard and driver mobile app for managing consignments, routes and proof of delivery. Built on user personas, clear information architecture and data-dense smart cards drivers can scan on the road.

A web dashboard and driver mobile app for managing consignments, routes and proof of delivery. Built on user personas, clear information architecture and data-dense smart cards drivers can scan on the road.

POD Proof of Delivery system case study cover showing web dashboard and mobile app
POD project overview: B2B SaaS logistics management system
The problem: fragmented consignment and route planning in logistics
The challenge and solution for POD admins and delivery drivers
POD web dashboard with route map on a laptop
Competitor analysis of logistics and delivery management apps
UI and UX principles applied to the POD system
In-depth user interviews with dispatchers and delivery drivers
Admin insights from user interviews with matching design solutions
Driver insights from user interviews with matching design solutions
Interview findings translated into design solutions
User persona: the fleet manager (admin)
User persona: the delivery driver
Key user needs: simplicity, synchronization and accuracy
POD driver mobile app on a phone in a delivery vehicle
User flow section header for the POD case study
POD system architecture: order entry, route planning, execution and proof of delivery
Information architecture of the POD web dashboard
Information architecture of the POD driver mobile app
Wireframes of the POD web dashboard
Wireframes of the POD driver mobile app
Low-fidelity wireframes for POD screens
POD style guide: Inter typography and blue and orange color palette
POD UI component library: cards, buttons, signature pad and form controls
POD dashboard with live route tracking on a laptop
UI design: SaaS subscription and licensing model screen
Command center dashboard with live delivery tracking
Consignment creation screen in the POD web dashboard
Consignment details screen with route map
Driver app onboarding screens
Smart card architecture for consignments and routes in the driver app
Route navigation and smart hierarchy screens in the driver app
Stop management and partial deliveries in the driver app
Consignment details and item selection screens
Proof of delivery capture with photo in the driver app
Final sign-off and verification with customer signature
POD case study result and closing slide
Abdulrahim Aref holding his Adobe Certified Professional certificate

Let's connect

Let's make some magic.

Ready to elevate your business? Fill out the form or reach out directly to discuss your next big project.

Abdulrahim Aref holding his Adobe Certified Professional certificate

Let's connect

Let's make some magic.

Ready to elevate your business? Fill out the form or reach out directly to discuss your next big project.

Abdulrahim Aref holding his Adobe Certified Professional certificate

Let's connect

Let's make some magic.

Ready to elevate your business? Fill out the form or reach out directly to discuss your next big project.

Abdulrahim Aref

An Adobe Certified Expert with over 10 years of experience in graphic and UX/UI design. I’ve worked with diverse clients to bring ideas to life.

Copyright © 2026 Abdulrahim Alaref. All Rights Reserved.

Abdulrahim Aref

An Adobe Certified Expert with over 10 years of experience in graphic and UX/UI design. I’ve worked with diverse clients to bring ideas to life.

Copyright © 2026 Abdulrahim Alaref. All Rights Reserved.