01
Alles op maat
Geen enkel onderdeel van deze webshop komt uit een standaard template of plugin. Zoekfunctie, filters, winkelwagen, checkout, mobiel menu: alles met de hand geschreven voor precies deze shop.
Case Study
Webshop
Woonvloeren
WooCommerce webshop met 800 producten van 4 leveranciers. Custom zoek en filter zonder refresh, live search, sidebar winkelwagen. A+ Scanner score.
800
Producten geimporteerd
A+
Website Scanner score
0.5s
Laadtijd (LCP)
5 KB
JavaScript totaal
Het project
De complete webshop.
Woonvloeren is de PVC vloeren specialist in Nijmegen met een breed assortiment van Vivafloors, Mflor, Gelasta en TFD Floors. Ze bieden naast verkoop ook legservice, gratis advies en 2 jaar garantie. Hun oude webshop was verouderd in ontwerp en functionaliteit en paste niet meer bij de kwaliteit van hun producten en dienstverlening.
De opdracht: een complete herontwerp met bijna 800 producten van 4 leveranciers, waarvan twee geen export hadden. Dat betekende scrapers bouwen om productdata te verzamelen, alles opschonen en standaardiseren, afbeeldingen optimaliseren naar WebP en het geheel importeren in een webshop die razendsnel is, er prachtig uitziet en alle moderne functionaliteit biedt. Van een live zoekfunctie en geavanceerde filters tot een sidebar winkelwagen en een volledig custom checkout proces.
Wat we gebouwd hebben
Alles op maat, niets van de plank.
Live zoeken zonder refresh
Een moderne zoek modal die direct resultaten toont terwijl je typt. Zoekt over producten, blogartikelen en pagina's. Alle data gecached in het geheugen van de server voor directe respons.
Zoeken en filteren zonder pagina refresh
Bezoekers filteren op merk, type, kleur, dikte, slijtlaag en meer. Alle resultaten laden direct op de pagina, zonder refresh. Paginering werkt ook zonder herladen. Een vloeiende winkelervaring.
Modern donker ontwerp
Onze vormgever heeft een strak, donker ontwerp gemaakt met de groene accentkleur van het logo als CTA kleur. Unieke knoppen, stijlelementen en een uitstraling die kwaliteit ademt. Grote sfeer en productfoto's staan centraal.
Custom sidebar winkelwagen
Een uitklapbare winkelwagen in de zijkant van het scherm, volledig op maat gebouwd. Producten toevoegen, verwijderen en aantallen aanpassen zonder de pagina te verlaten.
Custom WordPress theme
Volledig handgeschreven theme. Geen pagebuilders, geen standaard WooCommerce templates. Elke pagina is op maat ontworpen en gebouwd: checkout, winkelwagen, 404, productpagina's, alles. Volledig beveiligd met Content Security Policy, alle beveiligingsheaders en JSON-LD gestructureerde data voor producten, Local Business, FAQ's en meer.
800 producten van 4 leveranciers
Producten geimporteerd van Vivafloors, Mflor, Gelasta en TFD Floors. Voor twee leveranciers zonder export hebben we scrapers gebouwd om de productdata te verzamelen. Alle data opgeschoond en geimporteerd met geoptimaliseerde WebP afbeeldingen.
Responsive design
Vloeren kiezen op elk apparaat.
De volledige webshop inclusief zoeken, filteren, sidebar winkelwagen en checkout werkt op elk schermformaat. Het mobiele menu is volledig op maat gebouwd voor een prettige browse ervaring.
Huisstijl
Donker, strak en herkenbaar.
Primary
#22c55e
Copied!
Secondary
#312e2e
Copied!
Dark
#3f3f3f
Copied!
Light
#ebebeb
Copied!
Brand
#5d5d5d
Copied!
Background
#201d1d
Copied!
Epilogue
Koppen en CTA's
400 Regular — Broodtekst
600 SemiBold — Subkoppen
700 Bold — Koppen en CTA's
De transformatie
Van verouderde shop naar modern platform.
De oude webshop was gedateerd in ontwerp en functionaliteit. De nieuwe shop is van de grond af opgebouwd met een modern ontwerp, geavanceerde zoek- en filterfuncties en een productcatalogus van bijna 800 items.
Before — Template
After — Custom
De volledige ervaring
Scroll door de webshop.
Van de homepage met sfeerbeelden tot de productpagina's met varianten en de volledig custom checkout. Ontworpen om te converteren.
Ons proces
Van scrapen tot schappen.
Vier stappen naar de meest complete webshop die we gebouwd hebben.
Data verzamelen en opschonen
Twee van de vier leveranciers hadden geen productexport. We hebben scrapers gebouwd om de productdata te verzamelen, de data opgeschoond en gestandaardiseerd, en alle afbeeldingen geconverteerd naar geoptimaliseerde WebP formaten.
Ontwerp
Onze vormgever heeft een strak, donker ontwerp gemaakt met groene accenten die aansluiten bij het logo. Unieke knoppen, stijlelementen en pagina layouts. Elk paginatype apart ontworpen: homepage, categorie, productdetail, checkout, winkelwagen, blog en 404.
Custom WordPress development
Het volledige theme met de hand geschreven. Zoek- en filterfuncties zonder refresh, live search modal met gecachede data, sidebar winkelwagen, custom checkout en alle WooCommerce templates op maat. Bijna 800 producten geimporteerd met clean CSV bestanden.
Livegang en optimalisatie
Na uitgebreid testen live gezet op onze eigen servers. A+ score op alle onderdelen van de Website Scanner. Slechts 5 KB JavaScript, 10 requests per pagina en een paginagrootte van 1.1 MB.
Tech stack
Gebouwd voor snelheid en schaal.
Een stack die 800 producten draagt met slechts 5 KB JavaScript.
WordPress
WooCommerce
PHP
Bootstrap
LiteSpeed
MariaDB
Redis
De oplossing
Geen compromissen.
Woonvloeren is het project waar we het meest trots op zijn. Niet omdat het het grootste is, maar omdat het het meest complete is. Elke functie is op maat gebouwd, elk detail is doordacht en het resultaat overtreft wat de meeste webshops bieden.
De WooCommerce webshop bevat bijna 800 producten van vier leveranciers: Vivafloors, Mflor, Gelasta en TFD Floors. Voor twee daarvan bestond geen productexport, dus hebben we scrapers gebouwd om de data te verzamelen. Vervolgens hebben we alle productdata opgeschoond, gestandaardiseerd en geimporteerd met geoptimaliseerde WebP afbeeldingen. Het resultaat is een catalogus die er consistent uitziet, ongeacht de leverancier.
De zoek- en filterfuncties zijn volledig op maat gebouwd en werken zonder pagina refresh. Bezoekers filteren op merk, type, kleur, dikte, slijtlaag en meer, en zien de resultaten direct op de pagina veranderen. Ook de paginering werkt zonder herladen. De live search modal doorzoekt producten, blogartikelen en pagina's in real-time, gevoed door data die gecached is in het servergeheugen voor directe respons. De sidebar winkelwagen klapt uit aan de zijkant van het scherm: producten toevoegen, verwijderen en aantallen aanpassen zonder de pagina te verlaten.
Het custom WordPress theme gebruikt slechts 5 KB JavaScript voor de hele webshop. Geen React, geen jQuery, geen externe frameworks. Alleen wat nodig is. De checkout, winkelwagen, 404 pagina en het mobiele menu zijn allemaal volledig custom ontworpen en gebouwd.
De site scoort A+ op alle onderdelen van onze Website Scanner: security, privacy, WordPress, SEO, DNS en protocol. Volledig AVG compliant zonder cookiebanner nodig te hebben. Alle beveiligingsheaders zijn ingesteld waaronder Content Security Policy, HSTS en Permissions Policy. Complete JSON-LD gestructureerde data voor producten, Local Business, FAQ's en meer voor optimale vindbaarheid in zoekmachines. Nul externe scripts, nul cookies van derden. De shop draait op onze eigen servers met managed hosting.
800 producten, 5 KB JavaScript, A+ op alle fronten. Dit is waar 21 jaar ervaring toe leidt.
Waarom Wiwi
21 jaar ervaring in een project.
Drie redenen waarom dit project alles samenbrengt.
02
A+ op alle fronten
De site scoort A+ op alle onderdelen van onze Website Scanner. Nul externe scripts, nul cookies van derden, volledige beveiliging. Het bewijs dat een complete webshop ook schoon en veilig kan zijn.
03
5 KB JavaScript
De hele webshop draait op 5 KB JavaScript. Geen React, geen jQuery bloat, geen externe frameworks. Alleen wat nodig is voor een vliegensvlugge ervaring. Dat is het verschil tussen een pagebuilder en 21 jaar vakmanschap.
Klaar voor een website die echt presteert?
Laten we jouw volgende website ontwerpen en bouwen.
Volledig custom design. Handgeschreven code voor snelheid. GDPR/AVG compliant uit de doos. Geen templates, geen pagebuilders, geen concessies.