Mock

Invented brand · Built as a showcase

Haultra

The Haultra homepage: Smarter routes. Lower costs., beside a black electric semi truck
Highlights

See the highlights
of this website.

Feature cards for fuel planning, the fleet map, and route optimization over a glowing grid
Feature cards from Home
A stacked list of platform benefits led by fuel cost reduction
Fuel cost reduction from Home
Routes, stops, and the whole fleet on one map
One map from Home
The demo dashboard with routes, locations, and fleet overview
Dashboard from Demo
The routes list with stops, miles, and status
Routes from Demo
The monthly delivery schedule
Schedule from Demo
The fleet page with trucks
Fleet from Demo
Delivery locations with time windows
Locations from Demo
The fleet map with an optimized route
Live route map from Demo

Color Palette

This website uses a color palette of 4 colors

Typography

Geist ExtraBoldHeadlines
GeistBody and interface

Technologies & Tools

  • Logistics
  • SaaS
  • Fleet management
  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Supabase
  • Claude API
  • Vercel

Description

Haultra is route optimization for delivery fleets. It orders stops by time window and priority, keeps routes DOT compliant, plans fuel, and puts every route, truck, and driver on one map.

The idea

A route platform any delivery fleet could sign up for and run from one map.

The build

Multi-company accounts with roles, an in-house route planner, an AI advisor, fuel planning, scheduling, analytics, and a public demo with a guided tour.

Why a mock

It is a brand built to show the work. The interactive demo runs on sample data, so anyone can try it on a desktop or tablet.

Lighthouse / Score

Performance
96 / 100
Accessibility
96 / 100
Best Practices
100 / 100
SEO
100 / 100

Google Lighthouse, homepage, desktop. Measured October 1, 2026. The score is the average of the four categories.