Lanecraft: A Freight Company Website With Live Shipment Tracking
A demo website for a freight and logistics company. An animated scroll-through of a shipment's journey, a quote form, a carrier sign-up form and a tracking page that shows a consignment's milestones.
The Project
Lanecraft is a demo we built to show what a modern freight company's website can look like: how a shipper books a load, how a carrier joins the network and how a customer follows a consignment.
The home page tells the journey in four steps as the visitor scrolls, with a 3D scene of the yard, the truck and the route moving alongside the text. The tracking page takes a consignment ID and shows the route, the status and each milestone with its time.
The Product
Home page: the yard scene behind the headline. The scroll journey: the truck moves as the visitor reads each step. Tracking: route, status and milestones for a consignment. Quote request: lane, service, weight and pickup date.
What We Built
Animated Journey
A 3D scene of the yard, trucks and route that moves as the visitor scrolls through booking, matching, tracking and delivery.
Services Page
Full truckload, part truckload, EV last-mile and warehousing, each with what is included.
Quote Request
Pickup and drop cities, service type, weight, date and contact details in one form.
Carrier Sign-Up
A partner form for fleet owners: vehicle types, fleet size, city and contact.
Shipment Tracking
Enter a consignment ID to see the route, status, ETA and each milestone with its time and place.
Contact And FAQ
A contact form with topic selection, and plain-language answers to common freight questions.
Dark And Light Theme
A theme switch in the header, with the 3D scene drawn for both themes.
Responsive Layout
One layout that adapts from phone to desktop, with no horizontal scrolling.
Technology Used
Web Front End
A fast, pre-rendered site with the 3D scene drawn in the browser.
3D Scroll Scene
A low-polygon yard, trucks and route, animated by scroll position.
Forms
Quote, partner and contact forms with validation and a spam trap.
Services On This Project
Planning Something Similar?
Tell us what you want to build. We will reply with questions, then a written proposal.