Patagonia

Een branded commerce ervaring

iStock 1314820096 scaled

Patagonia is een familiebedrijf gespecialiseerd in kleding en buitensportartikelen, verankerd in duurzaamheid. Als één van de meest vooraanstaande milieuvriendelijke businessmodellen hebben ze de weg vrijgemaakt voor anderen om hun werkwijze opnieuw te bekijken met duurzaamheid in het achterhoofd. Voor de Patagonia-vlaggenschip-ervaring kregen wij de opdracht om een design-oplossing te verwezenlijken die de enorme collectie aan producten en content eenvoudig en verhelderend tot leven zou brengen. Als een merk dat echt leeft volgens zijn waarden, was het essentieel dat de gebruikerservaring dat weerspiegelde; onze uitdaging was om een digitale shop-ervaring te creëren die het merkverhaal bij elk touchpoint vertelt.

Patagonia is welbekend met storytelling en heeft altijd een krachtige stem gehad. Onze aanpak was om deze stem naar een hoger plan te tillen en tot leven te brengen op een heldere, eenvoudige manier, terwijl we de balans raakten tussen cultuur, business, en het milieu. Een stem die consumenten vraagt om de impact van hun keuzes te overwegen, tot en met de kleding die ze dragen. Het vernieuwde e-commerce-platform fungeert als brand hub voor zowel activisme als content, dankzij een samenhangende digitale stijlgids, UX-principes, en een consistent verhaal. Het heeft nut én vertelt een verhaal, niet alleen door kleren te verkopen, maar door waarden te veranderen. 

Samenwerking

Dit project vroeg om een sterk collaboratief proces. Een proces dat een unieke agency/klant-partnerschap vereiste. We voegden snel het design-team van Patagonia samen met ons team in San Diego, en werkten nauw samen vanaf het concept tot de eindstreep. 

Ons team leidde de bredere gebruikerservaring terwijl we nauw overlegden met het in-house team bij Patagonia wanneer het ging om art direction, design-systemen, user-testing en scripting. Terwijl het project vorderde, kregen we ook de gelegenheid om het visuele en strategische redesign van Patagonia’s merk-initiatief The Footprint Chronicles eigen te maken.

Visual Light 159 2 scaled

Navigatie en informatie architectuur

Een nieuw navigatiesysteem houdt rekening met de gehele klantreis – van eerste interactie tot precies vinden waar je naar zocht. We transformeerden de navigatie-ervaring door content te organiseren op een heldere, logische manier, en door relevante verhalen te integreren wanneer dat kon. Dit geeft producten meer context én verwerkt de stem van het merk naadloos in de volledige klantreis.

De nieuwe navigatie heeft als prioriteit het grotere doel van het algemene design: product- en doelgerichte storytelling door een eenvoudige curation-strategie. Een omvangrijke collectie van culturele initiatieven zoals Patagonia Action Works en The Footprint Chronicles worden perfect tentoongesteld om ze makkelijk te kunnen ontdekken.

Productfilter

Om de eenvoud van ons ontwerp te bewaken, hadden we een krachtige filter nodig om een complexe productcatalogus te optimaliseren. Het eindresultaat was een floating, contextuele actie-knop die op iedere pagina het prominentst aanwezig is. Dit responsieve UX-patroon is ontworpen om toegankelijkheid en voortgang te bevorderen, en helpt gebruikers bij het browsen.

Productinformatie

Het was essentieel dat deze ervaring werd gepersonaliseerd en altijd relevant zou zijn voor de consument. Ons doel was om gebruikers uiteindelijk naar het beste product voor hun behoeften te leiden in één eenvoudige flow. Door in-line vragen-en-antwoorden en een productvergelijkingsoverlay konden we klanten helpen om het perfecte product te kiezen, zonder dat ze tussen productdetailpagina’s heen en weer hoefden te schakelen. Zo worden gebruikers direct door de sales-funnel geleid in een naadloze UX-flow.

Contentstrategie

De balans tussen zingeving en product kwam tot leven door de algemene contentstrategie van dit redesign. We begonnen met het maken van een centraal systeem dat niet alleen als shop-platform kon fungeren, maar ook als een merk-initiatief. Op die manier konden we de passie en het doel van Patagonia verweven in elk product-verhaal en consumenten betrekken bij het merk, ook als ze alleen maar wilden winkelen.

Mobile revenue is met meer dan 25% gestegen sinds de lancering van Patagonia

Visual Light 158 1 scaled

Designsysteem

De balans tussen zingeving en product was de drijfveer achter het gehele designsysteem. Focus en eenvoud waren de UX richtlijnen die ons in staat stelden om Patagonia te helpen met het vertellen van meeslepende verhalen. Emotioneel gevoel en rationeel begrip worden hierbij behouden. We wilden elk overschot wegnemen dat ons grotere doel van één, gecentraliseerde digitale ervaring niet ondersteunde.

Constante samenwerking tussen ons team en dat van Patagonia (zowel designers als developers) leidde tot een verfijnde digitale stijlgids, met een technische oplossing om hem te ondersteunen. Ieder element van het herontworpen systeem, van de homepage tot de navigatie, tot ons nieuwe product-filter-systeem, zat ingebakken in de stijlgids. Terwijl het project vorderde werd ons development-team opgenomen in het tech-team van Patagonia voor een naadloze ondersteuning bij het bouwen van The Footprint Chronicles en Patagonia.com. Van daaruit bouwden we een intuitief content-model binnen Salesforce Commerce Cloud, terwijl onze frontend-inspanningen een zeer interactieve site opleverden met perfect gerenderde motion om het verhaal van The Footprint Chronicle te vertellen.

Project overwegingen

