200+ keer beoordeeld, gemiddeld starstarstarstarstar sterren

E-commerce laten aanvoelen als een warm bad

Industrie:

Wellness & spa-oplossingen voor thuis

Tijdlijn:

3 maanden

Impact:

106.7% organische groei in slechts 1 maand

Mock-up van Tubble website op tablet en smartphone met home-, categorie- en productpagina’s

Als je product slim is, maar je site onhandig voelt

Tubble verkoopt opblaasbare baden, ja, echt. Een slim product voor stadsbewoners, digitale nomaden of gewoon mensen met een badkamer zonder ingebouwde luxe. Het merk is speels, praktisch en net vreemd genoeg om te blijven hangen.

Alleen hun webshop voor wellnessproducten voelde minder slim. Eerder rommelig.

Hun oude site was in elkaar gezet uit losse ontwerp­pogingen, interne lapmiddelen en code die eerdere developers ergens hadden achtergelaten. Productpagina’s sloten niet op elkaar aan. Templates waren stug. En dingen aanpassen in de achterkant voelde geregeld alsof je een bom onschadelijk probeerde te maken.

Daar kwamen wij in beeld, om de boel opnieuw recht te trekken met een WooCommerce webshop op maat voor Tubble, zonder de charme van het merk weg te poetsen.

“Drie mensen hebben aan deze site gezeten, en niemand maakte hem af.”

De klant kwam bij ons met een vrij helder verhaal:

“We hebben wireframes, een design document en een sterk merk. Maar de site is nog niet waar hij moet zijn. We hebben structuur, snelheid en consistentie nodig, zonder alles vanaf nul op te bouwen.”

Vrij vertaald, ze zaten niet te wachten op een volgend bureau dat vooral mooie praatjes verkoopt. Ze wilden een partij die de rommel opruimt en een toekomstvaste webshop neerzet, zonder van het project een digitale therapiesessie van zes maanden te maken.

Het team van Tubble had wireframes. Ze hadden branding. Ze hadden goede productfoto’s. Wat er ontbrak:

  • Een homepage die een productverhaal vertelt, in plaats van alleen spullen rond te strooien
  • Productpagina’s die ruimte bieden aan video’s, specificaties en extra call-to-actions
  • Een checkout die op mobiel niet uit elkaar valt
  • Een backend waarvoor je niet wekelijks een developer hoeft te bellen
  • Ruimte om op te schalen, met nieuwe producten, categorieën en misschien zelfs nieuwe markten


Dus zijn we aan het werk gegaan. Met een webshop voor wellnessproducten die logisch aanvoelt, een rustig ontwerp en een checkout die ook op mobiel gewoon doet wat hij moet doen.

Desktop homepagina van Tubble met opblaasbaar bad, categorieblokken en introductiesectie
Mobiele Tubble-pagina’s met productoverzicht en vergelijking tussen opblaasbaar bad en luchtreiniger

Onze aanpak, heldere structuur, schone code, maatwerk in WooCommerce

We hebben niet alles opnieuw gebouwd, alleen de onderdelen die ertoe deden. Met een WordPress- en WooCommerce webshop op maat kreeg het merk eindelijk wat het nodig had, duidelijkheid, samenhang en een site die weer past bij het product. De nieuwe webshop voor wellnessproducten voelt rustiger, slimmer en een stuk geloofwaardiger.

Een homepage die eindelijk iets vertelt

De oude homepage probeerde alles tegelijk te doen. Dat loopt zelden goed af. Wij brachten focus aan. De nieuwe homepage leidt bezoekers nu logisch langs productvoordelen, vertrouwen en categorieën, zonder giswerk, zonder visuele herrie en zonder onzinanimaties.

We voegden toe:

  • Een sterke hero met één duidelijke call-to-action
  • Een korte visuele uitleg van de productwaarde
  • Categorieblokken voor snel winkelen
  • Een geïntegreerde Trustpilot-widget, zonder betaalde upgrade en zonder extra pluginballast
  • Voor mobiel geoptimaliseerde afbeeldingen en retina-ondersteuning


Zo kreeg Tubble een webshop voor wellnessproducten die niet alleen prettig oogt, maar bezoekers ook sneller richting keuze en aankoop duwt.

Productpagina’s die hun werk doen

Elke productpagina draait nu op een maatwerktemplate in WooCommerce en ondersteunt:

  • Flexibele indelingen voor verschillende producttypes
  • Productvideo’s, toegevoegd met een lichte plugin en niet met een houtje-touwtje builder-oplossing
  • Optionele iconen of checklistblokken naast de winkelwagenknop
  • Extra call-to-actions voor accessoires of relevante gidsen
  • Inklapbare veelgestelde vragen en verzendinformatie, zonder eindeloos scrollen


Alles laadt snel, schaalt netjes mee en blijft visueel consistent, of je nu kijkt op een MacBook of een Android die al betere jaren heeft gekend. Precies wat je verwacht van een WooCommerce webshop op maat.

Desktop testimonial- en contactsectie van de Tubble website
Detail van vergelijkingstabel en luchtreinigerblok op desktoppagina van Tubble

Maatwerk in WooCommerce, zonder logge page builders

Deze site draait op maatwerk in WordPress en WooCommerce, zonder page builders zoals Elementor of Oxygen. We codeerden herbruikbare templates vanaf nul, zodat Tubble volledige controle kreeg over:

  • De homepage-indeling
  • Productkaarten
  • De styling van de checkout
  • Iconen en USP-callouts
  • Footermodules, zoals nieuwsbrief, beleidslinks en taalschakelaar


