
Blog
Hoe breng je clicks en bricks samen in een headless architectuur?
Online shoppen is inmiddels iets van alle generaties. Prominent speelt hierop in door naast de beleving in de fysieke winkels, ook online een beleving te creëren. En zo meer te zijn dan alleen een shop. We creëerden samen met Prominent een e-commerce platform met een naadloze user experience, die Prominent zelf op ieder moment kan aanpassen. En die mee kan bewegen met toekomstige marktontwikkelingen.
Een beleving van fysiek naar online en omgekeerd
Headless architectuur voor optimale ervaring
Strategische technologie keuzes
Hogere conversie
Zelfstandig en flexibele aanpassing van content
Het vinden van dé perfecte stoel of bank
’s Ochtends drink je er je eerste kopje koffie. En ’s avonds is het de plek waar je je ontspant. Jouw woonkamer. Met die ene fijne stoel of bank. Die qua stijl precies past bij je inrichting. Maar hoe zorg je er als bedrijf voor dat klanten ook online die ene perfecte stoel of bank kunnen vinden? Prominent kwam met deze vraag naar ons toe en wilde voor eindgebruikers online een beleving neerzetten. Eén die recht doet aan de ervaring in de fysieke winkels. En wanneer gewenst, ook in de winkel verder gaat.
Een naadloze online beleving. Vertrekkende vanuit een fysieke winkel naar een online aankoop en omgekeerd.
Een uiterst gedreven beleving met een hogere conversie tot gevolg. Een headless e-commerce platform. De juiste combinatie van software oplossingen.
Een naadloze online beleving
Het platform van Prominent moest dus een beleving op zich worden. Consumenten zouden alles online moeten kunnen vinden: mooi beeldmateriaal, duidelijke informatie en passend advies. En als zij graag offline verder zouden willen kijken, moet dit in een paar kliks geregeld zijn. Het gaat tenslotte om een kostbare aankoop, die een prominente plek heeft in huis en die de doelgroep niet snel online koopt. Wij onderzochten samen met Prominent met welke technologie we de ‘clicks en bricks’ naadloos in elkaar konden laten overlopen, om op die manier de hoogste conversie voor Prominent te realiseren.
Een headless architectuur
Dit bleek een headless architectuur te zijn. De vorige webshop van Prominent was op basis van Adobe Commerce gebouwd. Adobe Commerce is een e-commerce softwarepakket, waarbij er al meerdere services out-of-the-box beschikbaar zijn. Dit is een goede keuze als je hoofdfocus écht online verkoop is. Maar als het creëren van een online beleving, het neerzetten van een merk en fysieke winkels even belangrijk zijn, kan een headless architectuur beter aansluiten. Doordat in een headless architectuur de back-end (de content op het platform) losgekoppeld is van de front-end (het design van het platform) en alleen met elkaar verbonden zijn door API’s, is er een ruime keuzevrijheid in technologie. En kunnen daardoor de oplossingen worden gekozen die het beste aan de wensen van eindgebruikers voldoen.
De juiste combinatie van software oplossingen
Zo konden we in samenwerking met Prominent de systemen kiezen die e-commerce, een online beleving en het belang van de winkels zou combineren. Voor het e-commercegedeelte van het platform kozen we nog steeds voor het krachtige softwarepakket Adobe Commerce. Bijvoorbeeld voor het plaatsen en afhandelen van bestellingen. Of het doorvoeren van prijspromoties. En gebruikten we het Product Information Management (PIM) systeem Akeneo om productinformatie op het platform te tonen. Voor de beleving kozen we Storyblok, een headless CMS dat content zoals beeldmateriaal en teksten aantrekkelijk weergeeft. En maakten we een online afspraakformulier met behulp van Azure Functions, zodat consumenten bij interesse een afspraak in de winkel, of zelfs bij hun thuis, kunnen maken.
Snel, makkelijk en zelfstandig trends opvolgen
In de dynamische retail branche is het verder belangrijk om trends snel, makkelijk en zelfstandig op te kunnen volgen. Ook dit is een voordeel van de combinatie van verschillende back-end systemen. Zo kan Prominent alle content zelf toevoegen en aanpassen in Storyblok. En kunnen ze, bijvoorbeeld voor een nieuwe marketingcampagne, productdetailpagina’s en landing pages snel en zelfstandig samenstellen. Dit is mogelijk door een combinatie van Adobe Commerce en Algolia, een SaaS-oplossing voor search en het uitlezen van catalogussen, doordat Prominent zelf producten kan positioneren en sorteren.
Reageren op toekomstige marktontwikkelingen
Prominent is, net zoals de snel veranderende retail branche, altijd in beweging en wil daarom blijven optimaliseren. Dankzij de headless architectuur kunnen ontwikkelingen snel worden doorgevoerd. Denk bijvoorbeeld aan nieuwe functionaliteiten zoals online keuzehulpen, een product configurator of het personaliseren van productdetailpagina’s op basis van klantdata. Verder kan bijvoorbeeld relatief snel en makkelijk een app worden ontwikkeld of content op interactieve zuilen worden getoond. Omdat in een headless architectuur de front-end, in dit geval op basis van Next.js en React, is losgekoppeld van de back-end, kan eenvoudig worden ontsloten naar allerlei front-ends en toepassingen. Prominent kan met al deze mogelijkheden het samenspel tussen de fysieke winkels en het online platform nog meer versterken, om zo in de toekomst nóg beter in de steeds veranderende behoeften van de doelgroep te voorzien.
Gerelateerde cases
Blog
White paper
Case
Case
Case
Case
Pers
Case
Blog
Stack
Case
Case
Case
Wat we doen
Wat we doen
Case
Case
Case
Wat we doen
Blog
Stack
Case
Case
Blog
Blog
Blog
Case
Blog
White paper
White paper
Blog
Stack
Blog
Blog
Blog
White paper
Case
Blog
White paper
Case
Case
Case
Blog
Case
Case
Case
Case
Case
Blog
Video
Blog
Page
Page
Page
White paper
Blog
Case
Blog
Case
Case
Case
Case
White paper
Case
Case
Case
Case
Dossier
Case
Case
Case
Case
Case
Blog
Case
Case
Blog
Blog
Case
Webinar
Blog
Webinar
Case
Webinar
Blog
White paper
Blog
Case
Case
Blog
Blog
Blog
Sector
Wat we doen
Webinar
White paper
White paper
Case
Blog
Stack
Stack
Stack
Case
Case
White paper
Webinar
Blog
Blog
Blog
White paper
White paper
Blog
White paper
Case
Stack
Video
Video
Wat we doen
Blog
Case
Case
Case
Case
Case
Wat we doen
Case
Wat we doen
Dossier
Wat we doen
Webinar
Wat we doen
Case
Case
Case
Case
Case
Case
Blog
Case
Case
Case
Case
Case
Case
Case
Case
Wat we doen
White paper
Case
Case
Case
White paper
White paper
White paper
White paper
Pers
Pers
Pers
White paper
Video
Video
Video
Case
Pers
Blog
Blog
Blog
Case
Blog
Blog
Blog
Case
Case
Pers
Case
Case
Pers
Pers
White paper
Blog
Blog
Dossier
Blog
Pers
Case
Blog
Pers
Stack
Stack
Stack
Blog
Blog
Pers
Pers
Pers
Case
Blog
Webinar
Pers
Case
Pers
Webinar
Dossier
Dossier
White paper
Blog
White paper
White paper
Webinar
Blog
Blog
Pers
Pers
Pers
Pers
White paper
White paper
Blog
Blog
Pers
Pers
Dossier
Blog
Blog
Stack
Webinar
Blog
Blog
Webinar
Case
Blog
Webinar
White paper
Webinar
Blog
Dossier
Dossier
Blog
Webinar
Webinar
Blog
Event
Aarzel niet om ons te contacteren. We helpen je graag verder!