Relaymile

A logistics platform for job posting, job taking, and real-time monitoring

Overview

Relaymile is a logistics network platform designed for users to post or take jobs, providing administrators with real-time logistics monitoring. As a startup, Relaymile identified that its web application was overly complex, leading to challenges for users in job posting, task management, and tracking.

Goal

User feedback highlighted that the web application was difficult to navigate, and users often found it complex to perform key tasks. This issue impacted their experience and the platform’s engagement metrics.

The Problem

To redesign the Relaymile web application to make it intuitive and user-friendly, ensuring it meets its primary users' needs— job posters and administrators — by simplifying interfaces and user flows.

Responsibilities:

  • UI Redesign: Modernized UI elements to improve visual clarity and accessibility.

  • User Research: Conducted interviews with active users, including brokers, shippers, and drivers, to gather insights on common pain points.

  • Prototyping: Developed mid-fidelity and high-fidelity prototypes to visualize new workflows.

  • Usability Testing: Conducted usability studies to validate design solutions and gather feedback.

  • Accessibility: Ensured the new design complied with accessibility standards.

  • Iteration: Iteratively refined the design based on testing results and user feedback.

Role

UX/UI designer

Timeline

Jan - Apr 2022

Tools

Figma

Understanding the User

To gain insights into user needs, I interviewed Relaymile’s three main user types: shippers, brokers, and drivers. I spoke with three individuals from each group to uncover specific pain points and understand each user type's issues within the web application.

Key Pain Points

  • Difficulty Finding Specific Trips: Users struggled to locate specific trips efficiently, impacting productivity.

  • Confusion in Tracking Status: The logistics status was difficult to follow, leading to uncertainty in task completion.

  • Cumbersome Operations: Users found the application workflow lengthy, requiring extra steps to fulfill basic tasks.

  • Limited Access to Relevant Information: Brokers expressed needing driver and trip details to appear automatically when initiating calls to facilitate quicker interactions.

This research highlighted critical areas for improvement, helping guide the redesign toward a more streamlined and user-friendly experience.

Design Improvement

Loadboard

  • Streamlined Visuals: I removed visually distracting color blocks to create a more focused interface. This simplification lets users focus directly on the trip list without unnecessary visual clutter.

  • Efficient Interactions: I added quick-action buttons that appear when users hover over a trip, enabling faster access to essential actions and reducing the number of steps required.

  • Organized by Dates: Trips are now grouped by dates, allowing users to locate specific trips more quickly without relying on filters.

    This redesign enhances the Loadboard’s usability, making logistics management simpler and more intuitive for brokers.

Timeline for Real-Time Tracking

Redesigned

The Timeline screen redesign provides shippers with an efficient, visually organized overview of their logistics’ current location and status.

Original

This screen allows shippers to view their logistics' real-time location and status. Based on user feedback, I enhanced the text hierarchy on the timeline and detail cards, making key information more readable at a glance. To further increase usability, I implemented color-coded indicators, with the timeline turning red if a trip is delayed, immediately alerting shippers to potential issues.

  • User Testing: Conducted usability tests with 12 shippers to ensure the redesigned timeline layout was intuitive and easy to understand. Post-update testing showed an average 25% reduction in time spent locating status details.

  • Surveys and Feedback: Gathered feedback through user surveys, with 90% of shippers reporting the timeline redesign as "easier to navigate," highlighting tracking and status visibility improvements.

Phone Call Panel

Original

I redesigned the phone call panel to align with the updated interface design and incorporated additional features based on user feedback to improve user efficiency. One key enhancement is the updated number pad: as users type, it automatically displays the name and number if the contact is already saved. This change reduces the time spent searching for contacts, streamlining the calling process and enhancing overall usability.

DOT application

Original

Redesigned

Redesigned

Original

Redesigned

I redesigned the DOT application interface to align with the latest web app's streamlined aesthetic, creating a cohesive user experience. The update focused on a minimalist approach by removing unnecessary elements, simplifying the layout, and guiding users through the form with clarity and ease. By optimizing space and enhancing readability, new applicants can fill out the form with fewer distractions, reducing form completion time and minimizing errors. Additionally, the new design improves accessibility, ensuring the form remains intuitive and easy to navigate for a broader user base.

The Loadboard screen was redesigned to provide brokers with a clear and manageable view of all logistics details.