Design op schaal

Responsieve code

Documentatie

etzel k 1375 cc WEB

The Footprint Chronicles – Wat begon als een samenwerkingsverband om de digitale winkel opnieuw uit te vinden werd al gauw een collaboratieve consulting-connectie. Ons team werd gevraagd om één van Patagonia’s door openheid gedreven merk-initiatieven, The Footprint Chronicles, nieuwe adem in te blazen. Dit verhaal over duurzaamheid moest op meer dan één plek verteld worden, dus ontwierpen we een systeem dat het ook in de shop-ervaring naar voren zou laten komen. Een informatieve kaart-structuur belicht belangrijke details van de koolstofvoetafdruk van een product om de consument voor te lichten en het merkdoel, perspectief en conversie aan te drijven.

Footprint Overview3 scaled

Geoptimaliseerd voor mobile

We richten ons er altijd op om een net zo meeslepende ervaring op te zetten voor álle beeldschermformaten, maar in onze samenwerking met Patagonia stelden we de prioriteit om ons design-systeem naadloos in te zetten op verschillende mobile devices. Hierdoor werd de ervaring bijzonder mobile-friendly, aangezien veel consumenten vanaf hun smartphone zouden shoppen en met de content om zouden gaan. Van elk Footprint Chronicle-verhaal tot elke productdetailpagina: het volledige systeem schakelt naadloos tussen mobile en desktop.

Een immersief verhaal

Ons doel met The Footprint Chronicles was om eerst empathie met klanten op te bouwen, en dan op actie aan te sturen. Onze contentstrategie en componenten-design stelden ons in staat om uitgebreide, dynamische verhalen te vertellen door middel van interactieve content die gebruikers helpt om te verkennen en te leren. De flexibiliteit van het ontwerp laat ons niet alleen consumenten voorlichten over de merkmissie, maar zorgt ook voor daadwerkelijke verandering. 

Doelgerichte shoppers

Door op zachte wijze het winkelende publiek in te lichten over hoe producten gemaakt worden en wat voor impact dat heeft op de planeet, geven we ze de kans om even stil te staan bij hun gewoontes. Zo veranderen we productzoekers in doelgerichte shoppers, terwijl we betekenisvolle productverhalen vertellen.

Beleef de website

1x

Webby awards – Fashion & Beauty 2021

1x

Webby Award – People’s Voice Winner 2021

Vragen?

Kristin Cronin

Head of Marketing US

Kristin Cronin

Beats by Dre

Een nieuw thuis voor Beats by Dre

Beats Retail Web Design Case Study Hero Image Desktop scaled

Het audiomerk Beats by Dre is een icoon in de wereld van popcultuur met een focus op muziek en sport. Het merk werd op de kaart gebracht door de twee legendarische oprichters Dr. Dre en Jimmy lovine. Na een overname door Apple benaderde Beats ons voor hulp om het merk in een andere richting te sturen met een nieuw digitaal flagship dat gericht is op het opbouwen van het merk en het verbeteren van conversie en click-through rates. 

De nieuwe .com focust zich op het idee van meebewegen met de snelheid van cultuur en fungeert als een kanaal waar merkinspiratie, productinformatie en de Beats-community samenkomen. Storytelling is van groot belang voor het product en komt tot leven door diepgaande informatie en culturele context. Redactionele content, merkcampagnes en productverhalen zijn met elkaar verbonden op een manier die het publiek aanmoedigt om zich volledig te storten in de activiteiten waar ze van houden.

Experience design

Het doel van de digitale ervaring was tweeledig: de emotie van het merk naar voren brengen en tegelijkertijd de productvoordelen benadrukken. Naast een standaard e-commerce platform, hielpen we een bestemming te bouwen voor alles wat met Beats te maken heeft.

Met een doelgroep variërend van 16 tot 24 jaar oud, is de e-commerce-ervaring ontworpen voor interactie. De navigatiestructuur is aanpasbaar voor mobiel, tablet en desktop, zodat we gebruikers ongeacht gedrag of type apparaat van dienst kunnen zijn. Door de op onderzoek gebaseerde aanpak werkt, ziet en voelt de ervaring als een app.

Een digital-first designtaal en contentstrategie

De nieuwe creatieve richting is kenmerkend voor Beats: mooi, gedurfd en gestroomlijnd. Het designsysteem omarmt minimalisme en is modulair opgebouwd om consistentie te creëren en flexibiliteit te verbeteren. Productpagina’s belichten unieke verhalen en kenmerken door middel van lifestyle fotografie en video, waardoor sterke art direction standaarden worden neergezet.

Een content hub om het merk te verkennen

Door social media zijn relevantie en betrokkenheid essentiële onderdelen van de gebruikerservaring geworden. Op basis van populaire kanalen als Instagram, Pinterest en Snapchat is er een centrale locatie voor originele Beats-content waar gebruikers tijdens het browsen in en uit kunnen springen.

De content tagt relevante producten om overweging en verlangen te stimuleren.

Door de op onderzoek gebaseerde aanpak werkt, ziet en voelt de ervaring als een app.

Visual Dark 20 1 scaled

Een interactieve styling voor naadloze updates

We werkten samen met de digitale, merk-, marketing- en technologieteams van Beats om een systeem van site-onderdelen op te zetten. Eentje die gemakkelijk te gebruiken is en flexibel genoeg voor nieuwe campagnes, trends en product updates.

Onze digital experience manager stelt elke regio in staat zijn eigen front-end te bouwen. Dit terwijl de stijlgids interne teams instrueert hoe ze site-onderdelen en code moeten gebruiken en integreren om tijdig verhalen te vertellen. Om consistentie te creëren en de doorlooptijd te verkorten, hebben we een interactieve stijlgids gemaakt die ontwerpoverwegingen en -standaarden schetst naast codefragmenten. Zo helpen we engineering teams om de digitale platforms gemakkelijk te integreren.