Het resultaat, geen pluginhel, geen trage visuele editor en geen mysterieuze witruimte waar je uren op stuk slaat. Gewoon schone, onderhoudbare code met ruimte om door te bouwen.

Klaar voor meerdere talen, zonder gedoe

De site is voorbereid op een meertalige uitrol, maar zonder dat het meteen moest. We zorgden dat alle content logisch is opgebouwd voor vertaling, waaronder:

  • Productpagina’s
  • Categoriemetadata
  • Vaste content in menu’s en knoppen
  • Juridische pagina’s en checkoutlabels


Als de klant straks meerdere regio’s wil bedienen, hoeft niemand achteraf te gaan puzzelen. De basis staat al, zoals het hoort bij een WooCommerce webshop op maat.

Slimme koppelingen, geen pluginsoep

We proppen een site niet vol met plugins omdat dat toevallig makkelijk voelt. We gebruiken wat nodig is, en laten de rest met rust.

In dit project voor Tubble zaten onder meer:

  • WooCommerce core, met zo min mogelijk extra extensies
  • Mollie-betaalkoppeling, volledig in stijl gebracht
  • Een gratis Trustpilot-widget, handmatig ingebed en gestyled
  • Een plugin voor productvideo’s, met licentie van de klant
  • Maatwerk styling voor contact- en serviceformulieren


Alles is getest in de grote browsers en op uiteenlopende apparaten. Dus geen nare verrassingen na livegang, wat op internet al bijna verdacht degelijk voelt.

Mobiele product-, informatieve en contactpagina’s van de Tubble website
Mock-up van Tubble webshop met winkelwagen, productpagina en luchtreinigingspagina op desktop en mobiel
Desktop checkout en besteloverzicht van de Tubble webshop

Techniek onder de motorkap

  • CMS: WordPress op maat
  • E-commerce: WooCommerce
  • Frontend: Maatwerk HTML, CSS en JS, zonder builders
  • Backend: Maatwerk PHP, WooCommerce hooks en voorbereiding voor meerdere talen
  • Afbeeldingen: Retina-ready met lazy loading
  • Zoekfunctie: WooCommerce-native, met optionele AJAX-uitbreiding


Voor deze webshop voor wellnessproducten kozen we dus niet voor toeters en bellen, maar voor techniek die rustig blijft als het druk wordt.

Hoe we dit hebben aangepakt

We werkten in korte feedbackrondes met het team van Tubble. Zij zaten er bovenop, wij ook.

Zo pakten we het aan:

  • Wekelijkse check-ins
  • Bugherd voor front-end QA
  • Demo’s halverwege de sprint om af te stemmen met de SEO-consultant
  • Extra uren transparant gelogd voor onverwachte beperkingen in WooCommerce
  • Een laatste polijstronde voor microcopy, hoverstates en mobiele witruimte


Dit was geen project waarbij iemand iets over de schutting gooide en hoopte op het beste. Het was een samenwerking. Daardoor stond er uiteindelijk een webshop voor wellnessproducten waar het ontwerp, de gebruikersroute en de techniek eindelijk dezelfde kant op keken.

Mobiele duurzaamheidspagina en luchtreinigerpagina van Tubble
Desktop duurzaamheidspagina van Tubble met lifestylebeelden in opblaasbaar bad

Eindresultaat, een leuk product op een stevig platform

De nieuwe Tubble-site past weer bij het merk, eigenzinnig, slim en helder. Maar belangrijker nog, hij functioneert eindelijk zoals een webshop voor wellnessproducten hoort te functioneren.

  • Klanten kunnen kijken, kiezen, afrekenen en verder, zonder gedoe
  • De klant kan producten, beelden en teksten aanpassen zonder steeds ontwikkelaars in te schakelen
  • Mobiele bezoekers lopen niet meer vast in kapotte layouts of doodlopende paden
  • En de backend voelt niet langer als een mijnenveld


De site is gebouwd om te verkopen, gebouwd om mee door te groeien en klaar voor wat hierna komt, van nieuwe producten tot content en taaluitbreiding.

Klaar met een WooCommerce webshop die je tegenwerkt?

Is je winkel langzaam dichtgetimmerd met freelancers, plugins en half afgemaakte keuzes, dan snappen we het probleem vrij goed. We helpen je terug naar overzicht, rust en een WooCommerce webshop op maat die gewoon doet wat hij moet doen.

Plan een korte video call van 30 minuten , dan laten we zien waar het wringt en wat slimmer kan.

Geen druk. Wel eerlijk advies en een route vooruit voor je webshop voor wellnessproducten.

Drie collega's genieten samen van koffie in kantoorkeuken in modern Zwolle kantoor
Vier collega's lachen samen bij koffiehoek in modern Zwolle kantoor tijdens werkdag
Medewerker kijkt peinzend uit raam in modern Zwolle kantoor tijdens creatieve pauze Medewerker geeft kantoorplant een fist bump met droogkomisch gezicht in Zwolle kantoor
Medewerker lacht spontaan aan bureau in licht Zwolle kantoor met planten op de achtergrond Twee collega's ontspannen bij bureaustoel met droogkomische blik in modern Zwolle kantoor
Medewerker geeft kantoorplant water bij raam in zonnig Zwolle kantoor met een glimlach
Medewerker strekt armen uit naast bureau in zonnig Zwolle kantoor na geconcentreerd werken

Laten we van je volgende
project een succesverhaal maken.

Vraag een voorstel aan

Vertel wat vastloopt, wat je wilt bouwen, of wat opgelost moet worden. We reageren binnen 24 uur.

    Dit formulier is voor mensen met een project. Niet voor bureaus die toevallig hetzelfde doen als wij.

    Plan een call