Deze week is de nieuwe webshop van Cantastic.nl succesvol gelanceerd! Wat hebben we gedaan, en waarom?

De oude Wordpress webshop

Cantastic is zoals velen begonnen met een WooCommerce webshop. In het begin is dit prima, maar Cantastic is de laatste jaren een stuk gegroeid, wat nu voor een aantal pijnpunten zorgt:

  • De website is erg langzaam, wanneer er veel bezoekers en bestellingen zijn
  • Het huidige design is verouderd, en lastig aan te passen aan de behoeften van Cantastic

De nieuwe Vendure webshop

We hebben voor Cantastic een nieuwe webshop opgezet met Vendure. Omdat Vendure headless is, kan in de toekomst gewoon een nieuwe voorkant met nieuwe technieken gebouwd worden, zonder dat er weer van webshop systeem gewisseld hoeft te worden.

Custom UI elementen

In de nieuwe shop is de hele storefront vernieuwd. Cantastic heeft nu een razendsnelle webshop met aangepaste UI elementen, zoals de digitale kleurenwaaier:

De digitale kleurenwaaier om makkelijker kleuren te selecteren

De digitale kleurenwaaier maakt het voor bezoekers makkelijker om kleuren te kiezen en toe te voegen aan de winkelmand. Zo hebben de klant en Cantastic er beide profijt van.

GoedGepickt integratie

We hebben een koppeling gemaakt met het order pick systeem GoedGepickt: Alle geplaatste bestellingen gaan automatisch van Vendure naar GoedGepickt, zodat de werknemers van Cantastic makkelijk orders kunnen picken in het magazijn.

Gestroomlijnde check-out

Samen hebben we gekeken hoe we de checkout konden verbeteren. Daar zijn een aantal punten uitgekomen:

  • Een extra controlestap, waar de klant zijn bestelling kan controleren, om zo misverstanden te voorkomen.
  • PostNL afhaalpunten integratie, zodat klanten afhaalpunten kunnen selecteren
  • Verbeterd design voor bestellen via mobiel
Mobiel gestroomlijnd en afhaalpunten geïntegreerd in de nieuwe checkout

SEO migratie

We willen natuurlijk niet dat de oude SEO-autoriteit verloren gaat, wanneer de nieuwe site gelanceerd wordt. We hebben er voor gezorgd dat URLs hetzelfde bleven, of dat oude URL's doorverwezen worden naar de juiste nieuwe pagina. Met de Pinelab tools checken we automatisch en elke nacht of er niet gelinkt wordt naar pagina's die niet meer bestaan, om 404 errors te voorkomen.

Tech

Hoe zit dat dan technisch in elkaar?

De frontend is gebouwd met VueJS en Gridsome, dat static HTML pagina's van de VueJS app maakt. Door de static HTML paginas de deployen via Netlify is de voorkant altijd bestand tegen hoge volumes bezoekers.

De backend is gebouwd op Vendure, met wat aanpassingen van Pinelab om de webshop te draaien op Google Cloud Run. Zo zorgen we dat de achterkant automatisch opschaalt, wanneer er veel bestellingen zijn tijdens piekmomenten.

Al met al, zijn Cantastic en Pinelab erg blij met het eindresultaat 🥳!


Wil je ook een nieuwe shop? Neem contact op:

Deel dit artikel