Voortbouwend op de stijlgids ontwierpen we een aangepaste pagebuilder en prototyping systeem dat de verschillende afdelingen bij Beats in staat stelt samen te werken en werkwijzen te testen. De tool voegt site-brede componenten samen en stelt het klantenteam in staat om eenvoudig verschillende ervaringspatronen toe te voegen en te verwijderen. Ze kunnen ook lay-outs opslaan en functionele code exporteren voor deployment op Adobe Experience Manager.

Technologische oplossingen

Om hun bedrijf te laten groeien en zich aan te passen aan het veranderende culturele landschap, moeten merken vertrouwen op technische innovatie. Zo had Beats ook een platform nodig dat schaalbaar, efficiënt en wrijvingsloos was.

Om een langetermijnvisie uit te voeren, had het Beats-team de beste tools voor contentcreatie en een modulair systeem van componenten nodig. Adobe Experience Manager biedt media- en contentbeheer op bedrijfsniveau, waardoor het klantenteam zich kan concentreren op de berichtgeving en de user journey in plaats van op schaalbaarheid.

Visual Light 138

Beleef de website

Visual Light 125 2 1 scaled

1x

Webby Award – Site of the year 2017

1x

Webby Award – Mobile Best Practices 2019

Vragen?

Danijel Bonacic 1

Strategy Director

Danijel Bonacic

GANNI

Een indrukwekkende digitale showroom creëren in zes weken

Ganni SS20 MJJ 3405

Vier keer per jaar reisde het Scandinavische cultmerk GANNI naar Parijs, Londen en New York voor sales afspraken. De nieuwe Pre Spring 21-collectie zou in mei 2020 worden verkocht. COVID-19 verstoorde echter de plannen van het GANNI waardoor ze razendsnel een nieuwe manier moesten bedenken om in contact te blijven met B2B inkopers en de nieuwe collectie te presenteren. Samen met MOON agency vroeg GANNI hulp aan Dept voor het creëren van een unieke en pakkende digitale showroomervaring. Het resultaat? Een retro microsite die een Windows 98-desktop nabootst met een gepersonaliseerde afspeellijst, een interactieve catalogus die zowel video- als stilstaande elementen combineert, campagnebeelden, privé mappen en aankleedpoppen. Opgezet in slechts zes weken.

De interactie tussen GANNI en de inkopers veranderen

Van gestreepte truien tot T-shirts met bananen- en kersenprint; het Scandinavische streetstyle-merk GANNI heeft indruk gemaakt in de mode-industrie en is uitgegroeid tot een designerlabel dat gedragen wordt door elke relevante Instagrammer. In een wereld waarin de mensen thuisblijven, moest het merk opnieuw uitvinden hoe het verbonden kon blijven met zijn B2B-kopers en een digitale aanpak omarmen. Dankzij onze eerdere samenwerking waarbij ons team van experts de website van het merk in zes weken opnieuw ontwierp, vroeg GANNI ons opnieuw om te helpen. Samen met Moon ontwikkelden we een interactieve catalogus en een digitale showroom voor de groothandel inkopers.


We creëerden een unieke en immersieve digitale showroomervaring

De computer van GANNI’s creative director transformeren naar een showroom

Hoewel het doel was om de nieuwste collectie van het merk aan hun B2B-kopers te presenteren, wilden we nog een stap verder gaan en een indrukwekkende ervaring creëren. Een ervaring met speelse elementen die de brandpersonality van GANNI laat zien en de gebruiker aan het lachen maakt. Samen met GANNI en MOON kwamen we op het idee om Ditte’s (GANNI’s Creative Director) desktop om te vormen tot een immersieve digitale showroomervaring.

De kern van deze showroomervaring was de interactieve catalogus waarmee kopers een 360-gradenoverzicht van elke stijl konden bekijken. Via pop-ups werden foto’s en video’s getoond die in- en uitzoomden om de pasvorm en de textuur van het geselecteerde kledingstuk te demonstreren. Om het navigatieproces eenvoudig en intuïtief te houden konden bezoekers de pijlen op hun toetsenbord gebruiken om door de verschillende productaanbiedingen te bladeren. Met escape konden ze alle vensters sluiten. Hierdoor konden bezoekers eenvoudig en op een verrassende manier door de verschillende producten van het merk navigeren.

GAN WINDOW DRESS UP short2 1

De showroom nog een stap verder brengen

In de catalogusmap vonden bezoekers de nieuwste stijlen, stylingsuggesties en behind-the-scenes beelden van de fotoshoot. De desktop van Ditte bevatte ook een virtuele paskamerfunctie die gebruikers ertoe aanzette een foto van zichzelf te maken en verkleedpartijen te spelen met kenmerkende stijlen uit de collectie. Gebruikers konden hun creaties opslaan en downloaden. Hierdoor werd klanten de mogelijkheid geboden om ieder item vanuit het comfort van hun eigen huis naar wens te bekijken en stylen.

De stemming bepalen

Ten slotte voegden we een paar kleine maar leuke digitale tweaks toe om de stemming te bepalen voor klanten over de hele wereld. Van een muziekspeler die rustige en upbeat muziek afspeelde tot een map die de hampsterdance GIF en het lied opende als een knipoog naar de ‘90s. Ook vonden bezoekers een privé-map met een persoonlijke brief van Ditte waarin de collectie van dit jaar werd voorgesteld met afbeeldingen die de totstandkoming van de collectie lieten zien. Deze elementen zijn door het team toegevoegd zodat het bezoek aan de site als een echte beleving werd ervaren, in plaats van alleen een zakelijke handeling.

