We built a freight forwarder that doesn't exist. Then we made its website actually work.

Halyard is a concept project — no client, no brief. We wanted to see what happens when a corporate site stops describing its product and just runs it.

So on the site you can:

→ Hover a live route map — 16 real ports, containers moving along their trade lanes, each port showing its local time and weekly sailings.

→ Track a container — type a number and it's checked against the real ISO 6346 check digit. Mistype one and it suggests the correction. You get the vessel, voyage, arrival date and every milestone from booking to delivery.

→ Price a lane — Shanghai to Rotterdam, 40ft reefer, pick a weight. Out comes transit time, sea distance, an indicative rate range and that container's CO₂e.

Five pages, built in Framer. The route map, tracker, estimator, counters and clocks are custom React code components. Open roles on the Careers page come from the CMS.

The part we keep coming back to: most corporate sites make you book a call to see the product. This one hands it to you on the homepage.

Try it → halyard.site Case study → Find more

🚀 Aurora: a real-time 3D website system, built from scratch with Three.js.

Everything in this 20-second showcase is real. The 3D shape is a live shader, and the site footage is a screen recording of the finished build, not a mockup.

What's inside: 6 finished pages, a mobile-first layout, scroll-reactive motion, and Figma-ready design tokens. Plain HTML, CSS and JS, so it deploys free on Netlify or Cloudflare Pages.

Need a custom 3D site or a rebrand of Aurora for your studio? Message me. I reply within 1 to 2 working days.

The full kit is on my Products tab. Live demo: aurora-3d-kit.netlify.app

#threejs #webgl #webdesign #3dwebsite #frontend

A live shader instead of a rendered video makes a big difference in how the hero feels. Plain HTML, CSS and JS with free deploys on Netlify is a nice choice for a kit like this.