The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
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
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
A 16-bit signal has 65,536 steps. No waveform in this brand is allowed to be a curve.
SINE/16: pixel type, a staircase slash, one cyan light per frame, hands on everything.
Full case study ↓
No curves allowed is such a fun rule to build a brand around. The staircase slash is clever.
Infinite Games — A Playful Interactive Experiment
Check it out
Meet my little bioluminescent amoeba!
A playful experiment in character design, motion, and interactive UI.
She floats through space and lights up when you hover over her.
Such a cute and creative concept! The glow and interactive movement give this little character so much personality. ✨
Stressa here! For my entry I wanted to make a little cinematic adventure about: Stressella goes to CapCut World LA!
So, she books a free trial with a rather shady 100-year-old teleportal agent. Of course the old lady mistakes her for Cinderella and sends her through the wrong portal. Stressella ends up at a victorian ball in Cinderella universe, running away before she even gets to dance with Prince Charming. Luckily, her Fairy Godmother shows up and gives her a star to travel through space and time to LA.
I chose a star because I wanted her to look like a fallen star landing right in front of the Audrey Irmas Pavilion for CapCut World LA. I thought it'd be a fun way to turn a simple trip to LA into a chaotic fairytale adventure. Honestly wish I had another 30 seconds to let Stressella meet Prince Charming. Just imagined their ridiculous little banter 😭
This was genuinely so much fun to make, and I hope you have as much fun watching it as I did creating it!
Thank you so much for the opportunity to join this challenge and bring this little story to life. Wishing everyone the best of luck, and can't wait to see what everyone has created! 🤞😋