Een microsite maken met Netlify en Contentful

Ons team van experts had zes weken de tijd om een ​​digitale showroom voor GANNI te bouwen en te coderen. Gezien dit krappe tijdsbestek kozen we ervoor om het eenvoudig aanpasbare Netlify CMS te gebruiken dat een snelle en flexibele ontwikkeling mogelijk maakte via een gebruiksvriendelijke interface. Hierdoor rolden we het project snel uit en konden GANNI-medewerkers er direct mee aan de slag. Daarnaast gebruikten we Contentful voor hosting van de media. Dit stelde ons in staat om in korte tijd een ​​kleinschalige en zelfstandige applicatie te ontwikkelen met een goede basis.

GAN SWITCHING

Bouwen aan de toekomst van de groothandel

In zes weken tijd bouwden we samen met GANNI en MOON een digitale showroom die 600 kopers in staat stelde een persoonlijkere kant van het modemerk te ontdekken, de nieuwste collectie te bekijken en items te bewaren die ze wilden kopen. 

Nicolaj Reffstrup, oprichter van GANNI: “Toen COVID-19 toesloeg realiseerden we ons dat we onze benadering van B2B-verkoop radicaal moesten herzien. We moesten ervoor zorgen dat het project 100% on-brand, digitaal geconcentreerd en volledig immersief was met toegevoegde waarde voor onze partners. We wilden de digitale ervaring combineren met speelse en fysieke elementen, zoals een handgemaakt wijnglas of een notitieboek met stofstalen waardoor de beleving ook tastbaar werd. Het resultaat was een volledig op maat gemaakt digitaal platform met een interessant merkverhaal en content die uit meerdere lagen bestond. We waren in staat om een ​​hoog serviceniveau te bieden aan onze groothandel partners en met Ditte’s desktop iets te creëren dat super persoonlijk aanvoelde.”

We zijn echter nog maar net begonnen. We werken momenteel aan het verbeteren van het oorspronkelijke concept door e-commerce functionaliteit toe te voegen en nieuwe speelse elementen in te bouwen. GANNI maakt zijn merk toekomstbestendig door al zijn klanten op een digitale manier te bedienen.

Vragen?

Jonas Therkildsen

Managing Director

Jonas Roland Therkildsen

GANT

Een global e-commerce transformatie

3 1

In vijf maanden live met een gloednieuw e-commerce systeem en een nieuw design. Deze uitdaging ging Dept maar al te graag aan voor internationaal fashion label GANT. We zijn pragmatisch te werk gegaan: eerst de webshop zo snel mogelijk live, om vervolgens aan de slag te gaan met een – nog altijd ongoing – uitgebreid redesign traject en de ontwikkeling van een nieuwe rollout. Het resultaat is een future-proof webshop die perfect past bij het eigentijdse karakter van GANT.

Gant

Blijf nieuwsgierig

GANT wordt gedreven door het principe ‘Never Stop Learning’. Sinds de oprichting in 1949 vormt deze overtuiging de basis van het succesvolle kledingmerk. Nieuwsgierig zijn, blijven leren en openstaan voor nieuwe ideeën en overtuigingen; dat is waar het volgens hen om gaat. Dit komt dan ook tot uiting in de mode en bijbehorende campagnes, waarin inclusiviteit centraal staat.

Hoewel GANT al een sterk online merk is, wilden zij zich verder ontwikkelen op digitaal vlak. Tot dan toe maakten zij gebruik van diverse softwaresystemen en bovendien sloot de webshop nog niet volledig aan op hun identiteit. In de huidige tijdsgeest is een sterke online presence bovendien belangrijker dan ooit: vanwege de lockdown moesten de fysieke winkels maandenlang de deuren sluiten en zijn retailers volledig op online verkoop aangewezen. Kortom: het was tijd om nog meer op te vallen door de webshop in een nieuw design te steken en future-proof te worden door één softwaresysteem te gebruiken.




Visual Light 33 scaled

Onze aanpak

Klaar voor de toekomst met salesforce commerce cloud

Deze webshop is – letterlijk – van alle markten thuis

Een wereldwijde, digitale strategie

Visual Light 45 scaled

Beleef de website

Vragen?

Danijel Bonacic 1

Strategy Director

Danijel Bonacic

Lyst

Discover your fashion DNA

iStock 1171026448 1 scaled


Lyst
is one of the most celebrated breakthrough stories in fashion retail. Established in 2010 from a small shed in London. Lyst emerged to become the largest global fashion search platform, bringing together 5 million products from 12,000 of the world’s leading brands and retailers, all in one place. Lyst continues to innovate e-commerce with a curated customer experience and partnered with a Dept to conceptualise their latest campaign. Fulled by data and brought forward with award-winning creativity, an interactive quiz encouraging users to ‘Discover your Fashion DNA’ was launched.

Question One Transition 1

Using data to fuel creativity

Dept took a strategic, data-led approach towards developing the campaign concept. The structure and narrative of the quiz were cleverly designed to compel users, prevent drop-offs and encourage social sharing. 

Using relatable, scenario-led questions in a quiz format, Lyst was able to effectively gather lifestyle-oriented data to generate a better understanding of its users, based on their preferences. As this information was gathered, it was directly linked into

Lyst’s existing database of website analytics, paths to purchase, onsite user journeys, and favourited products or categories. Adding this new data and filtering results into categories enables Lyst to formulate well-rounded user personas to frame future marketing campaigns with highly personalised touchpoints.

Visual Light 97 1 scaled


