Hoe Page Designer het nieuwe Bugaboo mogelijk maakte

De behoeftes van de consument veranderen voortdurend en veel e-commerce platforms hebben moeite om deze snelle verandering bij te houden. En omdat Salesforce het voor bedrijven gemakkelijker wil maken om snel en efficiënt de lay-out van hun website aan te passen en de content bij te werken, bracht het Page Designer uit: een nieuwe functie binnen Commerce Cloud. Hiermee kunnen merken in slechts een paar klikken interessante content creëren.

Wat is page designer?

Binnen e-commerce is de concurrentie groot en de strijd om aandacht van de consument nog groter. Behoeftes veranderen snel en merken hebben moeite dit bij te houden. Salesforce maakt dit met Page Designer een stuk eenvoudiger door bedrijven in staat te stellen snel hun website aan te passen en content te uploaden. Dat zorgt ervoor dat aanpassingen ten behoeve van seizoenen of het inspelen op trends veel envoudiger is.


Page Designer is beschikbaar voor alle gebruikers van Commerce Cloud. Het is een low-code tool die perfect is voor webwinkels, omdat ze snel componenten op hun website op een visuele manier kunnen creëren en wijzigen. Dit betekent dat merken nu in een handomdraai nieuwe consumentenervaringen kunnen maken.

Hoe kunnen merken gebruik maken van page designer?

Begin met een leeg canvas en sleep er verschillende componenten naartoe, zoals seizoensartikelen of banners. Deze haal je uit een grote verzameling componenten. Dat maakt het leven van content redacteuren die Page Designer voor het eerst gebruiken een stuk eenvoudiger, omdat ze het snel onder de knie hebben. Daarnaast is het ook mogelijk om op maat gemaakte componenten te bouwen en te importeren met behulp van andere tools dan Page Designer.


De preview modus biedt vervolgens de mogelijkheid om te checken of alle componenten in de juiste volgorde staan; ook als je nog niet klaar bent om direct te publiceren, want Salesforce laat je inplannen wanneer je een component online wilt zetten. Daarbij kun je kiezen tussen datum, tijd, klantgroep en zogeheten locale opties – taal, regio etc. Ten slotte kun je elk component dat eerder gemaakt is, opslaan en op een ander moment weer gebruiken. Als je bijvoorbeeld vorig jaar een kerstcampagne hebt gemaakt, kun je de pagina gemakkelijk hergebruiken door deze bij te werken en opnieuw te plaatsen. Dit maakt het creëren en verbeteren van de website voor developers en content managers een stuk eenvoudiger.

Case study – Bugaboo

Bugaboo wilde de architectonische complexiteit van haar website verminderen. Dus toen we hen hielpen overstappen naar Salesforce Commerce Cloud (SFCC), heeft ons team Page Designer gebruikt om hun nieuwe website te maken. Deze tool is gebruiksvriendelijker en maakt het makkelijker om componenten te updaten en aan te passen. De nieuwe feature maakte het bouwen van een website eenvoudiger dankzij het visuele karakter en het snel verslepen van componenten. Het Bugaboo Content team kan precies in de gaten houden hoe een pagina eruit zou komen te zien, en kan op elk moment overschakelen naar andere view modes om er zeker van te zijn dat alle onderdelen correct worden weergegeven op verschillende apparaten zoals mobile en desktop. Dit maakt het ook eenvoudiger om samen te werken met de klant, omdat nieuwe en gewijzigde componenten direct zichtbaar zijn in preview modus.

Bugaboo componenten

De kracht van Page Designer is dat componenten hergebruikt kunnen worden in meerdere lay-outs. Voor Bugaboo zijn specifieke lay-outs gemaakt, variërend van een rij met één tot vier kolommen, carrousel, FAQ en grid lay-outs. Deze lay-outs zijn ideaal voor componenten zoals slide, video, highlight, product tile, etc. Omdat niet alle componenten passend zijn in alle lay-outs, kun je met Page Designer de componenten per layout beperken waar nodig.


Voor elk component hebben we een specifieke set attributen gedefinieerd, zodat contentmanagers items als titels, afbeeldingen, kleuren en koppen zelf kunnen invullen en positioneren. Hierdoor ontstaat er een enorme variatie in de look en feel van een item. Dit soort variatie maakt Page Designer een zeer flexibel hulpmiddel om mee te werken.

Transactie pagina’s

Page Designer is ontworpen om gebruikt te worden voor merkgeoriënteerde pagina’s, zoals een homepage, story pagina’s of campagne landingspagina’s. Bugaboo moest een rijke gebruikerservaring creëren, niet alleen op content gerichte pagina’s, maar ook op transactiepagina’s zoals Category Landing en Product Detail Pages. Een goed voorbeeld hiervan is de Bugaboo Cameleon Product Detail Page. Deze pagina bevat basis product informatie zoals naam, productafbeeldingen, prijs en beschikbaarheid. De kracht van deze pagina ligt echter in de rijke content componenten zoals ‘Cameleon in actie’ (hieronder weergegeven) en ‘What’s in the Box’. Deze componenten maken deel uit van Page Designer maar worden op een afzonderlijke pagina buiten het programma weergegeven door aanpassingen in controllers en specifieke naamgevingsconventie. Ook kunnen we hierdoor gebruik maken van specifieke SEO rules, zoals url structuur en Page Meta Tags.

Vertalingen

In totaal hebben we met behulp van Page Designer 26 Salesforce Commerce Cloud sites voor Bugaboo gemaakt in 14 verschillende talen. Zo hebben de regionale merchandising teams van Bugaboo volledige flexibiliteit bij het lanceren van regio-specifieke campagnes of land-specifieke pagina’s (in hun desbetreffende talen). Met deze flexibiliteit kunnen de teams ook kiezen om bepaalde items in geselecteerde markten beschikbaar te stellen.


Net als de standaard content maakt Page Designer het mogelijk om pagina’s te lokaliseren en/of te vertalen. Om zeker te zijn van een professionele vertaling, is Bugaboo een samenwerking aangegaan met een extern bedrijf. Gezien het aantal pagina’s en versies dat naar het vertaalbureau werd gestuurd, was er een geïntegreerde oplossing nodig dat ervoor zorgde dat Page Designer vertalingen op een geautomatiseerde manier gedaan werden.

Sneller veranderen

Met Page Designer heeft Salesforce heeft een tool ontwikkeld die merken in staat stelt om pagina’s te designen, te bekijken, te plannen en te publiceren voor alle type apparaten. Door gebruik te maken van Page Designer kunnen marketeers pagina’s personaliseren voor verschillende type klanten en regio’s.


Dat betekent dat merken de content kunnen updaten en hun website in een handomdraai kunnen vernieuwen. De Bugaboo-case laat zien dat Page Designer ook buiten de traditionele contentpagina’s ingezet kan worden en een centrale rol heeft gespeeld bij het implementeren van een branded commerce ervaring op Salesforce Commerce Cloud.