Verwen je klanten met een headless webshop Willemien Vos & Yannick Röling 30 juni 2022

Willemien Vos Manager Digital Marketing & E-commerce Yannick Röling CCO bij Experius – Happy Horizon

Wij zijn Happy Horizon Een groep van ruim 600 talenten op het gebied van digital. Samen hebben we één grote drijfveer: het leveren van aantoonbaar resultaat.

Onze vijf pijlers ● Online Marketing ● Development & Technology ● Strategy & Innovation ● Branding & Content ● Data & Automation

Onze ‘hubs’ ● Amsterdam ● Eindhoven ● Utrecht ● Tilburg ● Apeldoorn / Arnhem ● Den Haag

Programma - Wie is Deleukstetaartenshop - Doel van het platform - Uitdagingen - Magento Headless & PWA - Uiteindelijke keuzes - UX verbeteringen - De Beloning - Tips & Learnings - Vragen?

Deleukstetaartenshop – NewCakes BV - Dr. Oetker Van de bijkeuken (2003) naar bedrijfspand van 8500m2 (2021) Deleukstetaartenshop “Al 19 jaar dé taartspecialist!”

Doelen platform: - Klantbinding - Futureproof “We want people to come back, we want fans!”

Uitdagingen Consumentengedrag: Digitale super ‘verwende’ consument Toenemende concurrentie Snel ontwikkelende (web) technologie Magento 1 END of LIVE!

De Digitale Super Consument De consument van nu wil overal en op elk moment, maar vooral wanneer het haar uitkomt, een connectie met je aangaan via het kanaal dat zij kiezen. Dit vraagt om een vergaande customer first-focus “liever lui dan moe” Uitdagingen – Consumenten gedrag

Uitdaging – Toenemende concurrentie Supermarkten: snelle digitalisering (grote budgetten) Marketplaces: zowel in B2B als B2C Internationalisering: grenzen vervagen

Uitdaging - Magento 1 End of Life & Maatwerk ● Complex systeemlandschap ● Veel (legacy) modules ● Integreren binnen huidige Adobe Commerce omgeving of nieuw bouwen

Uitdaging - Snel ontwikkelende technologie ● Voornamelijk op front-end gebied is er veel beweging ● Nieuwe technologie heeft een grote learning curve ● Headless zorgt voor een andere aanpak ● Op de korte termijn meer ontwikkelwerk, minder hergebruik ● Veel extra testen krachtige mobile-first-aanpak noodzaak

Toelichting: PWA & Headless Headless (front-end) Een front-end welke apart van een applicatie draait en via API’s data ophaalt. PWA: Verzamelnaam voor een bundeling van moderne webtechnieken ● Webmanifest ● Gehost op een HTTPS domein ● Een “app Icoon” ● Een geregistreerde service worker Een website die zich kan gedragen als een app Anders dan een app, draait een PWA altijd in een browser

Toelichting: PWA & Headless

Uiteindelijke keuzes ● Adobe Commerce; nieuwe aparte omgeving ● Design: gericht op (mobiel) bestelgemak, update van de huisstijl, UX verbeteringen ● Front-end gebaseerd op React (PWA) ● SEOsnap.io voor de front-end rendering ● Keuze gemaakt om verschillende functionaliteiten niet mee te nemen

UX verbeteringen Duidelijke en vriendelijke blauwe bestelknoppen. Makkelijk producten toe te voegen vanuit categorie pagina Afbeeldingen kunnen OOK op mobiel vergroot worden

UX verbeteringen

UX verbeteringen Snel shoppen met categorie knoppen

UX verbeteringen Recepten

UX verbeteringen Overzichtelijke blog pagina, vol Tips, weetjes & winacties …..en…. heel veel SEO!

Gem. laadtijd van pagina (sec.) met 5,22% verbeterd • Gem. laadtijd nu 3 sec. Conversie% met 17,64% gestegen! DE BELONING

Beoordeling experts Beoordeling door het publiek DE BELONING

Tips & Learnings • Bouw je nieuwe webshop alsof het de eerste is. • SEO specialistische begeleiding bij migratie. • Data-analist voor GA/ GTM Meetplan • UX begeleiding • Blijf innoveren! • Blijf in nauw contact met je doelgroep, luister naar ze.

Verder praten? Kom naar ons Resultaatplein bij standnummer 83

VRAGEN?