Enhancing UX with micro-interactions

Experience at the forefront

Micro-interactions

Interactive UI

Simplistic design principles

Visual Light 98 1 1 scaled

Innovative technical workarounds

Dept worked in collaboration with the client throughout the project in an agile way; being reactive to budget and timing changes, as well as iteratively releasing demos and digital modules as they were being developed. With this partnership, creative assets were produced in-line with Lyst’s tone of voice, and points of sign-off were streamlined, allowing the team to continuously progress. 

It was important for a  timely launch of the campaign, which required a technical workaround to maintain the original creative concept. It would have been best practise to build each animation in code however, time constraints meant that we  used an alternative method involving video that worked just as well. 

Upon completing a question, a video is triggered to play for the duration of the timing gap leading into the next page. On mobile, videos were swapped for GIFs. The end result was a seamless transition, demonstrating how Dept’s dynamic teams of design, motion and code experts can release digital products, to brief, when the pressure is high and time is of the essence.

Visual Light 101 2 scaled

1x

AWWW Honourable Award

1x

AWWW Site of The Day

The results

Dept created a highly engaging campaign for Lyst that recognises the differences between countries and people, celebrating the individuality of nations and people alike.

The quiz indulges users in an interactive experience that eventually gives them insight into how their lifestyle preferences position them on a global scale; a fair value exchange for Lyst to gather user data. 

Launched in March 2020, The ‘Discover Your Fashion DNA’ campaign was translated in 8 languages. There are over 200 possible clothing items that are displayed on the results page and many, many more found within the quiz.

Questions?

Jake Welsh

Executive Creative Director

Jake Welsh

Bijenkorf

Terug in de tijd

De Bijenkorf

De Bijenkorf is niet meer uit het Nederlandse straatbeeld weg te denken. Al 150 jaar lang zijn de winkels met het herkenbare hexagon-patroon een geliefde plek om te shoppen voor velen. Tijd om dat te vieren en de warenhuisketen met focus op luxe in het zonnetje te zetten, want hun geschiedenis is net zo rijk als hun aanbod. Om hun jubileum in stijl te vieren kwam de Bijenkorf bij Dept, en samen hebben we een online experience opgezet die de Bijenkorf eer aan doet. En dat alles in vier weken, van concept naar livegang.

Hoe vat je anderhalve eeuw samen?

De Bijenkorf werd in 1870 opgericht in Amsterdam door Simon Philip Goudsmit. Wat begon als een bescheiden fourniturenzaak is inmiddels een luxe warenhuisketen geworden die in zeven grote steden te vinden is – en online, natuurlijk. Bijna iedereen heeft inmiddels wel een beeld van én mooie herinneringen aan de Bijenkorf. Dit waren tenslotte de eerste warenhuizen van Nederland die zich richtten op het luxe segment. De panden zijn dan ook herkenbaar, en een bezienswaardigheid op zichzelf.

In 2020 bestaat de Bijenkorf 150 jaar: een mooi moment om stil te staan bij de geschiedenis. Want tussen 1870 en 2020 is er nogal wat veranderd, en niet alleen voor de Bijenkorf zelf. Als onderdeel van de campagne worden in de winkels zelf etalages in thema aangekleed en displays geplaatst. Bij het online gedeelte van de campagne vroeg de Bijenkorf Dept om te helpen om een bijzondere digitale ervaring te creëren.

Visual Light 93 6 scaled

Zo brachten we het verleden tot leven.

Een schat aan materiaal

Om 150 jaar Bijenkorf in kaart te brengen ontwierpen we een tijdlijn: een reis door de geschiedenis waar we stilstaan bij alle hoogtepunten van de Bijenkorf. Vanaf de oprichting kun je zien hoe het bedrijf transformeert – de wederopbouw na de Tweede Wereldoorlog, de groeiende kunstcollectie, de eerste Drie Dwaze Dagen in 1984 en de laatste in 2015, de tijd van de Chillout, en zo verder.

Deze gebeurtenissen worden weergegeven in tekst én met hulp van audiovisuele bronnen. Iedere generatie heeft weer andere herinneringen aan de Bijenkorf, en die zijn allemaal terug te vinden in de tijdlijn.

Visual Light 54 1 scaled

Features

Een geïllustreerde tijdlijn

Levendige animaties en statische content

Een exclusieve collectie, online uitgelicht

Vragen?

Franklin Schamhart

UX Design & Research Lead

Franklin Schamhart

Fragrance Direct

Commercie verbeteringen om het internationale potentieel te maximaliseren

iStock 1262451395 scaled

Fragrance Direct is een digitale retailer voor parfum en make-up, met meer dan 14.000 producten van 600 grote merken, designermerken en populaire favorieten. De enorme collectie is beïnvloed door de nieuwste winkeltrends en innovaties, met internationale namen als HUGO BOSS, Calvin Klein, Armani, Yves Saint Laurent en Marc Jacobs.

De digitale markt, die in 1993 in het VK werd gelanceerd, liep voorop. Fragrance Direct streefde ernaar om zijn merkaanbod te laten evolueren naast de eisen van de consument, om zijn bedrijf voorop te houden in een steeds concurrerendere omgeving. Met als doel meer persoonlijke service te bieden en een hogere klantretentie te bereiken, wendde Fragrance Direct zich tot Dept om zijn Salesforce Commerce Cloud-platform te optimaliseren.

Multisite oplossing

Fragrance Direct wilde zijn internationale potentieel maximaliseren. Er waren al sites voor het VK, Europa en de VS, maar deze waren niet gelokaliseerd. Het lanceren van landspecifieke websites op basis van transcreatie maakte deel uit van de digitale strategie van de make-up merchandiser om zijn klanten beter te betrekken.

