Happy

Transcript

1. Verwen je klanten met een headless webshop Willemien Vos & Yannick Röling 30 juni 2022
2. Willemien Vos Manager Digital Marketing & E-commerce Yannick Röling CCO bij Experius – Happy Horizon
3. 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.
4. Onze vijf pijlers • Online Marketing • Development & Technology • Strategy & Innovation • Branding & Content • Data & Automation
5. Onze ‘hubs’ • Amsterdam • Eindhoven • Utrecht • Tilburg • Apeldoorn / Arnhem • Den Haag
6. Programma - Wie is Deleukstetaartenshop - Doel van het platform - Uitdagingen - Magento Headless & PWA - Uiteindelijke keuzes - UX verbeteringen - De Beloning - Tips & Learnings - Vragen?
7. Deleukstetaartenshop – NewCakes BV - Dr. Oetker Van de bijkeuken (2003) naar bedrijfspand van 8500m2 (2021) Deleukstetaartenshop “Al 19 jaar dé taartspecialist!”
8. Doelen platform: - Klantbinding - Futureproof “We want people to come back, we want fans!”
9. Uitdagingen Consumentengedrag: Digitale super ‘verwende’ consument Toenemende concurrentie Snel ontwikkelende (web) technologie Magento 1 END of LIVE!
10. 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
11. Uitdaging – Toenemende concurrentie Supermarkten: snelle digitalisering (grote budgetten) Marketplaces: zowel in B2B als B2C Internationalisering: grenzen vervagen
12. Uitdaging - Magento 1 End of Life & Maatwerk • Complex systeemlandschap • Veel (legacy) modules • Integreren binnen huidige Adobe Commerce omgeving of nieuw bouwen
13. 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
14. 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
15. Toelichting: PWA & Headless
16. 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
17. UX verbeteringen Duidelijke en vriendelijke blauwe bestelknoppen. Makkelijk producten toe te voegen vanuit categorie pagina Afbeeldingen kunnen OOK op mobiel vergroot worden
18. UX verbeteringen
19. UX verbeteringen Snel shoppen met categorie knoppen
20. UX verbeteringen Recepten
21. UX verbeteringen Overzichtelijke blog pagina, vol Tips, weetjes & winacties …..en…. heel veel SEO!
22. Gem. laadtijd van pagina (sec.) met 5,22% verbeterd • Gem. laadtijd nu 3 sec. Conversie% met 17,64% gestegen! DE BELONING
23. Beoordeling experts Beoordeling door het publiek DE BELONING
24. 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.
25. Verder praten? Kom naar ons Resultaatplein bij standnummer 83
26. VRAGEN?