Technische samenwerking

Bij Carnavalskleding.nl zijn ze zelf ook technisch onderlegd. Ze hadden al de hele back-end gemaakt. Het was voor ons heel prettig om hier samen op voort te bouwen en de front-end te verwezenlijken.

Een eerste check als basis

Als start van het project hebben we eerst een audit gedaan en de basis gecheckt door een statische analyse van de code te maken. Deze kwaliteitsslag zorgde al meteen voor een grote verbetering.

Implementatie Hyvä Theme

De keuze voor de frontend is bij ons altijd een no-brainer; we doen alleen maar Hyvä! We zijn groot fan van deze razendsnelle frontend. Waarom we kiezen voor Hyvä en welke voordelen het geeft lees je op onze speciale Hyvä pagina.

Gestroomlijnde bezorging

De webshop is nu heel snel en geeft zeer betrouwbare informatie over bezorging. Ongeveer 80% van alle bestelde artikelen is morgen in huis en bij de overige 20% kunnen ze ook accuraat aangeven wanneer het in huis is.

Van Magento 1 naar Magento 2

De webshop van Carnavalskleding.nl draaide op Magento 1. Wij hebben alles een flinke update gegeven met Magento 2. Dankzij de overstap heeft Carnavalskleding.nl nu een uitgebreider en gebruiksvriendelijker platform. Hier kunnen ze jaren mee vooruit.

Een betrouwbare Delivery Date-module

We hebben een module gemaakt die op basis van allerlei variabelen heel accuraat aangeeft wanneer een klant een bestelling in huis heeft. Onze module houdt rekening met zaken als het merk, het gewicht, de prijs, de opslaglocatie en nog veel meer. Dit scheelt veel klantenservice vragen en is veel gebruiksvriendelijker voor de klant.

Headless CMS integratie met Prismic en Magento

Ook voor dit project hebben we gekozen om het headless CMS Prismic te implementeren voor de landingspagina's, de content pagina's, de USP's, de callouts en de blogs. Je kunt hier meer lezen over onze Prismic en Magento integratie.

Razendsnelle React Components

Voor de front-end hebben we gebruik gemaakt van meerdere React Components. Dit hebben we toegepast in het menu, in de zoekbalk en het winkelwagentje. Dit was maatwerk, omdat Magento normaal gesproken niet met React Components werkt. Nu is de webshop veel eenduidiger en makkelijker te onderhouden.

Uitdaging

Een van de belangrijkste uitdagingen was het optimaliseren van de checkout-ervaring. De standaard Magento checkout voldeed niet aan de hoge eisen van de klant, zowel qua snelheid als qua flexibiliteit in het design. Daarom werd besloten om een maatwerk checkout-oplossing te ontwikkelen.

Oplossing

De maatwerk checkout-oplossing werd ontwikkeld met behulp van React, GraphQL en Tailwind CSS. Deze technologieën stelden ons in staat een zeer flexibele en snelle checkout te bouwen, volledig aangepast aan de wensen van Carnavalskleding.nl.

Belangrijkste kenmerken van de checkout-oplossing:

1. Gestapte design: De checkout is ontworpen met een uniek gestapt design, waardoor klanten in overzichtelijke stappen door het bestelproces worden geleid. Dit verhoogt de conversie en vermindert de kans op afhaken.

2. Performance: Door het gebruik van React en GraphQL wordt de checkout in realtime bijgewerkt zonder dat de volledige pagina hoeft te worden herladen. Dit resulteert in een soepele en snellere ervaring voor de klant.
3. Flexibiliteit: De checkout-oplossing is compatibel met Magento 2.3.4 en hoger, waardoor de webshop eenvoudig kan worden bijgewerkt naar nieuwe versies van Magento zonder verlies van functionaliteit.

4. Tailwind CSS: Met Tailwind CSS konden we snel en efficiënt een consistent en modern design implementeren dat naadloos aansluit bij de rest van de webshop.

Voordelen en mogelijke nadelen

Hoewel de maatwerk React checkout veel voordelen biedt, zoals verhoogde flexibiliteit en verbeterde prestaties, zijn er ook enkele aandachtspunten:
- Onderhoud: De checkout vereist soms onderhoud, vooral wanneer externe partijen, zoals betalingsproviders, updates uitvoeren. Dit kan soms betekenen dat de React-code moet worden aangepast om compatibiliteit te waarborgen.

- React kennis: Voor de implementatie en het onderhoud van deze checkout is kennis van React noodzakelijk. Dit maakt het minder toegankelijk voor teams zonder deze expertise.

Alternatief: Hyvä Checkout

Terwijl wij bezig waren met het ontwikkelen van deze maatwerkoplossing, heeft Hyvä een nieuwe checkout-oplossing geïntroduceerd: Hyvä Checkout. Deze is gebaseerd op Laravel Livewire en richt zich meer op Magento developers met een back-end focus. Dit biedt een robuust en minder onderhoudsintensief alternatief voor de React-gebaseerde oplossing, met name voor teams die minder ervaring hebben met front-end frameworks zoals React.

Conclusie

De nieuwe Carnavalskleding.nl webshop, gebouwd op Magento 2 met het Hyvä-thema en een maatwerk React checkout, is een succesverhaal op het gebied van e-commerce innovatie. Door het toepassen van moderne technologieën en een gestroomlijnd design is de klanttevredenheid significant verbeterd. Voor bedrijven die op zoek zijn naar een vergelijkbare oplossing, biedt deze case study waardevolle inzichten, maar ook belangrijke overwegingen bij de keuze tussen een maatwerkoplossing en een meer gestandaardiseerde, maar robuuste optie zoals Hyvä Checkout.

Elgentos blijft zich inzetten voor het bieden van op maat gemaakte oplossingen die aansluiten bij de specifieke behoeften van onze klanten, waarbij we altijd oog houden voor de nieuwste ontwikkelingen en alternatieven in de markt.