Dept heeft zijn bestaande Salesforce Commerce Cloud-platform geoptimaliseerd om een ​​multi-tenant cloud-oplossing te creëren met een centraal onderhouden, schaalbare en betrouwbare infrastructuur met een single code base. Het is ontworpen voor groei en maakt het proces van het uitrollen en onderhouden van websites eenvoudig en efficiënt. Dept heeft een aparte website gemaakt voor Zweden, Denemarken en Frankrijk; elk met landspecifieke inhoud, campagnes en betalingsopties. Samen met de vertaalintegratie van Lingo24 werd de Franse website vertaald naar de moedertaal.

iStock 855115074 scaled

De e-commerce ervaringen moderniseren

Gepersonaliseerd winkelen

Fragrance Direct heeft een breed scala aan schoonheidsproducten om te voldoen aan de gevarieerde behoeften van de consument: het aanvullen van producten, experimenteren met nieuwe labels en het geven van luxe cadeaus. We wilden het winkelen voor producten gemakkelijker en leuker maken voor alle soorten klanten. Het antwoord op de vraag hoe de winkelervaring kan worden gestroomlijnd, was personalisatie. Tegelijkertijd zorgt personalisatie er ook voor dat het leuk is om meer te ontdekken en te communiceren met klanten.

Een duidelijke sitemap, beeldgestuurde productvermeldingen en contenthubs vormden een geweldige basis om de mogelijkheden binnen Salesforce Commerce Cloud uit te breiden met aangepaste functies. Hier valt ook een abonnementsservice onder waarmee consumenten hun favoriete producten automatisch kunnen aanvullen en een chatbot die klaar staat om vragen te beantwoorden tijdens de customer journey..

De Fragrance Finder-tool maakt het heel eenvoudig om de perfecte kenmerkende geur te selecteren, terwijl klanten kunnen kiezen voor cadeaupapier om online cadeautjes van Fragrance Direct te verzenden en de unboxing-ervaring te verbeteren. Persoonlijke inscriptie geeft een extra speciaal tintje wanneer het wordt toegevoegd aan een flesje parfum of aftershave. Dept werkte samen met Fragrance Direct om deze services in elk land te implementeren en te lokaliseren, zodat bestellingen bij haar handelspartners worden afgeleverd en waardoor een consistente kwaliteitsservice wordt geleverd.

Fragrance2

Innoverende betalingsmethoden

Fragrance Direct erkende dat betalingsmethoden aan het veranderen waren en de impact die het had op de jongere doelgroep. Met de enorme koopkracht van millennials en generatie Z werden deze consumenten beschouwd als de belangrijkste doelgroepen. In een poging om zich aan te passen aan de nieuwe verwachtingen van de consument, werkte Fragrance Direct samen met Dept om een ​​verscheidenheid aan betaalmethoden te implementeren die aantrekkelijk zijn voor alle soorten klanten, waaronder:

Klarna om nu te winkelen en later te betalen.

Klarna rekent geen rente of kosten voor haar standaard betalingsopties en blijkt populair bij online shoppers, waardoor consumenten de mogelijkheid hebben om het te proberen voordat ze het definitief kopen. We hebben de functie ‘Betaal later in 30 dagen’ toegevoegd aan Fragrance Direct en, na positieve resultaten, lanceerden we de optie ‘Betaal later in 3 termijnen’ van Klarna strategisch vóór de kerstpiek.

ApplePay voor de opkomst van mobile commerce.

Consumenten kiezen hun apparaten steeds vaker om niet alleen onderweg door producten te bladeren, maar ook om aankopen te doen. ApplePay voegt een laag gemak en beveiliging toe. Nu consumenten hun kaartgegevens steeds vaker opslaan in hun mobiele portemonnee, worden ze gewend om aankopen te doen via elektronica (ook al is het alleen via iTunes of de App Store). Ze hoeven geen kaarten te pakken of hun bezorggegevens in te voeren om de aankoop te doen, maar scannen gewoon hun gezicht of vingerafdruk of voeren de toegangscode in, waardoor het afrekenen een gemakkelijke, naadloze ervaring wordt.

4.5%

Conversieratio

7.2%

Increase in average order value

Resultaten

Door Fragrance Direct te optimaliseren met zijn bestaande Salesforce Comment Cloud-platform, heeft de retailer zijn benadering van online verkopen kunnen moderniseren, nieuwe klanten weten te bereiken en loyaliteit kunnen opbouwen. Zonder de noodzaak om opnieuw een platform op te bouwen, kon het bedrijf aanzienlijke kosten besparen en nieuwe mogelijkheden binnen de robuuste oplossing ontketenen. Met integraties van derden introduceerde Fragrance Direct nieuwe manieren voor zijn klanten om producten te kopen. Binnen drie maanden na de implementatie van Klarna’s ‘Betaal later in 30 dagen’-functie, registreerde Fragrance Direct een stijging van 4,5% in de conversieratio en een stijging van 7,2% in de gemiddelde bestelwaarde in vergelijking met drie maanden eerder zonder Klarna.

Geloofwaardigheid en reputatie van winkeliers spelen een grote rol bij het doen van online aankopen, vooral als het gaat om kwaliteitsmerken en luxeartikelen. Bij het ontwerp van de website hebben we overal officiële merkfoto’s in hoge resolutie gebruikt. We hebben ook Google reviews binnengehaald, wat een positieve feedback van 95% laat zien op basis van 65.850 eerdere aankopen. Op dezelfde manier krijgen individuele producten met Bazaarvoice beoordelingen en opmerkingen, wat extra vertrouwen in de authenticiteit van de website wekt.

