use case

Mobile App Redesign for Fleet Management

Project Overview

The Fleet Management Mobile App redesign was initiated to address critical usability and accessibility challenges faced by fleet drivers and managers. The previous version of the app struggled with poor navigation, visual inconsistencies, and a lack of clarity in information presentation. With drivers needing a simple and efficient interface to complete tasks quickly, the redesign aimed to create a seamless, user-friendly experience optimized for mobile use.

The project focused on improving usability, enhancing accessibility, and ensuring visual alignment with the broader fleet management platform. By introducing a more structured navigation system, refining typography and contrast, and optimizing touch interactions, the new design significantly enhances operational efficiency for fleet users.

Client

Tourmo

Role

UI Designer

Duration

13 months

Tools Used

Figma

Understanding the Challenge

The previous version of the mobile app had significant usability, accessibility, and visual consistency issues. Users, primarily fleet drivers, found it difficult to locate key information quickly, which negatively impacted their efficiency on the road. The interface lacked clarity, making navigation cumbersome and slowing down decision-making. Managers also required access to critical insights but faced similar challenges.

One of the primary issues for drivers was understanding how data was displayed and interpreting it correctly. The lack of clarity in data presentation led to confusion, making it difficult for them to take immediate action when needed. For managers, the challenge was similar, but their primary goal within the app was to find and analyze information to coach drivers effectively. However, the way data was structured and visualized made it difficult to extract insights, creating inefficiencies in the coaching process.

The redesign aimed to address both functional and visual improvements, ensuring an intuitive, easy-to-use experience tailored to both drivers and managers. The key goals were to:

  • right arrow icon gray

    Improve usability with a cleaner, more structured interface.

  • right arrow icon gray

    Enhance accessibility by refining contrast, typography, and touch targets.

  • right arrow icon gray

    Ensure visual consistency with the web platform while maintaining mobile-specific optimizations.

  • right arrow icon gray

    Present data in a clearer, more actionable format to improve decision-making for both drivers and managers.

Business & User Insights

The redesign was driven by insights from user feedback, client complaints, and business objectives.

The challenges identified included:

  • Difficult navigation:

    Drivers struggled to find key actions quickly.

  • Overwhelming information:

    Data was not prioritized effectively.

  • Inconsistent design language:

    The app lacked cohesion wth th overall platform.

To address these, the new design aimed to:

  • Streamline navigation to reduce cognitive load.

  • Prioritize critical information for quick decision-making.

  • Ensure cross-platform consistency for a seamless fleet management experience.

Ideation & Strategy

With usability and accessibility as top priorities, the redesign strategy focused on:

  1. Simplifying the interface to minimize distractions for drivers.

  2. Introducing clear hierarchy to surface relevant information first.

  3. Optimizing mobile interactions for quick actions on the go.

Early design explorations included:

  • Wireframes mapping out a more intuitive layout.

  • User flow optimizations to reduce the number of taps needed for essential actions.

  • Color and typography refinements to enhance readability.

Design Execution

The new design introduced a structured, visually consistent interface that significantly improved usability. The key updates included:

  1. Improved readability with better contrast and typography.

  2. Larger, more accessible touch targets to ensure easy interactions.

  3. A streamlined navigation system reducing unnecessary complexity.

  4. A modernized visual language that aligns with the web platform.

Mobile App Experience

A major focus of the redesign was ensuring the app feels intuitive and responsive in real-world usage. The new experience allows drivers to:

  • Quickly locate key information without unnecessary navigation steps.

  • Perform essential actions efficiently, such as logging trips, checking schedules, and receiving alerts.

  • Navigate with ease, even in fast-paced environments.

Voices From The Field

The impact of the redesign was reinforced by feedbacks:

“Your focus on usability is paying off. We’ve seen significant improvements in how our drivers interact with the app. It shows in the reduction of incidents."

Leading Construction Company

VP of Safety and Compliance

"This update has been a major step forward. We’re enabling users to get to key insights faster, and that’s resulting in higher retention rates and stronger relationships with our clients"

Key Tourmo Reseller

CEO

“That’s great. It is exactly what we were looking for."

Leading Auto Parts Delivery

VP of Operations

Results & Business Impact

Although the development is implemented but not yet deployed to clients, early internal feedback suggests:

  • Faster task completion times for drivers.

  • Higher usability ratings from initial testers.

  • Stronger alignment between the mobile and web platforms.

Explore More

The redesigned mobile app is available on:

Button TextButton Text

Lessons Learned

This project reinforced key principles of designing for mobile enterprise applications:

  1. Simplicity is critical for on-the-go usability.

  2. Cross-platform consistency enhances user adoption.

  3. Accessibility should be a core focus, not an afterthought.

Next Steps

As the app nears deployment, future enhancements will focus on:

  1. Further optimizing onboarding for new users.

  2. Refining interactions based on real-world driver feedback.

  3. Exploring additional customization options for different fleet needs.

Discover More Case Studies

Explore similar projects in my portfolio:

Fleet Management Dashboard

Creating a customizable dashboard to streamline fleet management and redesigning key platform pages for a cohesive user experience.