the floating bottom bar with the cart button is a nice touch, buying stays one tap away. are the 3D objects video loops or rendered images? that usually decides how fast a page like this loads
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.
One site, two businesses 🏁
Kart Vlak sells off-road karts in Uruguay. They needed to sell directly to families and recruit distributors across the country, without running two websites.
So we designed and built one store in Next.js that does both:
→ Full-screen video hero with a high-energy look that matches the product
→ Product pages with spec bars and a 360° viewer to see the kart from every angle
→ Checkout with bank transfer or Mercado Pago
→ A step-by-step assembly video built into the site
→ A distributor section with its own meeting scheduler
Your website can be your store and your B2B sales channel at the same time.
Full case study on my profile.
putting the assembly video right in the site is smart, that's a support email waiting to happen otherwise. how did you keep the full-screen video hero light on mobile data? that's the part I always end up fighting with