Electric Bus Fleet Management SAAS Platform

Electric Bus Fleet Management SAAS Platform

Problem

Problem

While platforms existed for managing fuel-based bus fleets, there was no efficient system for electric bus fleets. Operators struggled to plan routes, schedule vehicles, and assign drivers while accounting for unique constraints like battery range, charging time, and driver availability. This gap led to inefficiencies, increased errors, and wasted time in daily fleet operations.

Needs

Needs

  • Fleet Operators Need:

    A user-friendly platform to manage electric bus operations and maintenance efficiently.


  • Route & Trip Planning Needs:

    Streamlined processes for creating new routes, assigning stops, and planning efficient trips for electric buses.


  • Driver & Vehicle Management Needs:

    User-friendly tools to manage driver rosters, assign schedules, and track vehicle maintenance for the electric bus fleet.


  • Employee Training Needs:

    An engaging and effective training & certification module within the platform to encourage employees to complete job-related courses.

  • Fleet Operators Need:

    A user-friendly platform to manage electric bus operations and maintenance efficiently.


  • Route & Trip Planning Needs:

    Streamlined processes for creating new routes, assigning stops, and planning efficient trips for electric buses.


  • Driver & Vehicle Management Needs:

    User-friendly tools to manage driver rosters, assign schedules, and track vehicle maintenance for the electric bus fleet.


  • Employee Training Needs:

    An engaging and effective training & certification module within the platform to encourage employees to complete job-related courses.

Opportunities

Opportunities

Streamlined Navigation:

  • Simplify the menu structure by grouping related features.

  • Implement a navigation menu with quick access to essential modules.


Enhanced Route and Trip Planning:

  • Seamless planning of routes and trips

  • Ease in data upload and download


Interactive Training:

  • Create an engaging training module with interactive quizzes, videos, and simulations.

  • Personalize training content based on employee roles.

Streamlined Navigation:

  • Simplify the menu structure by grouping related features.

  • Implement a navigation menu with quick access to essential modules.


Enhanced Route and Trip Planning:

  • Seamless planning of routes and trips

  • Ease in data upload and download


Interactive Training:

  • Create an engaging training module with interactive quizzes, videos, and simulations.

  • Personalize training content based on employee roles.

User Persona

User Persona

Color scheme

Color scheme

The chosen color scheme centered around shades of blue as the primary color, symbolizing trust, honesty, and reliability—qualities integral to a corporate product.

The chosen color scheme centered around shades of blue as the primary color, symbolizing trust, honesty, and reliability—qualities integral to a corporate product.

Primary

Primary

#164C63

#164C63

Secondary

Secondary

#101828

#101828

Tertiary

Tertiary

#667085

#667085

Typography

Typography

Lexend was the chosen typeface for this project, with distinct variations of the Lexend font employed for both headings and body text.

Lexend was the chosen typeface for this project, with distinct variations of the Lexend font employed for both headings and body text.

Lexend

Lexend

Design components

The design included a hierarchical structure and standardized sizes for various components to handle different data needs. For instance, dropdowns came in large, medium, and small sizes for flexibility.

For Calls to Action (CTA), a strategic layout was used with primary, secondary, and tertiary buttons, each with hover and disabled states for better user interaction and feedback.

Autolayout in Figma ensured consistent design and standardized spacing across all pages, maintaining uniformity in sections, headings, buttons, input fields, and other elements.
The design included a hierarchical structure and standardized sizes for various components to handle different data needs. For instance, dropdowns came in large, medium, and small sizes for flexibility.

For Calls to Action (CTA), a strategic layout was used with primary, secondary, and tertiary buttons, each with hover and disabled states for better user interaction and feedback.

Autolayout in Figma ensured consistent design and standardized spacing across all pages, maintaining uniformity in sections, headings, buttons, input fields, and other elements.

Login & homepage

Login & homepage

Onboarding & Access

  • Frictionless login with integrated sign-up and password recovery
  • Guided entry for secure, rapid platform access


Dashboard & Navigation

  • Centralized command center with key fleet insights
  • Adaptive sidebar maximizes space, enables instant module switching
  • One-hover navigation balances expert speed with beginner clarity
Onboarding & Access

  • Frictionless login with integrated sign-up and password recovery
  • Guided entry for secure, rapid platform access


Dashboard & Navigation

  • Centralized command center with key fleet insights
  • Adaptive sidebar maximizes space, enables instant module switching
  • One-hover navigation balances expert speed with beginner clarity

Route planning

Route planning

  • Centralized Control Panel - Manage all routes with search, edit, and bulk import/export capabilities

  • Guided Creation Process - Two-step workflow separates route definition from stop-level scheduling

  • Smart Stop Management - Dynamic selection and sequencing from verified stop database

  • Flexible Timing Options - Support for both absolute times and relative intervals between stops

  • Optimized Data Entry - Purpose-built form controls (sliders, radio buttons) minimize input errors

Key Benefit: Transforms complex route planning into a systematic process that ensures accuracy while accommodating diverse operational preferences.

Trip planning

Trip planning

  • Unified Dashboard: View routes, timetables, vehicles, and drivers in a single consolidated interface

  • Dual-Mode Operations: Handle individual trips or bulk uploads/downloads with equal efficiency

  • Calendar Integration: Manage and filter schedules seamlessly across dates and timeframes

  • Automated Scheduling: Generate recurring trips instantly using headway-based calculations

  • Visual Timetabling: Preview and assign vehicle types within a clear, scannable schedule layout

