Transforming Chaotic SMB Delivery Experience

Unifying the delivery workflow to help SMBs thrive in the digital age.

Shipped
B2B
SaaS
Mobile App
Design Iteration
Company:
3drens (a Logistics SaaS platform startup that helps SMBs optimize their delivery operations.)
My Role:
Lead mobile product designer (User research, Interaction design, UI design)
The Team:
Scrum team comprised of 1 Mobile Designer (Me), 2 Product Managers, 4 Front-end Engineers, and 1 Back-end Engineer.
Timeline:
March 2023 – March 2024 (1 year)

Project Overview

What difference did I make?

I led the design for 3drens' logistics driver app, improving driver adoption and enabling the company to acquire 20+ trial business customers while validating product-market fit.

Key features

Making fee collection simple

Flexible editing interaction for financial reporting.

Quickly view daily tasks

Clear information display for every delivery task.

Optimizing routes with an integrated map

Tailored task management workflow for logistic drivers.

Behind the Scene

The Challenge

The initial driver app lacked the scalability and intuitive workflows for broader market adoption. My task was to refine the MVP to validate product-market fit.

3drens provides a Logistics SaaS platform for SMBs. After securing Pre-A funding, the company aimed for Product-Market Fit (PMF). However, the app, originally designed for a singular logistics provider, wasn't suitable for the diverse needs of the broader industry.

3drens had  secured $3 million USD in Pre-A funding (CNA, June 2023), setting an ambitious goal for Product-Market Fit. My design work on the driver app was critical to realizing this next phase of growth.
Problem discovery

I conducted extensive user research, including interviews and field studies, to deeply understand daily struggles within SMB logistics.

To deeply understand the daily struggles within SMB logistics, I conducted extensive user research, including 34 interviews with drivers and logistics managers, on-site field studies in warehouses, and expert interviews with large logistics company executives.

This research quickly revealed critical operational bottlenecks:

23% of surveyed companies faced high communication costs and delayed reporting due to reliance on disparate messaging apps (like Line, a common used messaging app in Taiwan). This resulted in significant information gaps, billing errors, and increased customer complaints.

17% of companies urgently sought improved dispatching methods, indicating a widespread struggle with optimizing delivery efficiency and managing dynamic routes effectively.

Moreover, I collaborated with the Scrum team to synthesize all interview data, developing a driver journey map that visually aligned our team on key pain points and opportunities within the entire delivery workflow.

Setting the Goals

Our design goals focused on streamlining driver workflows and enhancing real-time information clarity for greater efficiency and intuitive control.

The insights gathered from drivers and logistics managers revealed a clear need for greater efficiency and intuitive operational control. Consequently, our design goals aimed to streamline core driver workflows and enhance real-time information clarity.

Here were our primary design objectives for the 3drens Driver App:

Design Deliverables

To achieve our core objectives, I led the design and iterative development of several key features. My solutions evolved through a continuous process, integrating customer feedback gathered from the Business Development team, insights from heuristic evaluations, and findings from internal usability testing.

Streamlined Financial Reporting

Manual and cumbersome payment reporting led to frequent discrepancies and errors for drivers, impacting overall delivery efficiency. My goal was to streamline this critical interaction, particularly for collected amounts and additional fees.

Translate research Insight to Design:

To address these critical insights, I redesigned the financial reporting interaction, drastically improving clarity and efficiency:

This prototype highlights the streamlined interaction for collecting payments and adjusting fees.

My design focuses on empowering drivers with flexible, real-time control over financial entries, enhancing accuracy and speed.

After completing the delivery, drivers can view the payment record on the task information page.

Flexible Driver Task Cards

Managing diverse information needs across various logistics companies presented a significant challenge. With a large volume of critical data to display, and considering many drivers were older, clearer and more adaptive information presentation on task cards was essential. I optimized the information layout to address this.

Translate research Insight to Design:

To meet these diverse needs, I redesigned the driver task cards to provide a highly flexible and scannable interface for critical delivery information.

The updated task card design features a horizontal layout for improved responsiveness and readability across different screen sizes and languages. Key information like address and time are prominently highlighted, while logical information grouping ensures clarity and adaptability for future content changes.

Given the significant amount of dynamic information on the task cards, loading speed was a critical user experience factor. To ensure smoother transitions and manage user expectations during data retrieval, I designed a loading skeleton.

This loading skeleton provides immediate visual feedback, reducing perceived loading times and ensuring a seamless transition as real-time task data populates, enhancing overall user experience.

Carry Over Incomplete Delivery Tasks

Losing crucial context on incomplete delivery tasks led to communication gaps and inefficiency. I designed a feature to intelligently carry over notes and specific comments to subsequent task assignments, ensuring drivers always had the necessary historical context. Timestamps were integrated to provide a clear audit trail and enhance accountability for dynamic delivery information.

Translate research Insight to Design:

To address this critical need for clear historical context and accountability, I designed the following intelligent feature:

Integration of Delivery Tasks with Map Experience

In a real-time logistics environment, drivers were forced to manually juggle disconnected dispatch orders with external map applications. This fragmented workflow led to significant cognitive load and operational delays, underscoring a critical need for a more integrated and visually intuitive solution to manage and prioritize tasks on the go.

Translate research Insight to Design:

To address these critical insights, I designed a dynamic map interface that seamlessly integrates task management, enabling drivers to plan and prioritize routes efficiently.

The redesigned map view offers a unified interface for visualizing routes and tasks, directly supporting real-time decision-making. Key features include intuitive task prioritization directly on the map and clear representation of all delivery points.
The Half-Page Mode allows drivers to sort tasks while simultaneously previewing route changes on the map, providing immediate visual feedback. The Full-Page Mode offers an expanded, minimized view of task cards, optimizing the drag-and-drop interaction for easier re-sequencing on complex routes.
Learnings & Future Vision

This project provided invaluable lessons in designing for complex, real-world systems, deeply shaping my approach to human-centered interaction.

Here were our primary design objectives for the 3drens Driver App:

Moving forward, I am eager to explore the frontiers of human-AI interaction and multi-sensory design, continuing to craft intuitive and novel experiences that seamlessly balance user delight with strategic business objectives.