Spring naar inhoud
Terug naar projecten

Website/media

123Plaktegels.nl

Voor 123Plaktegels.nl is een Dawn-derived Shopify theme omgebouwd naar een eigen branded storefront. De webshop helpt bezoekers plaktegels kiezen op basis van ruimte, stijl, dikte, montagevertrouwen en prijs, zonder de beheerbaarheid in Shopify te verliezen. Reusable `brand-*` secties, productkaarten, collectiefilters, PDP tooling, WebwinkelKeur-reviewhydratie, structured data en een cart drawer brengen inspiratie en aankoop dichter bij elkaar.

Client
123Plaktegels.nl
Jaar
2026
Rol
Shopify UX, front-end development, SEO, accessibility, performance
Platform
Shopify OS 2.0
123Plaktegels.nl

v0.6

actieve theme release

57

files in de Shopify sections-directory

88 / 92

desktop Lighthouse performance/accessibility audit scores

Overzicht

Context

Van catalogus naar keuzehulp

Plaktegels zijn visueel, praktisch en vergelijkend tegelijk. Bezoekers willen weten of een tegel past bij hun keuken, badkamer, toilet of bedrijfsruimte, maar ook welke dikte, afwerking, ondergrond en montage-aanpak logisch is. De bestaande winkel had veel productinformatie en inspiratie, maar de keuze- en kooproute moest minder voelen als zoeken door een catalogus. De opdracht was om vertrouwen, vergelijking en aankoopactie dichter bij elkaar te brengen.

Aanpak

Een branded Shopify-systeem dat de merchant kan beheren

De theme rebuild is opgezet als een eigen branded laag bovenop Shopify OS 2.0. Reusable `brand-*` secties houden homepage, collectiepagina's, productpagina's, cart, contact en editorial pagina's consistent, terwijl copy, beelden en blokken via de Theme Editor beheerbaar blijven. Op productniveau combineert de PDP een gallery, variantkeuze, area calculator, payment methods, USP's, specs en montage-informatie. JavaScript houdt interacties zoals AJAX add-to-cart, cart drawer refresh, reviewhydratie en productcalculator gedrag snel en Shopify-native.

Resultaat

Een rustigere winkel met meer beslissingshulp

Het resultaat is een webshop die minder als losse template-verzameling voelt en meer als een begeleide koopervaring. De homepage en inspiratieblokken geven context, collectiepagina's ondersteunen filtering en productvergelijking, en de PDP helpt met montage, diktekeuze, benodigde hoeveelheid en social proof. De theme layer bevat ook SEO- en accessibility-remediatie, JSON-LD structured data, WebwinkelKeur-reviewhydratie, performance-aandacht, regressiescripts en een duidelijke releaseworkflow.

Geleverd

  • Custom Shopify OS 2.0 theme
  • Branded Theme Editor section system
  • Homepage, collection, product, cart and editorial templates
  • Product gallery, area calculator and trust/payment blocks
  • AJAX add-to-cart and cart drawer
  • WebwinkelKeur review proxy integration
  • Structured data and SEO remediation
  • Validation scripts and release workflow

Techniek

Shopify OS 2.0LiquidJavaScriptCSSViteSupabase Edge FunctionsWebwinkelKeur APIJSON-LD/SEO

Volgende case

SeniorenWoonhulp

Bespreek een vergelijkbaar project

Breng merk, interface en techniek in dezelfde richting.

Een kort gesprek is vaak genoeg om de juiste aanpak, scope en volgorde helder te krijgen.

Start een project