Carmatik is probably one of my favorite projects I've worked on, and in this post I want to show ...Carmatik is probably one of my favorite projects I've worked on, and in this post I want to show ...
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
Carmatik is probably one of my favorite projects I've worked on, and in this post I want to show off the storefront.
A car marketplace only works if people can go from 4,000 cars to the one they want, fast.
My favorite part is the part you never see. The moment your cursor touches a car card, that page starts loading in the background. By the time you click, it's already there. No spinner, no wait.
Scroll past a card, same thing happens. So the cars you're most likely to click on are already loaded before you touch them, and nothing loads twice.
That's the whole trick. Nobody notices it. They just think the site is fast.
Filters do the rest: 14 of them, counts that stay accurate while loading, empty results that explain themselves, and everything just as easy to tap as to click.
4,000+ cars. A few taps to narrow them down. A car page that feels like it was already open.
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.
🚗 New project live: driveinbali.com, a car rental website for Bali
I worked as the UX designer on this build. Good UX design and UI design decide whether a visitor books or leaves, so here’s how I approached it:
🔹 UX design: one goal, booking.
Most rental sites hide the booking form. Here, pick-up place, dates and “Check availability” sit right in the hero, so a tourist can start booking in seconds.
🔹 A clear user journey.
The page follows the questions a traveller actually has: What’s included? → Which car? → Where can I go? → How do pickup and return work? → Can I trust them? Each section answers one question and leads to the next.
🔹 UI design that builds trust.
A warm palette of deep green and sunset orange, editorial serif headlines, transparent pricing cards, real reviews and a simple 4-step “how it works”. The design looks premium while staying simple to use.
🔹 Mobile first.
Most travellers book on their phones, so every section is fully responsive and touch-friendly.
🔹 Built to perform.
I built it on the BuilderDuck platform with a live car rental booking system, did the SEO optimisation, and now manage the site for the client on an ongoing basis.
I design and build across WordPress, Wix Studio, Shopify, Framer and Webflow.
📩 Looking for a UX/UI designer, or someone to build and manage your website? Let’s talk. My DMs are open.