Request a callbackBook a call
▶ Immersive scrollLight

Northbound FreightLogistics and freight company website design

A 3D yard where a straddle carrier stacks containers, then a ship loads and sails as you scroll.

Northbound is built entirely in three.js. The scroll lifts and stacks containers in a white studio yard, cranes up to a top-down ship loading bay by bay on shader water, then sails it out with a live knots readout. A world route map, services grid, case figures and a quote form with a live estimate follow.

Best for
  • Freight forwarders
  • Logistics companies
  • Shipping and ports
  • Supply chain software
Immersive scroll · Light theme · Updated 2026-10-25
yourbrand.com

Scroll inside the preview, or open the full demo.

Animations inside

  • Scroll driven three.js scene
  • Container lift and stack animation
  • Shader ocean with wake
  • Live lift and TEU counters
  • Animated world route map
  • Quote form with live estimate

Sections

  • 3D scroll hero
  • Ship loading story
  • Route map and stats
  • Services grid
  • Case figures
  • Quote form
  • Footer

Best for

  • Freight forwarders
  • Logistics companies
  • Shipping and ports
  • Supply chain software

What you get

  • A single index.html with all the markup, styles and animation code
  • An assets folder with the images, fonts and frames it uses
  • No build step: open the file in a browser and it runs
  • Works on any static host: Netlify, Vercel, Cloudflare Pages, S3 or cPanel
  • Free licence for personal and commercial use
  • A credit link to axionry.com is appreciated, not required
Done for you

Want Northbound Freight live on your domain this week?

We customise Northbound Freight with your brand, copy and photos, shoot or generate your own scroll film, wire in your forms, booking, WhatsApp and analytics, and launch it on your domain, fast and search-ready.

This design, customised
from $1,000
Fully custom design
from $2,500

* Exact pricing is always decided once we connect.

One-click callback · website from the Northbound Freight design

Just your email. The product is filled in for you, and Neeraj replies within a day.

FAQ

Common questions.

Straight answers. If yours isn't here, ask on a 20-minute call.

Is the Northbound Freight website design free for commercial use?+

Yes. Northbound Freight is free for personal and commercial use, including client work. Edit it, rebrand it and host it anywhere. You may not resell or redistribute the design itself. A credit link to axionry.com is appreciated, never required.

What animations are in Northbound Freight?+

Northbound Freight includes: scroll driven three.js scene; container lift and stack animation; shader ocean with wake; live lift and TEU counters; animated world route map; quote form with live estimate. All of it is vanilla HTML, CSS and JavaScript in one file, with no framework or animation library to install.

How much does it cost to customise Northbound Freight for my business?+

Having Northbound Freight customised with your brand, copy, photos, your own scroll film and your forms, booking and analytics, then launched on your domain, starts from $1,000. A fully custom design starts from $2,500. Exact pricing is always decided once we connect.

How do I edit a website design?+

Unzip the download and open index.html in any code editor. The text, colours and images are plain HTML and CSS, and the animations are vanilla JavaScript in the same file, with no framework and no build step. Save the file, refresh the browser and you see the change.

Where can I host a website design?+

Anywhere that serves static files: Netlify, Vercel, Cloudflare Pages, GitHub Pages, an S3 bucket or ordinary shared hosting. Upload the folder, point your domain at it and it works. There is no server or database to run, so hosting is usually free or close to it.

How does the immersive scroll effect work?+

The film is exported as a sequence of compressed still frames. As the visitor scrolls, a small script works out how far through the section they are and draws the matching frame on a canvas, so the scroll bar becomes the playhead. It is the same technique Apple uses on its product pages, with no video player involved.

Do I need to know how to code?+

Changing text, colours and images takes basic HTML, and every section is clearly separated in the file. For anything bigger, such as new pages, a CMS, a booking system or a store, we can customise it for you and have it live on your domain within a week.

More website designs

You might also like

All website designs →