De opdracht
Bocca Coffee is een van de bekendste Specialty Coffee-merken van Nederland, gevestigd in Amsterdam. Ze verkopen zorgvuldig geselecteerde koffie aan zowel consumenten als horecapartners — met een sterke focus op herkomst, kwaliteit en smaakprofiel.
In het voorjaar van 2025 liet Bocca hun webshop migreren door een andere partij. Het liep mis. Gebroken backlinks, 404-pagina’s op productpagina’s die nog actief in Google Ads en Google Merchant Center stonden, Klaviyo-segmenten die niet meer correct syncten en een technische structuur die alle kanten op wees. In augustus 2025 kwamen ze bij Web Builders — enigszins in paniek, en terecht.
De vraag was helder: ruim het op, fix de techniek, stop het bloeden — en bouw daarna mee aan echte groei.
Wat we hebben gedaan
Technische audit en structuurherstel
Onze eerste stap was een grondige technische audit van de volledige webshop. Wat we aantroffen was een combinatie van problemen die gezamenlijk de performance uithollen:
- Gebroken backlinks en 404-fouten op pagina’s met opgebouwde linkautoriteit, waarbij externe links nergens meer naartoe leidden
- Verlopen productpagina’s actief in Google Ads zodat advertentiebudget rechtstreeks naar 404-pagina’s werd gestuurd
- Oude WordPress-artikelen in Google Merchant Center met productvermeldingen die verwezen naar niet-bestaande pagina’s
- Ontbrekende redirects na de migratie omdat de URL-structuur was gewijzigd zonder dat oude paden werden doorgestuurd
- Klaviyo-synchronisatie kapot waardoor klantlijsten en segmenten niet correct werden bijgewerkt en mailings een groot deel van warme leads misten
We hebben systematisch alle 404-fouten in kaart gebracht, een volledig redirect-schema opgezet en de Google Ads- en Merchant Center-feeds gesaneerd. Geen enkel actief product wees nog naar een gebroken pagina.
Klaviyo herstel en e-mailflow optimalisatie
De Klaviyo-integratie was een van de pijnlijkste problemen. Klantdata werd niet correct gesynchroniseerd vanuit Shopify, waardoor segmenten verouderd waren en mailings naar incomplete lijsten gingen. Warme leads — mensen die al eerder hadden gekocht of hun interesse hadden getoond — werden structureel gemist.
We hebben de volledige Klaviyo-integratie opnieuw opgezet:
- Synchronisatie hersteld tussen Shopify en Klaviyo zodat alle klantprofielen en aankoophistorie correct zijn gekoppeld
- Segmenten herbouwd op basis van actuele data met segmenten voor actieve kopers, verlopen abonnees en hoge CLV-klanten
- Flows gecontroleerd en bijgesteld inclusief welkomstflow, abandon cart, post-purchase en win-back
Het resultaat: mailings bereikten eindelijk het volledige relevante publiek, niet een subset van wie toevallig nog in de lijst zat.
Brewselect: de juiste koffie vinden
Uit de data bleek een structureel probleem: bezoekers kwamen op de site maar vertrokken zonder te converteren, niet omdat het aanbod ontbrak, maar omdat ze de weg kwijtraakten in het Specialty Coffee-assortiment. Welke koffie past bij mijn smaak? Wat is het verschil tussen een washed en een natural process?
Samen met Bocca ontwikkelden we Brewselect — een interactieve koffiekiezer die bezoekers stap voor stap begeleidt naar de koffie die bij hen past. Op basis van smaakprofiel, bereidingsmethode en geroostheid wordt een gepersonaliseerde selectie getoond. De tool verlaagt de drempel voor nieuwe Specialty Coffee-liefhebbers en verhoogt de relevantie van productaanbevelingen.
Producticonen in de Bocca-huisstijl
Op de productpagina’s hebben we custom producticonen toegevoegd die volledig zijn vormgegeven in de speelse, illustratieve huisstijl van Bocca. Via custom metafields in Shopify worden per product de relevante iconen dynamisch getoond — denk aan smaakprofielen, bereidingsmethodes en koffietype.
Het resultaat is een productpagina die niet alleen informeert, maar ook visueel meteen duidelijk maakt wat je als klant kunt verwachten. De iconen versterken de merkbeleving en maken complexe Specialty Coffee-informatie toegankelijk — precies wat Bocca nodig had om nieuwe koffieliefhebbers over de drempel te helpen.
Nieuw navigatiemenu
De bestaande navigatie van de webshop was erg summier — een paar losse links die onvoldoende recht deden aan het brede assortiment en de diepgang van het Bocca-merk. Bezoekers die de site niet kenden, hadden moeite om snel de juiste categorie of productlijn te vinden.
We hebben onlangs een volledig nieuw, uitgebreider menu live gezet. De nieuwe navigatie is overzichtelijk gestructureerd per producttype, bereidingsmethode en gelegenheidheid — zodat zowel de doorgewinterde Specialty Coffee-liefhebber als de nieuwkomer direct zijn weg vindt. Gecombineerd met Brewselect zorgt dit voor een veel soepelere weg van bezoeker naar koop.
SEO en technische optimalisatie
Naast het acute foutenherstel hebben we de technische SEO-basis versterkt:
- Redirect-schema volledig opgezet en gecontroleerd zodat er geen linkwaarde verloren gaat
- Structured data toegevoegd aan product- en categoriepagina’s voor betere vindbaarheid
- Canonical-tags gecorrigeerd na de migratie om duplicate content te voorkomen
- Paginasnelheid verbeterd door afbeeldingsoptimalisatie en het opschonen van onnodige scripts
Uitkomst
Bocca Coffee groeide van een technisch bouwvallige webshop naar een stabiel, groeiend platform. De resultaten spreken voor zich: +40-50% omzetgroei maand op maand versus vorig jaar, met een sessiegroei van 15-20%. Geen euro advertentiebudget meer verspild aan 404-pagina’s. Klaviyo-mailings die het volledige warme publiek bereiken.
We bouwen samen verder. Brewselect is live, de data wordt beter en Bocca groeit. More to be continued.
Heb jij ook een webshop die door technische problemen onderpresteert? Plan een gratis gesprek en we kijken samen wat er speelt.
