Skip to content
Trans Atlantic Logistics homepage with a container ship crossing the ocean at dusk

Corporate · 2025

Under construction

Trans Atlantic Logistics

Trans Atlantic Logistics moves cargo between continents. Their old site looked like a spreadsheet. We turned it into a voyage: a 3D ship in the hero, and a story that unfolds as you scroll through what they carry, where they go and how they get it there.

Client
Trans Atlantic Logistics
Role
Art direction
Web design
3D
Development
Stack
Three.js
GSAP ScrollTrigger
HTML/CSS/JS
Timeline
6 weeks
Coming soon

01 · Challenge

Make shipping feel like something

Logistics sites all look the same: a stock photo of a container port and a list of services. Trans Atlantic needed to look like the serious, international operator it is, and to stand out to clients comparing five carriers in five tabs.

02 · Approach

A 3D hero and a story told by scrolling

We built the hero around a real-time 3D ship that responds to the cursor, then scripted the rest of the page like a film. Each scroll moment reveals one idea: routes, cargo types, the process, and a clear quote request at the end.

  • Real-time 3D ship hero, tuned to load fast
  • Scroll-driven chapters with pinned scenes
  • Mobile version rebuilt around touch, not shrunk down

03 · Result

A site that feels like the company is bigger than the competition

The new site gives Trans Atlantic a first impression that matches the scale of what they move. TODO: add a real outcome (quote requests, time on page, client feedback).

Gallery

Inside the build.

Swipe to move through the project.

Scroll chapter showing shipping routes across the Atlantic
Scroll chapter showing shipping routes across the Atlantic
Cargo types laid out as a grid of cards
Cargo types laid out as a grid of cards
Mobile layout of the hero and navigation
Mobile layout of the hero and navigation
Quote request section with contact form
Quote request section with contact form

Next project

Archive of Form

An architect's portfolio as a monotone archive with drawings that float in space.