De perfecte combinatie tussen clicks en bricks met 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.

header prominent | iO

Klant

Prominent

Uitdaging

Een naadloze online beleving

Oplossing

Een headless e-commerce platform

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

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.

beleving Prominent | iO

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.

Prominent afspraak | iO

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.

categorie | iO

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.

Relevante blogs

  • Online personalisation | iO

    Marketing

    Online personalisatie: boost je marketingresultaat!

    In juni vond het Emerce E-commerce Live! evenement plaats. Een dag waarin alles in teken stond van e-commerce. Tijdens paneldiscussies, casepresentaties en rondetafelsessies kwamen alle facetten, uitdagingen en nieuwste ontwikkelingen van e-commerce aan de orde. En iO was daar uiteraard bij! Onze CRO-consultant Sietske Vaessen van campus Amsterdam leidde een van de round table sessies. Wat doet Sietske en wat werd er aan haar tafel besproken?
  • iO Metaverse

    Technology

    iO gidst je door de metaverse

    NFTs, blockchain, Web3, metaverse: het is makkelijk om de weg kwijt te raken wanneer het gaat over de laatste technologische trends. Het lijkt alsof iedereen op de boot van de metaverse springt — en wie achterblijft, lijkt te verdrinken. Maar is dat wel zo? En hoe moeilijk is dat nu écht, iets doen in de metaverse? Gelukkig weten onze experts wel van aanpakken.
  • headless cms header

    Technology

    Met een headless CMS pak je de regie over je omnichannel customer experience

    Het aantal touchpoints en de bijbehorende klantverwachtingen groeien onverminderd door. De customer experience moet ongeacht het device of kanaal gemakkelijk en prettig verlopen, geheel volgens een omnichannelstrategie. De grote uitdaging hierbij is het afstemmen van je content over alle kanalen en het realiseren van personalisatie. Dat vraagt om flexibiliteit, innovatie en slagkracht – precies wat een headless CMS mogelijk maakt.