PietjeMarietje — Maatwerk Shopify-thema
Een verhalende Shopify-webshop voor woonaccessoires. In het maatwerk thema De dag in huis verandert dezelfde woonkamer van ochtend naar avond en ontdek je producten direct in de scène.
Van merkwereld naar webshop
Voor PietjeMarietje ontwierp en bouwde ik een zelfstandig Shopify Online Store 2.0-thema: De dag in huis. Het uitgangspunt is een huis dat gedurende de dag verandert, met woonaccessoires die ieder moment een eigen sfeer geven. Kalksteen, walnoot, textiel en kaarslicht vormen de visuele wereld van de website.
Ik werkte het concept eerst uit in een interactief React-prototype en vertaalde het daarna naar een volledig maatwerk Shopify-thema in Liquid, CSS en JavaScript. De webshop gebruikt echte Shopify-producten, collecties, varianten, voorraad, zoeken en winkelmandfuncties.
Een woonkamer die met je meebeweegt
Op desktop blijft de woonkamer tijdens het scrollen even staan en verandert het ochtendlicht in avondlicht. Binnen dezelfde scène verschijnen zes producthotspots. Daarmee ontdek je de kussens, travertine accessoires en alabasterhouders op hun plek in het interieur, met een productkaart en een directe link naar het product.
Daarna volgt Favorieten van het huis: een productrij die op desktop horizontaal beweegt terwijl je verder naar beneden scrolt. Verder het huis in verbindt het verhaal met de collecties, via een groot sfeerbeeld dat meewisselt met de gekozen categorie.
Mobiel kreeg een eigen uitwerking met verticale kamerbeelden, productinformatie in een paneel onderin het scherm en swipebare product- en collectierijen. De interacties ondersteunen ook toetsenbordbediening en het sluiten van productinformatie met Escape.
Maatwerk dat de winkel kan beheren
Dezelfde ontwerpstijl loopt door in productpagina’s, collecties, zoeken, de winkelmand en de informatiepagina’s. Ik bouwde onder meer productvarianten, een winkelmanddrawer en een fotogalerij met vergroting, swipe en toetsenbordbediening.
Producten, hotspotposities, beelden en teksten zijn beheerbaar in de Shopify-thema-editor. Een centraal collectiemenu bepaalt de collectiehiërarchie; subcollecties gebruiken hun eigen filters, sortering en paginering. Zo kan het assortiment veranderen terwijl het dagverhaal herkenbaar blijft. Het thema is op 28 september 2026 gepubliceerd op pietjemarietje.nl.
Uit het ontwerp
-
Dezelfde woonkamer in avondlicht met aanklikbare producthotspots voor kussens, travertine en alabaster. -
De Kaarsen-collectie van PietjeMarietje met subcategorieën, productfoto’s en prijzen.