Starting point
The UAE store did not look like VOX
When we started, voxfurniture.ae ran on an old Shopify theme that looked nothing like vox.pl. Typography, page layouts and product cards differed from the brand site, so a customer who knew VOX landed in a store that resembled it mostly through the logo. The theme was also heavy. It loaded a lot of scripts, so the first view of a page took a long time, and phone users felt it most. The catalogue is large too: today it holds more than 700 products in around 80 collections, so any change to the listing or product template affects hundreds of pages at once. The rebuild had to cover both the look and the code underneath.
What we did
A front end rewritten on Alpine.js and Tailwind CSS
We did the whole front-end rebuild ourselves, on Liquid templates. Our reference point was the look and behaviour of the official vox.pl site.
- 1
The vox.pl visual language, carried over
We broke vox.pl down into its parts: typography, grid, spacing, buttons and the way interior photos are shown. From that we built a set of Shopify components, from the home page hero through the collection listing to the product page. The UAE store now reads as part of the same brand.
- 2
A theme without surplus JavaScript
We replaced the old theme code with Liquid templates, Alpine.js for interactions and Tailwind CSS for styles. Interactive elements run on small components in place of the previous theme's heavy scripts. The code is easier to read and extend, and adding a new section does not mean installing yet another app.
- 3
Fewer scripts, faster loading
We went through everything the page loaded and kept only what the store actually needs. The number of scripts dropped by 95%, load time was cut in half, and the mobile Lighthouse score went up by 30 points. Less code to download means a shorter wait, above all on phones.
- 4
Templates built for a large catalogue
We built the collection listing and product page to work the same for one product or hundreds. Today they serve more than 700 products in around 80 collections, and new items appear in the store in their final layout straight away, with no extra front-end work.
Outcome
The store looks like VOX and loads twice as fast
After the rebuild, voxfurniture.ae shares the visual language of vox.pl, so a customer in the Emirates sees the brand they know from other channels. Pages load 95% fewer scripts, render twice as fast, and the mobile Lighthouse score is 30 points higher. The front end on Liquid, Alpine.js and Tailwind CSS is easy to maintain: new sections are assembled from existing components, without apps that slow the store down.
- Look and feel consistent with the official vox.pl site
- More than 700 products in around 80 collections on the new templates
- Interactions in Alpine.js, styles in Tailwind CSS
- Mobile Lighthouse score up by 30 points