Design Impact: Transforms complex multi-variable scheduling into an intuitive workflow that reduces planning time while ensuring optimal resource allocation.

Driver Rostering

  • Centralized Duty Management: Upload, download, and view all driver schedules in a single table filtered by route and date

  • Streamlined Duty Creation: Add new driver assignments with guided form fields and checkboxes for specific duty days

  • Context-Aware Interface: View relevant route and trip details side-by-side during roster creation for informed decision-making

  • Intuitive Guidance: Placeholder text and clear labeling minimize errors during data entry

Key Benefit: Ensures optimal driver coverage through an efficient, error-resistant scheduling system that maintains critical operational context.

vehicle scheduling

  • Unified Scheduling Framework: Leverages consistent patterns from driver rostering for intuitive user adoption

  • Streamlined Vehicle Assignment: Simple form-based workflow to assign vehicles by ID to specific routes and trips

  • Flexible Weekly Planning: Select operational days with checkbox controls for efficient recurring schedule creation

  • Centralized Fleet Management: Maintains complete vehicle deployment records in an organized database

Key Benefit: Ensures optimal fleet utilization through a familiar, efficient scheduling system that maintains operational consistency with driver management.

Bulk Data Management

Bulk Data Management

  • Efficient Bulk Operations: Upload/download entire datasets for routes, trips, drivers, and vehicles in one action

  • Seamless System Integration: Import complex schedules and rosters from external files directly into the platform

  • Comprehensive Data Portability: Export operational data from any module for analysis or backup purposes

  • Flexible File Support: Compatible with various file formats to accommodate existing workflows

Key Benefit: Dramatically reduces administrative overhead by enabling large-scale data handling while maintaining system integrity and flexibility.
  • Efficient Bulk Operations: Upload/download entire datasets for routes, trips, drivers, and vehicles in one action

  • Seamless System Integration: Import complex schedules and rosters from external files directly into the platform

  • Comprehensive Data Portability: Export operational data from any module for analysis or backup purposes

  • Flexible File Support: Compatible with various file formats to accommodate existing workflows

Key Benefit: Dramatically reduces administrative overhead by enabling large-scale data handling while maintaining system integrity and flexibility.

Cards

Cards

The goal was to display courses as cards with detailed information. After multiple iterations, I created a card design that effectively represents the different stages of a course. I modularized components for these various scenarios, ensuring consistent and easy implementation across all pages.

The goal was to display courses as cards with detailed information. After multiple iterations, I created a card design that effectively represents the different stages of a course. I modularized components for these various scenarios, ensuring consistent and easy implementation across all pages.

Course pending
Course in progress
Video in progress
Quiz in progress
Course completed

Filters and sorting

Filters and sorting

The goal was to display courses as cards with detailed information. After multiple iterations, I created a card design that effectively represents the different stages of a course. I modularized components for these various scenarios, ensuring consistent and easy implementation across all pages.

The goal was to display courses as cards with detailed information. After multiple iterations, I created a card design that effectively represents the different stages of a course. I modularized components for these various scenarios, ensuring consistent and easy implementation across all pages.

Active filters expanded

Active filters expanded

Sorting

Sorting

No active filters

No active filters

Active filters

Active filters

course catalog

course catalog

  • Three-Tab Navigation - Clear separation between course discovery, personal progress, and profile management

  • Smart Course Discovery - Search, filter, and sort capabilities in the catalog for efficient content finding

  • Progress-First Dashboard - "My Courses" prioritizes in-progress content with visual status tracking

  • Horizontal Scrolling & View All - Flexible browsing options balance quick access with comprehensive overviews

  • Personalized Learning Profile - Centralized tracking of individual progress and achievement metrics

Key Benefit: Creates a personalized learning experience that adapts to different user preferences while maintaining focus on continuous progress and development.

  • Three-Tab Navigation - Clear separation between course discovery, personal progress, and profile management

  • Smart Course Discovery - Search, filter, and sort capabilities in the catalog for efficient content finding

  • Progress-First Dashboard - "My Courses" prioritizes in-progress content with visual status tracking

  • Horizontal Scrolling & View All - Flexible browsing options balance quick access with comprehensive overviews

  • Personalized Learning Profile - Centralized tracking of individual progress and achievement metrics

Key Benefit: Creates a personalized learning experience that adapts to different user preferences while maintaining focus on continuous progress and development.

Course overview & Profile

Course overview & Profile

  • Detailed Course Preview - Clear presentation of overview, objectives, and prerequisites before starting

  • Progress-Aware Navigation - Sidebar shows completion status and section structure for easy orientation

  • Multimedia Learning Path - Sequential video tutorials followed by knowledge-check quizzes

  • Flexible Viewing Options - Full-screen video player and expandable quiz interface for optimal focus

  • Progress Tracking - Visual certifications progress bar and filtered course status (required/active/pending)

Key Benefit: Creates a structured yet flexible learning environment that balances guided progression with user control, enhancing knowledge retention and certification completion rates.

Create a free website with Framer, the website builder loved by startups, designers and agencies.