flying headless.

  • client
    Vogel's.
  • case
    full service rebranding.
  • product
    Magento headless multilingual webshop.

Ontgrendel de ultieme winkelervaring met Vogel's. Onze strategische verschuiving naar de B2C-markt, gecombineerd met een headless storefront en GraphQL-technologie, zorgt voor naadloze winkeltrajecten en versterkt de naamsbekendheid. Ontdek de toekomst van winkelen met Vogel's.

vogel's.

Vogel's is een bedrijf dat in 1973 werd opgericht door Harry Vogels. Hij was vastbesloten om de ultieme geluidservaring te creëren voor zijn jazzmuziek. Hij creëerde zijn eerste muurbeugels voor luidsprekers en breidde daarna zijn passie uit naar muurbeugels. Vogel's is nu een bekend merk voor hun tv-accessoires.

probleem.

Vogel's wilde een upgrade van hun huidige platform om dichter bij de Magento core komen, en zich ontdoen van talloze derde partij modules die niet meer werden onderhouden. Het feit dat ze in de steek werden gelaten betekende dat ze nooit upgrades kregen en niet langer compatibel waren met nieuwere Magento versies en geschreven waren voor oudere versies van PHP.

uitdaging.

De uitdaging om het e-commerce platform van het geweldige merk Vogel's te upgraden naar het volgende niveau door:

  • Het verbeteren van de snelheid van de website
  • Performance verbeteringen van diverse imports/exports
  • Technische schuld verminderen
  • Sneller toekomstige upgrades kunnen uitvoeren
  • Nieuwe technologieën te gebruiken zoals NextJS en GraphQL
  • Schaalbaarheid verbeteren
  • Kosten verlagen

Oplossing.

1

headless e-commerce

Om de front-end los te koppelen van Magento en eenvoudige upgrades mogelijk te maken, besloten we de nieuwe website te bouwen met NextJS en deze met GraphQL aan Magento te koppelen. Dit scheidt de presentatielaag van de businesslaag, waardoor een meer flexibele en wendbare webshop ontstaat.

Verder is er een caching laag gerealiseerd tussen hun e-commerce platform en hun nieuwe front-end, zodat de meeste data direct beschikbaar is voor de gebruiker.

2

cms

Aangezien ze gebruik maakten van een sterk aangepaste versie van Bluefoot die door Magento in de steek werd gelaten, kozen we ervoor om over te stappen naar iets dat ondersteund blijft en ook veel van dezelfde functies biedt die ze gewend waren. We analyseerden meerdere headless CMS oplossingen en kozen voor Storyblok. De storefront voegt naadloos gegevens van Magento en Storyblok samen in één pagina. Alle componenten kunnen worden hergebruikt op elke pagina en worden gevuld met product of categorie informatie.

3

magento

Door het scheiden van de presentatielaag en de businesslaag was het mogelijk een oplossing te creëren die veel van de problemen oploste die Vogel's ondervond met hun oude platform. Minstens 60 modules werden verwijderd en vervangen door slechts enkele microservices. Alle diensten werden verplaatst naar Google Kubernetes Engine en de kosten werden gehalveerd. De website en microservices schalen nu zelf op basis van belasting en kunnen onafhankelijk van elkaar schalen.

hoogtepunten.

  • De website is makkelijker te onderhouden
  • Sneller
  • Het doel van de website is hetzelfde gebleven maar veel meer verbeterd
  • 17 talen worden ondersteund
  • Winkelzoeker
  • Flatscreenfitter

multidisciplinary team.

We don't design for you or your organization. We design for your end users!

Chesney Buitendijk
Jim van der Veen
Jordi Jonkergouw
Dillen Verschoor
Pepijn Blom
Thijs Luxemburg
Mounir Amlal

ready for a new day?

Just give us a call:
070 390 33 24

Don’t wait for awesomeness to just happen. Just contact us, and we will start building your brand.

Let's chat

Make some noise.