Bugaboo

Grenzen verleggen

Een platform-migratie, een nieuw design, de implementatie van een gloednieuw contentmanagementsysteem, en dat alles in slechts vier maanden. Dit was de uitdaging die DEPT® aanging voor kinderwagen-innovator Bugaboo. Door intensieve samenwerking, slimme oplossingen, vergaande kennis van Salesforce Commerce Cloud (SFCC) en grensverleggende innovatie, is Bugaboo.com nu live. Een innovatieve webshop, klaar voor de toekomst. En hoe.

Vier maanden om een website te lanceren in 26 landen

Wereldwijde rollout

In juni startte DEPT® aan de migratie van Bugaboo’s webshop naar SFCC. De launch moest gepaard gaan met een global rollout in 26 landen om te verzekeren dat ieders kroost cool, comfortabel én gecustomized van A naar B vervoerd kan worden – waar dan ook ter wereld – met een website die geen minuut offline is.

De uitdagingen waren niet mals voor DEPT®. Om de korte time to market en migratie mogelijk te maken, zocht ons team een weg tussen de ambities van Bugaboo en die van de betrokken designers en developers, het implementeren van nieuwe Salesforce Commerce Cloud-technologie, en het halen van de harde deadline van Black Friday. Gelukkig maakte unieke features zoals het gloednieuwe Page Designer, Livewords en customization-tools het project een succes. En doordat Bugaboo een uniek product heeft wat configureerbaar is, was er ook maatwerk nodig. Zo hebben we een configurator ontwikkeld waarmee een kinderwagen zelf kan worden samengesteld door de klant.

De Aanpak

De eenvoud van page designer

Op basis van de Bugaboo-huisstijl, hebben we het design ingericht, de ux patterns toegepast, en maximaal gebruik gemaakt van de standaard-features van SFCC om zo kosten en doorlooptijd te besparen. Bij deze toepassingen binnen de migratie hoorde ook de implementatie van Page Designer: een nieuwe feature van SFCC die het voor marketingafdelingen eenvoudig maakt om contentpagina’s te creëren in een gebruiksvriendelijke omgeving. Het werkt als een canvas waarmee op basis van drag & drop elementen slim toegevoegd en gewijzigd kunnen worden. De toepassing van het nieuwe Page Designer is een unicum binnen e-commerce.

Development met DEPT® SFRA

Bij het bouwen van de Bugaboo-webshop, heeft DEPT® gebruik gemaakt van een inhouse-ontwikkeld framework; de DEPT® SFRA (Storefront Reference Architecture). Dit is een uitbreiding op de versie van Salesforce. DEPT® zet deze in voor klanten om meer snelheid te kunnen maken tijdens migratie en development.

Met de Dept-versie van dit framework is de code meer modulair opgezet en is de front-endcode aanzienlijk gemoderniseerd. Zo is de afhankelijkheid van JQuery en Bootstrap losgelaten waardoor de front-end set-up een stuk flexibeler, lichter en sneller is. Ook is de basis uitgebreid met nieuwe componenten en classes voor o.a. video, lightboxes en formulieren. Bovendien ondersteunt de DEPT® SFRA Service Workers, wat een cruciaal onderdeel is van Progressive Web Applications (PWA). Dit levert snellere websites op die ook offline te gebruiken gebruiken.