A car-leasing storefront, built from Figma in two phases

Swapp was a car-leasing startup with a designer’s head start: they arrived with a considered Figma file and comments, not a brief on a napkin. The engagement was to turn that file into a working Shopify store, and it ran in two phases so the team could sell while the rest was being built.

Phase one was the storefront and the catalogue: the landing page and a collection system with every filter and sorting the Figma specified. The inventory came from an Airtable base the team maintained, which meant the import pipeline mattered as much as the templates. One finding from that import shaped the whole build: the leasing products had been modelled with more variant options than any buyer could use, so the structure was consolidated to two or three decision axes per vehicle, with the rest merged into the product content.

Phase two was the product detail page with its variants, the full responsive pass that made the store phone-first, and Freshchat wired in for the questions a leasing buyer always has before signing.

What happened next is the part we like telling. The store did its job, the company grew past it, and as Swapp expanded into car subscriptions and rentals across the UAE the platform was rebuilt on Next.js and React at joinswapp.com. That rebuild is not ours, and it is not claimed here: the site shown above is the company’s current platform, photographed because it is where the story went. Our chapter is the original Shopify store, two phases, delivered and accepted, for a founding team that knew exactly what it wanted, and that outgrew what we built for the best possible reason.