De samenwerking van Dept met Fragrance Direct is nog in volle gang. We bieden website-onderhoud om ervoor te zorgen dat de site optimaal presteert en dat er nieuwe productlijnen worden gelanceerd. We ondersteunen de groei van het bedrijf door nieuwe gelokaliseerde websites uit te rollen, evenals seizoens- en marketingcampagnes om persona van doelgroepen aan te spreken op basis van koopgedrag en geografische trends. Naarmate de commercie blijft evolueren, zal Fragrance Direct zijn leidende reputatie behouden door zich aan te passen aan innovatief gebruik van technologie.

Vragen?

Danijel Bonacic 1

Strategy Director

Danijel Bonacic

Dayrize

De basis leggen voor the next big marketplace

dayrize 1

De Britse marketplace Dayrize wil op grote schaal bewustzijn creëren voor duurzame alternatieven. Om dat succesvol te doen, heeft Dayrize webverkeer nodig dat betaalbaar, kwalitatief en bovendien schaalbaar is. Daarvoor realiseerde Dept in slechts enkele dagen een flexibele, datagedreven websitestructuur door de creatieve inzet van data en machine learning.

Goed voor shoppers, goed voor het milieu

Om klimaatverandering tegen te gaan, ziet Dayrize de manier waarop we winkelen als een laagdrempelige eerste stap voor alle consumenten, niet alleen consumenten die nu al bewuste kopers zijn. Dayrize is een marketplace voor duurzame producten met het doel om iedereen te laten consumeren binnen duurzame grenzen. Gemakkelijk, toegankelijk en bewust. Het marktpotentieel voor Dayrize is dan ook gigantisch, bijna overweldigend.

Om een marketplace op te zetten met (uiteindelijk) honderdduizenden producten, moet je uiteraard kwalitatief verkeer genereren. Dayrize overwoog de markt top-down “kopen” met een zware afhankelijkheid van betaalde kanalen, en tegelijkertijd de “owned & earned” kanalen opbouwen. Deze strategie versnelt een bedrijf wel, maar zou miljoenen euro’s per maand aan budget vragen en is bovendien erg gevoelig voor een “bubble”-effect.

Daarom adviseerde Dept als strategie: bouw een hele brede contentbasis op je site, herinvesteer elke verdiende euro in het uitbreiden van deze fundering en zet betaalde kanalen alleen in als extra accelerator, zonder er afhankelijk van te worden.

dayrize 2

De business potentie van zoekwoorden volautomatisch bepalen

De business potentie bepaalt de prioriteit van producten en categorieën op de marketplace. Enerzijds zijn er de productgroepen waar veelvuldig naar wordt gezocht, anderzijds gaat het om de productgroepen met hoge marges en voldoende aanbod. Daarmee bepaal je welke productgroepen een prominentere plek binnen de websitestructuur krijgen, zodat potentiële klanten een ideale klantreis afleggen.

Om inzicht te krijgen in potentiële zoekvolumes vroegen we eerst onze partner Google om hulp. Zij deelden inzichten over trends en het zoekgedrag en van consumenten rondom sustainability topics in combinatie met de categorieën waar we ons op focusten. Hiermee kregen we een helder beeld op de zoekintentie: werd er expliciet gezocht rondom sustainability of werd er juist impliciet gezocht waarmee bepaald gedrag werd vertoond? Vooral dat laatste bleek het geval.

Weloverwogen keuzes kunnen maken over marge en traffic

Met de SEMrush Related Keywords API haalden we zoekwoorden en aanverwante zoektermen op om te bepalen welke attributen relevant zijn vanuit het zoekgedrag. Deze groepeerden we vervolgens in een zelfontwikkeld zoekwoordclustermodel bestaande uit Google’s BERT algoritme en een eigen machine learning algoritme. BERT toetste zoekwoorden op 512 punten en gaf hieraan een semantische score om gerelateerde zoektermen te groeperen. Als mens clusteren op deze 512 punten is nagenoeg onmogelijk, maar een clusteringsalgoritme vindt clusters van zoekwoorden zonder problemen.

Vanwege de omvang zaten daar ook veel niet-relevante zoektermen tussen, welke we met ons eigen algoritme groepeerden. Daardoor konden we zoektermen die buiten de clusters vielen gemakkelijk filteren, zodat we ons op de relevante clusters konden richten. Bovendien werden clusters automatisch benoemd met het juiste onderwerp, zodat de strekking van elk cluster direct duidelijk is voor iedereen.

De gevonden clusters en zoekvolumes vormen vervolgens de fundering van de websitestructuur. Het opzetten daarvan neemt normaliter veel maanden in beslag, omdat je zowel het denk- als doewerk volledig handmatig uitvoert. Nu kon Dayrize al na enkele dagen hoofdcategorieën, subcategorieën, landingspagina’s en zelfs filteropties bepalen op basis van de business potentie van maar liefst 200.000 zoekwoorden.

Automatisering vervangt het doewerk, maar niet het denkwerk. Dayrize krijgt on-demand een spreadsheet waarin hoofdcategorie, subcategorie, clusters, het aantal zoekwoorden per cluster en de zoekvolumes worden gerapporteerd. Daarmee kunnen wij samen met de stakeholders van Dayrize weloverwogen keuzes maken over de informatiearchitectuur, website interactie-elementen en de meest interessante producten en productgroepen.

Commerciële inzichten op schaal

Door nieuwe technologieën toe te passen en samen te brengen maakten we een handmatig proces ongekend schaalbaar. Dat dient niet alleen de vindbaarheid en gebruiksvriendelijkheid, maar creëert ook commerciële inzichten voor de inkopers: naar welke producten zoekt de doelgroep precies en zijn dus interessant om in te kopen?

