Optimizing fleet management

B2B SaaS solution for efficient end-to-end fleet asset management powered by AI.

Selected challenges

When I began my role at Checkturio, the initial product had been developed just 6 months prior, presenting numerous challenges. My primary objective entailed identifying these obstacles and initiating collaborative efforts with stakeholders to systematically tackle them. Through iterative processes, I focused on enhancing the usability of both the mobile and web apps.

CHALLENGE 01

Information architecture

Define functions

I started by gathering insights from stakeholders in fleet management. Then, I organized these insights into clear menus and features for both apps, ensuring users can navigate smoothly.

What I gathered

Identifying key metrics

Information architucture

I organized the main page, sub-pages, and important functions in the web app based on how users move through it, ensuring a clear hierarchy for easy navigation.

Before

After

1. Seamlessly integrated new functions into main and sub-menus
2. Consolidated similar content into clear and cohesive categories
3. Standardized button text for consistent user experience

CHALLENGE 02

UI & visual design

Design identity

I crafted a cohesive primary color scheme, drawing inspiration from the logo design, to ensure visual consistency across all products.

Colors style

Buttons style

I refined components and updated the design system with refreshed UI designs: (selected examples)

Custom visual labels

To address the challenge of multiple pages containing extensive data, I designed custom visual labels for main pages, specifically tailored to each page's content. These visual cues enhance user understanding and make navigation more intuitive, ultimately improving usability and user-friendliness.

Selected redesigned-wireframes

Before

After

CHALLENGE 03

User flow & usability

User scenario

I identified common usage challenges by outlining typical scenarios and providing drivers' actions to achieve their goals efficiently.

Paper wireframing

Improving usability

1. Homepage revamp: Introduced new features like a search bar and filters, categorizing and displaying them to improve usability.
2. Enhanced navigation bar: Implemented a tab bar featuring "All" and "Saved" vehicles with a visible counter on the homepage for streamlined access.

Before

After

Grouping similar functionalities:

Filter
Search bar
License plate number scanning

Moved the "Saved" page to the tab bar for easier access and improved usability.

Organizing functions

1. Introduced a new "Create report" CTA button, clearly distinguished from other actions.
2. Restructured report types into unified radio buttons on a separate screen for clarity.

3. Organized and prioritized vehicle information within the vehicle overview section for easy reference.

Before

After

CHALLENGE 04

Workflows design

Customer's checklist

I created and designed a checklist flow featuring images displayed in a sequence, tailored to the customer's demands and the requested algorithms (Duration: 1 day)

Workflows

Design

Checklist creation flow

I created and designed workflows for desktop users, to create checklists, edit and publish them to the mobile app, or archive them. (Duration: 1 week)

Report creation flow

I designed intuitive workflows for desktop users to create damage reports step-by-step, ensuring ease of use and alignment with the product's identity. (Duration: 1 week)

Selected designed-flow