Als de strategische digitale partner van Nieuwkoop-Europe BV, een koploper in de markt van indoor-groenvoorziening, hebben wij geholpen met de bouw van een nieuw e-commerce platform voor B2B klanten wereldwijd. Het platform ondersteunt vier talen, bedient meer dan twintig landen en gebruikt de krachtige technologie van commercetools en Contentful.
Een e-commerce platform dat klaar is voor het onbekende
Nieuwkoop benaderde ons met een duidelijk idee voor hun digitale winkel. Ze wilden een compleet nieuw platform met een gelikt design. Oftewel: een B2C e-commerce ervaring in een B2B omgeving, want hierin zien zij veel groeipotentie.
En die potentie zagen wij ook. Voordat we aan de slag gingen, hebben we eerst uitgebreid gesproken over de technologische fundering van het project. We adviseerden Nieuwkoop om te kiezen voor een headless e-commerce platform. Dat vraagt in dit geval om een extra investering, maar de zwaardere fundering betaalt zichzelf zeker terug. Het platform is daardoor toekomstbestendig en er kunnen snel en eenvoudig nieuwe touchpoints aan worden toegevoegd.
Een platform volgens de MACH principes
Ondanks dat Nieuwkoop Europe zich in een traditionele sector bevindt, grepen zij vroeg de kans om de moderne MACH filosofie te omarmen:
Microservices: Er zijn vier aparte diensten (product, prijs, winkelwagen en mail) gebouwd voor Nieuwkoop met Node JS. Deze set-up biedt het potentieel om gemakkelijk nieuwe diensten toe te voegen in de toekomst.
API-first: Voor zowel de back-end als de front-end zijn er communicatie APIs opgezet om een flexibel landschap te creëren. Hiermee kun je maximaal gebruik maken van de kracht van het bestaande ERP en de bestaande functionaliteiten van commercetools en Contentful.
Cloud-native: De front-end en de microservices laag staan samen met Cloudflare in de Azure cloud. Dankzij deze cloud architectuur kan Nieuwkoop snel schalen.
Headless: Natuurlijk is deze hele opzet headless en maakt gebruik van software oplossingen met dezelfde architectuurprincipes. De custom front-end is gebouwd met Angular en een aparte CDN (o. a. vanwege beveiligingsdoeleinden). Dit geeft maximale flexibiliteit in de front-end zodat Nieuwkoop de producten kan aanbieden zoals zij dat willen.
De pragmatische aanpak van Incentro sprak ons al vanaf het eerste moment aan. Binnen no-time was er een team opgetuigd om voor ons aan de slag te gaan. Korte lijntjes, snelheid van werken en plezier in het werk!
Onze aanpak bij een architectuur-transitie
Door goed stil te staan bij de voorbereiding (eerst nadenken, dan doen) hebben we een solide basis voor succes gelegd tijdens de architectuur-transitie. We hebben de volgende stappen gevolgd:
Inception deck: Twee workshops om de visie en de (totale) omvang van het project goed te begrijpen.
Basecamp: Meerdere workshops om verschillende onderwerpen uit te werken (zoals de technische oplossing, design, architectuur, product & pricing, SEO).
Sprint 0: Een complete backlog (user story niveau) opmaken gebaseerd op de uitkomsten van de basecamp, inclusief een update van de verwachte investering.
Go/No Go: Starten van development.
Op deze manier hebben we de verwachtingen aan beide kanten duidelijk gekregen. En dit zorgde weer voor een vlotte start van het project!
Tijdens de uitvoering hebben we SCRUM gebruikt om werkzaamheden te plannen en uit te voeren; maar vanuit scope perspectief werkten we op een ouderwetse waterval manier. Na afronding van de ontwikkeling en acceptatie, hebben we een aparte “go-live”-week en nazorgperiode gepland waarin we enkele problemen uit de acceptatiefase hebben opgelost.
Het resultaat: een soepele UX-flow voor B2B-klanten
Het resultaat? B2B-klanten ervaren nu een soepele UX-flow met een B2C e-commerce look. En met de gerealiseerde oplossing overtroffen we ook nog eens de doelen van Nieuwkoop Europe.
We gingen van een oude product-inventarislijst naar een moderne digitale ervaring die bezoekers inspireert en cross-selling stimuleert. (Ka-ching!) Door het omarmen van een klantgerichte aanpak is de online verkoop een groot deel van het bedrijfsmodel geworden. Daarnaast steeg het omzetaandeel in e-commerce van 45% in 2018 tot maar liefst 70% in 2021.
Impact voor de gebruikers
De overgang van een desktop-gericht legacy-platform leverde veel voordelen op voor de dagelijkse gebruikers en voor Nieuwkoop Europe zelf. Waar ze eerst sterk leunden op interne verkoopmedewerkers om klanten te helpen bij hun reis door de website, gebruiken ze nu volop het geavanceerde zoeksysteem en een klantportaal. Hierdoor werden de telefoontjes naar de interne verkoopmedewerkers aanzienlijk minder.
Fijne UX zowel bij de front- als back-end
Kostenbesparingen worden niet alleen gedreven door de nieuwe best-in-class ervaring aan de voorkant, maar er zijn ook veel voordelen aan de andere kant dankzij het omarmen van MACH-principes. Het headless karakter van het platform maakt het gemakkelijk om nieuwe microservices toe te voegen, zoals nieuwe (externe) product configurators. Deze architectuur is een schoolvoorbeeld van een schaalbare en flexibele open architectuur.
Uiteindelijk hielp het omarmen van de MACH-filosofie ook hun klanten om hun zaken op een efficiëntere en effectievere manier te doen. Door over te stappen op een MACH-platform kunnen ze een positie van marktautoriteit claimen, inspiratie bieden en klanten een gemakkelijke toegang geven.