Een zoekwoordonderzoek op deze schaal en met deze nauwkeurigheid was onmogelijk geweest zonder automatisering. We haalden 38 miljoen datapunten (zoekwoorden en zoekvolumes) op en verwerkte deze met Google’s BERT-algoritme aangevuld met ons eigen algoritme. Daarmee bespaarden we Dayrize ongeveer 90% van het uitvoerende werk (op deze schaal zo’n € 180.000 aan urenvergoeding) in slechts enkele dagen. Het resultaat is een flexibele, datagedreven websitestructuur die de basis vormt van “the next big marketplace”, eentje gericht op een duurzame toekomst.

Vragen?

Kevin Veenman

Strategist

Kevin Veenman

Ivy & Oak

Strategie koppelen aan stijl

IVY & OAK is een van Europa’s snelstgroeiende modemerken en richt zijn ontwerpen op vrouwen die kwaliteit, eenvoud, duurzaamheid en stijl waarderen. Als online-first merk met datagedreven oprichters, wisten ze hoe belangrijk het was om vroegtijdig betrouwbare web tracking te gebruiken.

Ivy & Oak krijgt meer controle over de online marketinginspanningen

Kanalen met elkaar combineren

Bij Dept zijn we begonnen IVY & OAK te ondersteunen met het bijhouden van hun websites. Vervolgens zijn we overgegaan tot het bouwen van een selfservice BI-infrastructuur. Dit hebben we gedaan door in de eerste plaats een moderne ETL-tool (Fivetran) te implementeren, die hun data automatisch in hun magazijn (PostgreSQL) laadt. Hierdoor kan IVY & OAK voor het eerst al hun data op één plaats centraliseren. Bovendien creëert dit een betrouwbare informatiebron voor alle werknemers die verder zeer weinig onderhoud vereist. Het aangepaste datamodel dat voor het bedrijf is gebouwd, stelt hen in staat om de effecten van hun verschillende marketinginspanningen te evalueren en ze eenvoudig in kaart te brengen met behulp van de handige dashboardtool (Tableau). De dashboardtool maakt het makkelijker dan ooit om inzichten te krijgen en, nog belangrijker, om die inzichten om te zetten in actie(s). Dit was erg belangrijk om zo het team in staat te stellen het marketingbudget snel te optimaliseren.

De kracht van overzicht

Ons team hielp IVY & OAK om een ​​nog meer datagestuurde benadering te kiezen voor hun dagelijkse marketingactiviteiten. Nu kunnen ze elk individueel kanaal analyseren en optimaliseren, ook op holistische wijze gedurende de hele customer journey, met behulp van een aantal van de beste tools van Analytics en Business Intelligence. Bovendien zal vanaf nu alle data automatisch geïmporteerd worden vanuit alle marketingkanalen en teamspecifieke KPI-dashboards zullen hieraan worden aangepast. Ten slotte hebben we prominente medewerkers getraind die vervolgens anderen binnen hun teams hebben getraind in het gebruik van deze tools. Hierdoor kon het modemerk volledig zelfvoorzienend zijn nadat het project was voltooid.

Vragen?

christian lubasch e1627477027843

Managing Director

Christian Lubasch

Adidas

Een digitaal, responsive webdesign

iStock 1210783873 min scaled

Voor de lancering van de nieuwe adidas voetbalschoenen, die tijdens het Europees kampioenschap 2016 werden gedragen, presenteerde adidas een campagne waarin prijzen te winnen vielen. Dept werkte samen met adidas om dit project tot een succes te maken. Dept was verantwoordelijk voor de uitvoering van de site op alle gebieden – van het ontwerp en de front-end uitvoering tot de databaselink en de integratie van social media-functies. Naast de concept creatie van de campagne, ontwikkelde Dept een microsite met een prijstrekking. Op deze manier werden de twee nieuwe modellen X / ACE 15+ Primeknit in de nieuwe Black & White Edition in de spotlight gezet.

Ontwikkeling van microsite en campagne

De target groep voor de campagne waren actieve (hobby) voetballers. Om deel te nemen moesten zij zich via een link registreren met e-mailadres en geboortedatum. Vervolgens hadden ze de keuze uit een type speler, op basis van hun speeltechnieken, positie en persoonlijkheid. Daarna kon er uit twee modellen gekozen worden: ACE 15+ Primeknit “Control everything – Rule the game” voor de traditionele voetballer of X 15+ Primeknit “Cause chaos – Destroy order” voor de onstuimige scorer.

Visual Light 109 scaled

In de race voor de nieuwste voetbalschoenen

Visual Light 110 scaled

Responsive webdesign

De deelnemer kon op social media zijn ervaring delen met zijn nieuwe vrienden en hun voetbalteam. Alles met slechts één klik. Daardoor spoorden ze ook anderen aan om mee te spelen. Natuurlijk bevatte de campagnesite een volledig responsive webdesign, waardoor gebruikers eenvoudig konden deelnemen via allerlei soorten schermen.

Voor de grootste wedstrijd van het seizoen werden in totaal 18 paar nieuwe X 15.1- en ACE 15.1-modellen weggegeven. Niet alleen won de deelnemer zelf een nieuw model, maar ook hun hele team.

Vragen?

Max Pinas

Strategist

Max Pinas

Blijf op de hoogte

Net zoals andere websites maken ook wij gebruik van cookies(en daarmee vergelijkbare technieken) om het bezoek van www.deptagency.com voor jou nog makkelijker en persoonlijker te maken. Hiermee kunnen wij en derde partijen advertenties aanpassen aan jouw interesses en kun je informatie delen via social media.