⟵ work · Client work

I built and maintained Multihaarden’s storefront, API and editorial tools from scratch, to make them outperform all competitors with their 100% lighthouse score whilst keeping a media rich website.

Buying a fireplace involves many choices: size, finish, fittings and other parts. Multihaarden’s catalogue contains 462 products, many with multi level variants. I built the shop on an with a custom headless CMS and SvelteKit frontend.

The Multihaarden front page on a desktop: a dark header with the flame logo and six categories, a full-width photograph of a wall-mounted fireplace in a living room with the heading Multihaarden: Betover het hart van je huis, and four category tiles underneath.
A product page for the Le Feu SKY Black-Steel hanging fireplace: breadcrumbs, a grid of eight thumbnails and a large photograph of the black egg-shaped burner on its pole, and on the right the price of €1930, a checklist of delivery promises, four radio buttons for pole length and a green add-to-basket button.
Product overview page

3 images — swipe or scroll sideways

Choosing a variant updates the price and product photograph together. Swiping to a photograph associated with another variant updates the selection too. The interface keeps the thing someone is looking at connected to the thing they will put in the basket.

Filtering runs in the browser from a compact catalogue index, so changing the budget does not require another server request. At checkout, prices and discounts are recalculated from the database before the payment is created.

Upgrading from Shopify

The catalogue came from their previous Shopify site. I imported products and variants while retaining the old product paths, so existing links continued to work.

Feeds from manufacturers automatically update part of the catalogue, to keep pricing correct at all times and to show all newest products.