01
Gebouwd rond de klant
Zoeken en filteren zijn er omdat klanten zo kiezen, niet omdat het kon. Elke knop heeft een reden.
Case Study
Website
De Spil Catering Nijmegen
Nieuwe webshop voor Catering De Spil in Groesbeek. Ruim tachtig gerechten, zoeken en filteren per categorie, en bestellen in een paar tikken.
A+
Scanscore
86
Producten
0,4s
Laadtijd
9
Verzoeken
Het project
Een volle keuken, een lange lijst.
De Spil in Groesbeek is een lunchcafé, restaurant en grand café, en verzorgt ook de catering: buffetten, hapjes, salades, lunch, high tea en desserts. Voor thuis, op kantoor of op locatie.
De oude bestelsite was één lange lijst met ruim negentig gerechten. Geen zoekfunctie, geen filter, knoppen met het Engelse "Add" en nergens een woord over btw, bezorging of wat je wel en niet kunt annuleren. Wie een buffet zocht, moest scrollen tot hij het vond. De opdracht: een compacte webshop waarin iedereen in een paar tellen vindt wat hij zoekt, en die ook juridisch klopt.
Wat we gebouwd hebben
Vinden, kiezen, bestellen.
Zoeken door de hele winkel
Typ twee letters en de webshop zoekt mee in gerechten, categorieën en pagina's. Wie "gamba" of "high tea" zoekt, ziet het meteen.
Filteren per categorie
Buffetten, hapjes, salades, lunch of desserts: één tik en alleen die gerechten staan in beeld, met per categorie het aantal erbij.
Prijzen die kloppen
Elke prijs staat per persoon en inclusief btw. In het winkelmandje zie je subtotaal, bezorgkosten en totaal voordat je afrekent. Geen verrassingen.
Juridisch op orde
Kramar, onze eigen plugin voor webwinkels, regelt de wettelijke kant van de winkel. In het winkelmandje lezen klanten waarom verse gerechten zijn uitgezonderd van het herroepingsrecht en tot wanneer ze kunnen annuleren.
Bestellen vanaf de bank
Een feest of vergadering plan je vaak op je telefoon. Zoeken, filteren en bestellen werkt daar net zo makkelijk als op een groot scherm.
Snel, met alle foto's erin
Een cateringshop verkoopt met beeld. Toch staat de pagina er in een oogwenk, ook met tientallen gerechten op een rij.
Responsive design
Van kantoor tot keukentafel.
Wie een buffet bestelt voor een verjaardag of een vergadering, doet dat vaak op zijn telefoon. Zoeken, filteren en het winkelmandje blijven daar net zo overzichtelijk als op een groot scherm.
Huisstijl
Dezelfde De Spil, nu ook om te bestellen.
Groen
#A0CE4E
Copied!
Inkt
#1A1A1A
Copied!
Taupe
#645F57
Copied!
Zand
#D9D7D1
Copied!
Crème
#F2F1EE
Copied!
Wijnrood
#9C2626
Copied!
Outfit / DM Sans
Koppen en CTA's
400 Regular — Broodtekst
600 SemiBold — Subkoppen
800 ExtraBold — Koppen en CTA's
De transformatie
Van lange lijst naar slimme winkel.
Links de oude bestelsite: een lange lijst met gerechten, Engelse knoppen en geen manier om te zoeken. Rechts een webshop met een zoekbalk, filters per categorie en prijzen waar alles al in zit.
Before — Template
After — Custom
De volledige ervaring
Scroll door het assortiment.
Van de opening met de keuze "Wat mogen we voor u serveren?" naar de filters en alle gerechten op een rij. Het winkelmandje schuift mee en laat steeds zien wat het totaal wordt.
Ons proces
Van gesprek tot livegang.
Vier stappen, geen verrassingen.
Hoe bestellen mensen
We begonnen bij de vraag hoe klanten kiezen: per gelegenheid, per soort gerecht of gewoon op naam. Daar kwamen de zoekfunctie en de filters uit voort.
Ontwerp
In de stijl van de restaurantsite van De Spil, met hetzelfde groen en dezelfde letters. Klanten herkennen meteen bij wie ze bestellen.
Bouwen
Een eigen theme met de zoekfunctie en filters door ons geschreven, en Kramar voor de wettelijke kant van de webwinkel. Geen stapel losse plugins die elkaar in de weg zitten.
Livegang
Live op onze eigen hosting, naast de restaurantsite van De Spil. Wij houden de techniek eronder bij.
Tech stack
Zelf gebouwd, van zoekbalk tot wetgeving.
WordPress en WooCommerce voor het beheer, een eigen theme voor de winkel en onze eigen plugin Kramar voor alles wat een Nederlandse webwinkel wettelijk moet regelen.
WordPress
WooCommerce
PHP
Custom Theme
Custom Plugin
LiteSpeed
MariaDB
De oplossing
Een webshop die meedenkt.
Een cateringklant weet meestal ongeveer wat hij zoekt: een warm buffet voor twintig man, hapjes voor een borrel, een high tea. De webshop moest hem daar zo snel mogelijk naartoe brengen.
We bouwden een WooCommerce webshop met een eigen theme. Een zoekbalk die door de hele winkel zoekt, filters per categorie en een winkelmandje dat steeds het totaal inclusief btw en bezorgkosten laat zien. Het ontwerp sluit aan op de restaurantsite van De Spil die we eerder bouwden.
Voor de wettelijke kant gebruiken we Kramar, onze eigen plugin voor webwinkels. En klanten lezen nog voor ze afrekenen waarom verse gerechten niet onder het herroepingsrecht vallen en tot wanneer ze kunnen annuleren. De shop draait op onze eigen managed hosting in Nederland, zonder trackers en zonder scripts van derden.
Een goede webshop laat je niet zoeken. Je typt, je kiest en je bent klaar.
Waarom Wiwi
Een webshop die gewoon klopt.
Drie dingen waar het hier op aankwam.
02
Eigen code, eigen plugin
Het theme schrijven we zelf en de wettelijke kant regelt Kramar, onze eigen plugin. Wij weten precies wat er draait en kunnen alles uitleggen.
03
Wetgeving zonder gedoe
Prijzen inclusief btw, duidelijke regels over herroepen en annuleren. De Spil hoeft er niet over na te denken.
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.