Wilson

Een eeuwenoud sportmerk zijn plek helpen vinden in de culturele sector

Wilson heeft zichzelf, samen met DEPT®, opnieuw gepositioneerd  en heeft een proactieve, authentieke missie voor het merk en de business gecreëerd: ‘’Stel elk mens in staat om als een atleet te leven’’.

Vanuit deze visie willen we het merk nieuw leven in blazen en een digitale strategie ontwikkelen voor het lanceren van Wilson Sportkleding. Dit willen we doen van het concept tot aan de productie.

De noodzaak om ergens voor te staan

Wilson, het iconische sportmerk, is naar ons toe gekomen op een keerpunt. 

De organisatie heeft maar liefst een eeuw centraal gestaan op het gebied van sport wanneer het aankomt op het maken van producten zoals ballen, knuppels, rackets, clubs en handschoenen om atleten in hun sport te kunnen laten uitblinken. Terwijl de producten van Wilson bekend waren onder atleten wereldwijd, waren ze ondertussen bezig met de voorbereidingen voor het ontwikkelen van een kledinglijn en realiseerden ze zich dat het merk genoodzaakt was om iets groters te representeren.  

We begonnen het merk te deconstrueren middels een visuele audit. Daarnaast hebben we interviews afgenomen met werknemers en atleten om hun visie op het merk en de rol die sport speelt in hun levens beter te begrijpen.

Het werd overduidelijk dat diverse sport ertoe doet. Ze voegen betekenis toe aan onze levens. Het is leerzaam.

Hoe we omgaan met discipline. Hoe we samen moeten werken. Hoe we kunnen omgaan met verlies. En bovenal, dat wat van binnen zit groter is dan mogelijke obstakels in de toekomst.

Een 100 jaar oud merk vind je niet opnieuw uit. Je gaat opzoek naar de kern en geeft het de ruimte om te groeien.

Geen ‘primetime’ atleten.

Geen moordenede concurrentie. Niet winnen of verliezen.

Alleen atleten die gepassioneerd zijn over hun sport werden aan ons getoond. 

Wilson Case Study Brand Carousel 01

De ‘Atleet’ herdefiniëren

‘’Atleet’’ wordt beschouwd als een titel die alleen bestemd is voor een selectieve aantal mensen. Het woord associeert zich met een groot fysiek vermogen en grote bekendheid. Wanneer mensen denken aan een ‘’atleet’’, denken ze aan de atleten op televisie. Bloed, zweet en tranen. Terwijl ze heldhaftig de catacombe uitlopen met de overwinning in handen.

Onze marketing strategie voor het eerste jaar van Wilson sportkleding was om boven deze stereotyperingen uit te stijgen door de atletische levenslust die in ons allen verborgen zit te vertegenwoordigen zonder daar iets voor terug te verwachten.

Wilson branding

Verrassend levendige samenwerkingen tegen alle verwachtingen in

Design en productontwikkeling, in sync

De beschikbare tijd voor het werken aan dit imago heeft BASIC/DEPT® ontwerpers in staat gesteld om een nieuwe visuele taal voor het merk Wilson te verkennen en te verfijnen. Dit terwijl het interne team bij Wilson de collectie van de sportkleding verder ontwikkelden. Als gevolg hiervan konden we alles beïnvloeden,  van de verpakking tot de tags om het op te hangen en de branding op de collectie-items zelf.

Merkrichtlijnen

Wereldwijd een team in staat stellen om duurzaam te creëren. We hebben een geheel nieuw marketing boek ontwikkeld dat een ontwerpsysteem bevat en de fotografierichtlijnen en bedrijfscultuur beschrijft. 

Lancering sociale media

Een vertrouwd format voor verdere communicatie. Het eerste jaar hebben we voorgesteld om tweewekelijkse ‘drops’ te doen. Deze constructie heeft zich bewezen en gaf Wilson een manier om een reeks verhalen te schrijven over een product gebaseerd op culturele momenten en samenwerkingen.

Op afstand content produceren

De beperkingen van de pandemie hebben ons niet tegen gehouden. We waren in staat om op een verantwoorde manier meerdaagse shoots te plannen en te produceren in LA om zowel de lanceringsfase en maandenlange drops te verwezenlijken.

Questions?

VP of Growth

Asher Wren

About You

HYPEWEAR by ABOUT YOU – de eerste webshop voor digitale mode

ABOUT YOU is een van de snelstgroeiende e-commercebedrijven. De toonaangevende online moderetailer stimuleert innovatieve projecten en ziet zichzelf als een pionier in de industrie als het gaat om digitale mode. ABOUT YOU benaderde DEPT® met het idee om een ​​webwinkel voor digitale mode te openen. Het doel: digitale modeartikelen toegankelijk maken voor het grote publiek. DEPT® ondersteunde end-to-end, van advies tot en met implementatie.

Virtuele mode – onbeperkte mogelijkheden

Eerst werd het merk HYPEWEAR opgezet en de customer interface ontworpen, beide in nauwe samenwerking met ABOUT YOU. DEPT® heeft vervolgens de HYPEWEAR digitale modewinkel geconceptualiseerd en ontwikkeld met zijn eigen Algomart-oplossing. Als laatste stap heeft DEPT® een teaservideo gemaakt voor de spraakmakende lancering van HYPEWEAR.

Naast de reguliere verkoop van mode, wil ABOUT YOU de virtuele modewereld veroveren en klanten een grote verscheidenheid aan outfits aanbieden. Virtuele mode stelt de makers in staat om stukken te ontwerpen die in het echte leven niet draagbaar zijn of niet op deze manier zouden kunnen bestaan. Denk bijvoorbeeld aan een jas gemaakt van virtuele bloemen, een jurk van dansende tule-elementen of andere ongewone volumineuze details. Er zijn verschillende collecties verkrijgbaar in de HYPEWEAR shop; sommige zijn zeldzaam en beperkt in aantal, andere zijn in grotere aantallen beschikbaar. Klanten krijgen de mogelijkheid om zichzelf op een geheel nieuwe manier uit te drukken en digitaal te presenteren; dit is met name relevant voor Generatie Z vanwege het vloeiende begrip van hun identiteit.

Hypewear Visual Still 02 Desktop Komprimiert

It’s all ABOUT YOU

Met het nieuwe platform voor digitale mode zijn er geen fysieke grenzen aan de zelfexpressie van de klant. HYPEWEAR is een first mover met haar digitale modeaanbod en volgens het motto ‘from tech to human’ zijn de items niet alleen aan te schaffen voor fans van digitale mode, maar ook toegankelijk zonder enige cryptokennis. Dit maakt het platform een ​​van de pioniers in de markt.

Snelle first mover – eenvoudig en intuïtief

Het doel was om in de kortst mogelijke tijd een eerste MVP van de webshop live te zetten om HYPEWEAR te vestigen als de one-stop-shop voor digitale modeartikelen. De user journey moest zo eenvoudig en intuïtief mogelijk worden vormgegeven, ook voor ‘non-web3 natives’, om niemand uit te sluiten en ervoor te zorgen dat iedere gebruiker digitale modeartikelen kan kopen. Daarnaast moeten andere merken ook hun 3D-mode via HYPEWEAR kunnen verkopen om een ​​grote collectie van verschillende modestukken voor de doelgroep aan te bieden.

De metaverse heeft een nieuwe, fascinerende wereld geopend voor bedrijven en de mode-industrie die we bij ABOUT YOU willen vormgeven. Met HYPEWEAR willen we dé bestemming worden voor digitale mode en de mainstream garderobe van de metaverse. Hiervoor kunnen we rekenen op DEPT® als sterke partner in Web3 & Crypto.

Tarek Müller, mede-oprichter en co-CEO, ABOUT YOU

Hypewear Visual Still 01 Desktop Komprimiert

De oplossing

Een webwinkel voor digitale mode met de Algorand Blockchain als basis

De selectie van de juiste blockchain was een belangrijk onderdeel van het project. De focus was hoofdzakelijk om ervoor te zorgen dat het ecologisch duurzaam, snel was en lage verwerkingskosten had (d.w.z. vergoedingen voor mijnbouw en overdracht van de NFT’s). DEPT® en ABOUT YOU hebben Algorand geselecteerd. Deze blockchain heeft een minimale CO2-voetafdruk en maakt snelle transacties tussen marktplaats en klanten mogelijk.

Via het geïntegreerde CMS in de webshop kan ABOUT YOU zoveel digitale mode items aanmaken en uploaden als gewenst. De bijbehorende verwerkingskosten op Algorand zijn gering.

Dankzij de integratie van ‘custodial wallets’ wordt het aanmaken van de cryptowallet waarin de items zijn opgeslagen direct voor de klant afgehandeld in het registratieproces. Dit voorkomt een onderbreking in de customer journey, die gepaard zou gaan met het tijdsintensieve en ingewikkelde proces van het aanmaken van cryptowallets en de verbinding in de winkel. Zelfs onervaren gebruikers van Web3 kunnen nu hun digitale modestukken gemakkelijk ontvangen.

Naast het 3D-model van het betreffende digitale mode-item en de NFT, ontvangen klanten ook een bewerkte foto van zichzelf waarop het virtuele mode-item wordt afgebeeld. Ook deze stap past perfect in de gehele customer journey en is zo eenvoudig mogelijk gehouden. Klanten kunnen hun digitale fashion items eenvoudig beheren in hun profiel en de bewerkte foto’s gebruiken voor social media.

Binnen slechts een paar maanden hebben DEPT® en ABOUT YOU de eerste online winkel voor digitale mode opgezet. HYPEWEAR verlegt de grenzen van conventionele mode met driedimensionale modestukken. Het platform fungeert als een digitale mijlpaal op dit gebied en geeft de impuls voor veel meer toekomstgerichte, virtuele projecten.

Screenshot 2022 07 28 at 10 11 42

De metaverse zal de komende jaren steeds belangrijker worden. We zien hier grote potentie die we samen met de experts van DEPT® willen verkennen. We geloven sterk in een overgangsfase met augmented reality, waarbij je ‘fysieke zelf’ digitale mode presenteert op social media, waarmee de grenzen van de vorige modewereld doorbroken worden en een nog groter publiek bereikt wordt.

Marius Bingener, teamleider contentontwikkeling, ABOUT YOU

Bezoek de HYPEWEAR webshop

Questions?

Director Marketing & Business Development

Gesine Meitler

H&Mbeyond

Een unieke Web3-ervaring voor H&Mbeyond

H&Mbeyond is het innovatiecentrum van het bekende Zweedse modebedrijf H&M Group. Samen met startups en innovators draait het team projecten die gericht zijn op de toekomst. Na zijn toespraak op het Meta Festival 2021 van DEPT®, benaderde Oliver Lange, hoofd van H&Mbeyond, ons om het eerste Metaverse-project in zijn soort voor het merk H&M te creëren: de Virtual Showroom.

Eén centraal punt voor waardevolle connecties

Passend bij de huidige tijdgeest kwam H&Mbeyond met het idee om de fysieke showrooms van H&M uit te breiden met een digitale showroom. De digitale showroom moest de bestaande identiteit en waarden van het merk weerspiegelen, alleen dan virtueel in plaats van fysiek. Een ruimte zonder openingstijden, waar een breed scala aan doelgroepen zoals influencers en stylisten, klanten, medewerkers en de pers elkaar kunnen ontmoeten en meer te weten kunnen komen over H&M en haar collecties. De virtuele showroom moest dienen als centraal punt voor waardevolle connecties in een immersieve omgeving. Met gerichte rondleidingen door het H&M-showroomteam, bedoeld om het publiek te informeren over actuele trends en onderwerpen als duurzaamheid en nieuwe, innovatieve materialen.

Het aantal bezoekers, de landen van herkomst en de gemiddelde tijd die werd doorgebracht in de afzonderlijke ruimtes (die handig kunnen zijn voor toekomstige merkactivaties), werden gedefinieerd als KPI’s voor deze nieuwe showroom. KPI’s zoals doorklikpercentage van downloads en kwalitatieve feedback van showroombezoekers en mediabelanghebbenden volgen binnenkort.

HM Virtual Showroom Press Area

Collecties tot leven brengen

Hoe kunnen bezoekers kledingstukken ervaren als ze het niet kunnen aanraken of dragen? Welke meerwaarde biedt een digitale beleving aan bezoekers en klanten? Samen met onze partner Journee – The Metaverse Company™ hebben we mogelijke oplossingen voor deze vragen onderzocht om een ​​virtuele, op maat gemaakte wereld voor H&M te ontwikkelen. In de H&M Virtual Showroom wordt content over H&M’s innovatiethema’s en duurzaamheidsinspanningen gepresenteerd, naast ‘informatiezones’ die speciaal ontworpen zijn voor de pers of gebruikers die geïnteresseerd zijn in een gesprek.

De uitstraling van de showroom is gebaseerd op het DNA van het merk H&M, met speciaal ingerichte ruimtes voor de belangrijkste onderwerpen zoals de ‘Sustainability Garden’ (waar informatie over het innovatieve materiaal ‘AirCarbon’ wordt gedeeld), of de H&M Home ontmoetingsruimte voor influencers.

In de ‘Campaign Room’, toegankelijk met een persoonlijke inlog, wordt de nieuwe H&M Innovation Stories-campagne ‘Cherish Waste’ op een fascinerende nieuwe manier geïnterpreteerd. Hier geven creative director Ann-Sofie Johansson en concept designer Ella Soccorsi inzicht in het ontwerpproces van de collectie en de campagne, evenals de materialen die in de kleding worden gebruikt. De zes belangrijkste stukken van de collectie die de kamer domineren als gedetailleerde, oversized 3D-graphics vormen het hoogtepunt van de kamer. De vloeiende bewegingen en levendige kleuren van de graphics brengen de stukken echt tot leven. Speciale collecties zoals deze lenen zich goed voor het creëren van zulke ruimtes, die veel mogelijkheden bieden voor merkactivatie en daarnaast een unieke toegevoegde waarde vormen voor de bezoekers en het H&M-showroomteam.

HM Virtual Showroom Hero Image 3

Van visie naar (virtuele) realisatie

Alle bovengenoemde componenten hebben we samen met Journee en in nauwe samenwerking met H&M ontwikkeld. De visie van de showroom groeide stap voor stap; onze strategen ontwikkelden het concept en de ontwerpers brainstormden, schetsten en ontwierpen creatieve moodboards op basis van de creatieve richting van de campagne en het DNA van H&M.

Met behulp van de inzichten die H&M had van haar gebruikers, hebben we in een vroeg stadium de user flows voor de influencers, stylisten en journalisten ontworpen. Dit zorgde voor een heldere richtlijn in het creatieve proces. Na het aanscherpen van de ontwerpideeën gingen we verder met het optimaliseren van het concept en de inhoud totdat alles (virtueel) door Journee kon worden geïmplementeerd met Unreal.


De eerste testrondleidingen in de virtuele showroom in combinatie met de positieve feedback en ideeën van H&M-stakeholders, hielpen ons om de laatste puntjes op de i te zetten van de H&M Web3-ervaring. Paden werden omgeleid, bomen verplaatst, afbeeldingen verwisseld en beschrijvingen toegevoegd.

HM Virtual Showroom Campaign Area 2

Een meeslepende gebruikerservaring

De drie avatarontwerpen vertegenwoordigen een belangrijke boodschap: de behoefte aan meer diversiteit en inclusie in de modewereld. Met de avatars kunnen gebruikers zich vrij bewegen in de Virtual Showroom, daarom hebben we extra aandacht besteed aan begeleiding van de gebruikers, intuïtieve oriëntatie en een logische indeling in de kamers. Ook onervaren gebruikers kunnen met behulp van verschillende hulpmiddelen en uitleg door de showroom navigeren en zo spelenderwijs alles ontdekken. Dankzij de aparte kamers en verschillende ruimtes in de H&M Virtual Showroom kunnen gebruikers het merk en de bijbehorende collecties verkennen en ervaren, maar ze kunnen ook direct naar hun gewenste bestemming teleporteren.

HM Virtual Showroom Campaign Garment 6

Resultaten

Een onderzoek onder Gen Z-bezoekers van de Virtual Showroom heeft zeer positieve feedback opgeleverd:

  • 69% van de respondenten zei dat de showroom hun interesse in een virtuele H&M-merkervaring had gewekt.
  • Bovendien is 80% van de respondenten al geïnteresseerd in deelname aan een virtuele H&M merkervaring als H&M Hello lid.
  • Tot slot beoordeelde 85% van de ondervraagde bezoekers de virtuele showroomervaring als zeer positief.

Opmerkelijke persecho

“Previous digital press meetings were nothing compared to this experience. Amazing space and visual execution, i.e. 3D moving garments in campaign room.” GLAMOUR

“Congrats to the space. In love especially with the visuals.” VOGUE

“Super cool to experience such an entirely new and imaginary environment. Love the photo booth to share.” FASHION UNITED

Binnen slechts 12 weken creëerden we met het team van DEPT® en JOURNEE een unieke metaverse ervaring, die niet alleen positieve feedback van de doelgroep en een opmerkelijke persecho opleverde. Het project is ook de aanzet tot verdere innovatieprojecten binnen de H&M-groep. Ik kijk uit naar verdere samenwerking met het team en ben benieuwd hoe we Web3 in de toekomst samen vorm gaan geven.

Oliver Lange, Head of H&Mbeyond.

Wat wordt de volgende stap?

Dankzij de intensieve samenwerking en een een iteratief werkproces, werden de vereisten van H&Mbeyond en hun manier om innovatie aan te vliegen optimaal begrepen en geïmplementeerd. Naast het presenteren van collecties, zal de Virtual Showroom in de toekomst waarschijnlijk ook gebruikt gaan worden voor het hosten van evenementen zoals lanceringen, vergaderingen en concerten voor een groter publiek.

“H&M’s Virtual Showroom is ontworpen om plaats te bieden aan merkactivaties zoals modecampagnes. Ze worden op een geheel nieuwe en enerverende manier tot leven gebracht, waarbij innovatie, digitalisering en duurzaamheid worden gecombineerd. Ik ben ontzettend trots om te zien dat collega’s uit verschillende landen en afdelingen hart en ziel hebben gegeven voor dit project. We kunnen niet wachten om de potentie van de virtuele showroom te verkennen in de regio Centraal-Europa en daarbuiten”, zegt Thorsten Mindermann, regiomanager H&M Central Europe.

Questions?

Director Marketing & Business Development

Gesine Meitler

Ralph Lauren

Van premium merk naar premium cadeau ervaring

Ralph Lauren Red scaled

Het luxueuze modemerk Ralph Lauren werd opgericht in 1967 en is een van de wereldleiders als het gaat om premium lifestyle producten zoals kleding, accessoires en woninginrichting. De afgelopen jaren heeft Ralph Lauren hun merk versterkt dankzij een groeiend aantal producten, verkoopkanalen en internationale markten. Nu moet ook de cadeau-ervaring eraan geloven.

Voor de feestdagen van 2021 en daarna daagde Ralph Lauren BYTE/DEPT® uit om een manier te vinden om hun bestaande cadeau-ervaring binnen de digitale ruimte te verheffen. 

Ralph Lauren Gift Chatbot 1 1

De uitdaging: de reis naar het perfecte cadeau een extra impuls geven

Het doel was om potentiële klanten een meer meeslepende en gepersonaliseerde methode te bieden om het perfecte cadeau uit te zoeken. Dit deed Ralph Lauren door persoonlijke interesses te matchen aan producten in de webshop. Het merk wilde de reis naar het perfecte cadeau een extra impuls geven en tegelijkertijd de band met de gebruiker persoonlijker maken. Deze aanpak maakt het zoeken van het perfecte cadeau zo leuker én makkelijker.

De oplossing: een chatbot voor cadeaus

Door datagestuurde inzichten uit eerdere chatbots voor geschenken te combineren met innovatieve functies van het Instagram-platform, bouwden we een van de eerste branded Instagram-chatbots voor Ralph Lauren.

We hebben de conversatiestructuur geoptimaliseerd op basis van gegevens uit de Messenger- en WhatsApp-cadeaubots die we eerder hebben gemaakt om de gebruikerservaring te optimaliseren. We weten hoe de klanten zich gedragen en wat ze leuk vinden bij het winkelen voor cadeaus, en hebben dat op Instagram naar een hoger niveau getild.

Een persoonlijk presentje

De conversatie neemt gebruikers mee op een gepersonaliseerde reis naar het perfecte cadeau – zo trekken we de fysieke winkelervaring door naar online.

  • Vertel ons voor wie je gaat winkelen en wat hun stijl is
  • Combineer hun stijl met het perfecte cadeau dankzij op maat gemaakte smaakprofielen
  • Verfijn je zoekopdracht met dynamische filters (zoals prijs of bovenkleding) die je zoekgeschiedenis onthouden en de aanbevelingen daarop afstemmen 
  • NLP-functionaliteit die je naar specifieke productpagina’s leidt wanneer bepaalde trefwoorden worden getypt, bijv. ‘jeans’
  • Ontvang op maat gemaakte productaanbevelingen van een dynamische productfeed

We maakten gebruik van krachtige discovery-functies, zoals geautomatiseerde antwoorden op @mentions en DM’s om nieuwe conversaties kosteneffectief te stimuleren. We bouwden ook een reeks creatieve middelen die werden gekanaliseerd in Ralph Lauren’s betaalde campagnes om verkeer naar de bot te sturen.

Een van de eerste branded Instagram chatbots ter wereld

Ralph Lauren Gift Chatbot 2 1

Uitstekende resultaten

Onze gifting chatbot zag uitstekende resultaten in de eerste paar maanden.

Gemiddeld 12k maandelijkse gebruikers
In de periode 21 december – 22 maart vonden gemiddeld 12k gebruikers per maand hun weg naar de chatbot.

82% organisch verkeer
Meer dan 80% van de gebruikers komt organisch in contact met de bot, waardoor het zeer efficiënt is in vergelijking met betaalde mediacampagnes. Oftewel: waardevol verkeer zonder enige media uitgave. 

6 minuten gemiddelde tijd besteed aan de bot
Dit is 3x hoger dan de gemiddelde tijd besteed aan onze andere gifting bots, waaruit blijkt dat gebruikers goed betrokken zijn bij de bot ervaring.

2,7% doorklikratio naar website
Bijna 3% van de gebruikers die op de chatbot landen, bezoeken de website en tonen aankoopintentie.

0,4% gebruikt de klantenservice
Slechts 0,4% van de gebruikers moest worden doorverbonden met een medewerker van de klantenservice. Dit is een van de laagste percentages die we in de branche hebben gezien.

Nu de chatbot met succes is uitgerold in 4 markten (UK, IT, DE en FR) in 4 talen, kijken we naar verdere uitbreiding in meer wereldwijde Ralph Lauren markten voor 2022 en daarna.

Questions?

Lead Technology Planner at BYTE/DEPT®

Maria Temneanu

C&A

Het bouwen van een moderne winkelervaring voor C&A

CA Case Visual 01

Met meer dan 1.300 winkels en 25.000 medewerkers in 18 landen is C&A een van de toonaangevende modebedrijven in Europa. Dagelijks bezoeken meer dan 2 miljoen klanten de fysieke winkels of de webshop op zoek naar mode van hoge kwaliteit tegen lage prijzen. C&A richtte zich tot DEPT® om de technische architectuur te herzien en op te frissen in lijn met de uitgebreide rebranding.

CA Case Visual 02 2

Flexibiliteit en schaalbaarheid – sleutelfactoren in een digitale wereld

De samenwerking tussen C&A en DEPT® begon medio 2020. In eerste instantie kregen we de taak om de front-end van de vorige webwinkel te onderhouden en verder te ontwikkelen. Het monolithische e-commerce platform waarop het was gebouwd, beperkte helaas de digitale groei van de retailer. In de huidige digitale wereld waar gebruikersverwachtingen, trends, technologie en andere marktfactoren in hoog tempo veranderen, is een flexibel en schaalbaar systeem essentieel voor bedrijven die proactief willen handelen in plaats van reageren.

CA Case Visual 03 1

Van een monolithisch platform tot een headless microservice-architectuur

Voor een naadloze winkelervaring had C&A een digitaal platform nodig dat als centraal contactpunt fungeert en de customer journey via alle kanalen ondersteunt. De retailer had al een innovatief architectuur concept ontwikkeld en was van plan om over te stappen naar een headless microservice-architectuur met edge-hosted SPA-frontend. Samen met de interne teams van C&A, heeft DEPT®:

  • een agile productstrategie en roadmap ontwikkeld;
  • een productoverstijgend design systeem opgezet;
  • nieuwe front- en backend componenten ontwikkeld;
  • een nieuwe, moderne technische architectuur geïmplementeerd.

Productstrategie en roadmap

DEPT® werkte samen met het product- en UX-team van C&A om een middellange termijn productstrategie te ontwikkelen voor de nieuwe online winkel, die aansluit bij de digitale strategie van C&A en de overkoepelende bedrijfs- en merkstrategie.

We zijn gestart met het ontwikkelen van customer value propositions voor de doelgroepen van de webwinkel, gebaseerd op data. Vervolgens hebben we een ambitieuze Webshop Vision Statement 2024 uitgetekend als overkoepelend doel voor het productteam. Samen met C&A stelden we strategische mijlpalen en bijbehorende KPI’s vast. Zodoende werd het succes van de webshop continu gemeten en waren de belangrijkste resultaten op elk moment in te zien voor de belangrijkste stakeholders.

CA Case Visual 05
CA Case Visual 06 2

Samenwerking en proces

Vanaf begin af aan heeft DEPT® een brede samenwerking gestimuleerd door contact te zoeken met verschillende belanghebbenden bij C&A – van merk- en marketingteams tot IT- en onderzoeksafdelingen. Dit vormde een belangrijke basis voor het succes van het project, omdat hiermee een gemeenschappelijk overeenstemming ontstond over het vertalen van de merkdoelen en waardeproposities.
Door middel van gezamenlijke brainstorms en werksessies kwamen mogelijke oplossingen tot stand op basis van consumenteninzichten. De oplossingen werden getest met interactieve prototypen.
Om in de toekomst op routinebasis ideeën te blijven genereren voor bijvoorbeeld nieuwe functies en diensten binnen de webshop, werd de samenwerking tussen het user research team van C&A en de productmanagers geïntegreerd en geïntensiveerd – een nieuwe, gebundelde kracht die zorgt voor innovatie en een hogere gebruiksvriendelijkheid.

CA Case Visual 07

Architectuur en technologie

De door C&A bedachte technische oplossing werd samen met DEPT® verder uitgewerkt en geïmplementeerd met een ​​microservice-benadering. Deze schaalbare en flexibele infrastructuur zorgt voor optimale time-to-marketprestaties en maakt het mogelijk om gepersonaliseerde aanbiedingen, content en diensten aan de gebruikers te leveren. Tegelijkertijd kan de oplossing naadloos meegroeien met toekomstige eisen.

Vanwege de complexiteit van het project en volledige vernieuwing van de architectuur, is de ontwikkeling van de nieuwe webwinkel in verschillende fasen opgedeeld. Fase 1 omvatte enerzijds de herontwikkeling van de frontend van de shop, van de customer journey tot aan de winkelwagen, anderzijds de introductie van een nieuwe backend. Beide componenten worden “on the edge” gehost op een krachtige en schaalbare serverloze infrastructuur van Cloudflare. Het genereren en leveren van content aan gebruikers gebeurt via een wereldwijd CDN (Content Delivery Network), met duizenden knooppunten.

Een nieuw, modern headless CMS werd de centrale tool voor contentmanagement via meerdere kanalen, zoals de online winkel en de C&A-app. Omdat de draaiende motor achter de backend en commerce omgeving in fase 1 ongewijzigd bleef, werden in samenwerking met softwarebedrijf novomind interfaces naar het oude systeem gemaakt op basis van GraphQL. Dit zorgde voor een parallelle werking van oude en nieuwe technologie en voert bovendien doorlopende A/B-tests uit op 10% van de gebruikers. De koppeling van deze API’s en alle andere third party systemen zoals Reco-Engine, PIM, etc. vindt plaats via een nieuw ontwikkelde gateway, die de gegevens in geconsolideerde vorm aan de frontend levert; een moderne en hybride gerenderde (zowel op de server als in de browser) single-page applicatie op basis van ReactJS.

CA Case Visual 08 3

Product design, gebruikerservaring en content

Het hele customer journey tot aan het afrekenen is opnieuw ontworpen. Een uitgebreide set van content modules biedt ruimte voor inspirerende, frisse en moderne inhoud. Grote afbeeldingen en sterke portretten in combinatie met close-up beelden roepen emotie op, terwijl opvallende typografie de relevante inhoud voor de gebruiker laat zien.

De header is minimalistischer en duidelijker; er is een nieuw navigatieconcept voor zowel de mobiele en de desktopversie. De nieuwe productoverzichten zijn beter in balans, bieden een prettig overzicht en ondersteunen de gebruiker om een ​​weloverwogen aankoopbeslissing te maken.

Met intuïtieve labels en een focus op duurzaamheid worden de merkbelofte en een goede prijs-kwaliteitverhouding gecommuniceerd. Een gebruiksvriendelijke filter geeft klanten de belangrijkste opties direct binnen handbereik. De producten op de detailpagina hebben nu een nieuwe indeling, met een duidelijker koopvenster en geïntegreerd advies over de maat, waardoor de moderne look en feel van het nieuwe platform wordt benadrukt.

CA Case Visual 09

Het design systeem als bron van waarheid

Het nieuwe design systeem van C&A is helemaal vanaf nul opgebouwd en is een levend digitaal ecosysteem dat groeit en verandert in symbiose met de e-commerce-producten. Als de nieuwe ‘single source of truth’ voor een gemeenschappelijke digitale taal stelt het teams in staat om een ​​consistente gebruikerservaring te creëren. Dit verhoogt de efficiëntie en versterkt de samenwerking tussen verschillende functies, dat geldt ook voor externe partners. Ons product design team werkte nauw samen met de klant om heldere richtlijnen te definiëren, zoals de basisprincipes van de digitale doorvertaling van het merk en bijbehorende contentprincipes. De fundamenten specifiek voor deze webshop, componenten en user experience-patronen zijn allemaal voorzien van richtlijnen om de best mogelijke en meest consistente ervaring te bieden.

Samen met onze sterke partner DEPT®, hebben we een state-of-the-art webshop neergezet. Het nieuwe platform vervult de wensen van onze klanten, weerspiegelt de moderniteit van ons merk goed en vormt tevens de basis voor onze ambitieuze groeidoelstellingen.

Ulrike Otto, Head of Digital Experience, C&A

Questions?

Managing Director

Verena Sandbote

Polaroid

Een TikTok-campagne voor in de (foto)boeken

image

Tijd? Het vliegt voorbij. Daarom leggen we ons leven maar al te graag vast met foto’s. Zo kunnen we speciale en alledaagse momenten nog een keer herbeleven. Polaroid’s camera’s maken deze momenten in één flits weer tastbaar. Het iconische merk is zeer bekend onder mensen ouder dan 30 jaar, maar nog niet zo bekend onder de jongere generatie: Generatie Z. Een generatie die belevenissen juist vastlegt met hun smartphones. Dus hoe krijg je Polaroid bij deze groep onder de aandacht? Met dit vraagstuk gingen wij samen met Polaroid aan de slag. De samenwerking resulteerde in een succesvolle TikTok-campagne waarmee we ruim 9,4 miljoen gebruikers bereikten.

Polaroid Go:
Hoe bereik je
Generatie Z?

Polaroid’s doel is om mensen te helpen betekenisvolle momenten te zien, te pauzeren en te herbeleven. De unieke camera’s van Polaroid maken dit mogelijk. Voor het eerst in meer dan 20 jaar heeft Polaroid een compleet nieuw film- en camerasysteem ontwikkeld. Het nieuwe model is compacter, de kleinste analoge instant camera ooit ontworpen, en beter geschikt voor de levensstijl van Generatie Z: de Polaroid Go. Samen zijn we op zoek gegaan naar het antwoord op de vraag: hoe bereiken we Generatie Z met deze camera?

image 2 1

Onze aanpak

De stap naar TikTok

De creativiteit van TikTok influencers

Het gebruik van Spark Ads

image 1 2

Performance through the roof

De spot-on en platform specifieke content in combinatie met onze goed afgekaderde targeting hebben geresulteerd in een sterke performance van deze campagne. Naast het gigantische bereik, viel ons ook op dat doelgroep erg geïnteresseerd was in de content van de campagne. Met de waardevolle inzichten die we met deze campagne hebben opgedaan, staan de volgende campagnes al in de startblokken.

  • Meer dan 20 miljoen impressies 
  • Een totaal bereik van 9,4 miljoen
  • Een view-through-rate van 53%

Vragen?

Social Advertising Consultant

Vincent Mosmans

ASOS

Een retailgigant in de wereld van TikTok

asos sportswear 1098 Retouched

ASOS is al jaren een toonaangevende online retailer voor jonge modeliefhebbers over de hele wereld. De retailgigant blijft de groeiende concurrentie voor door constant te innoveren. Dat is broodnodig bij een alsmaar veranderende en slimme demografie. En toen kwam 2020 om de hoek kijken… De pandemie maakte snoeihard een einde aan alle speciale gelegenheden waarvoor jonge shoppers regelmatig de digitale kledingrekken van ASOS bezochten.

Ay Sauce

Waar ASOS in het Verenigd Koninkrijk overduidelijk marktleider is, is het in de Verenigde Staten juist een uitdager. In de Amerikaanse markt bestaat er zelfs discussie over hoe de naam van het merk uitgesproken hoort te worden. Voor de goede orde: “Ay like in play, then sauce” — een slogan die voor het eerst verscheen in onze TikTok bio. Met ‘sauce’ als uitdrukking binnen de jongere generatie voor een vette outfit, vormde dit het hart van onze TikTok-uitdaging: “show us your A-sauce, B-sauce, C-sauce,” oftewel je drie beste looks. Zo konden we onze merknaam rechtzetten in een niet-opdringerige en duidelijke manier, in het hart van waar jonge mensen van houden: hun mooiste outfits delen. Nu moesten we ze alleen nog in staat stellen dit op een creatieve, merkvriendelijke manier te doen.  

Sound on

TikTok is een zeldzaam ‘sound on’ kanaal, dat een grote invloed uitoefent op welke nummers in de hitlijsten verschijnen. Dus stond ‘sound first’ centraal in onze campagne, met een op maat gemaakte track van KARM die de makers op het platform een beat gaf om hun outfit-veranderingen op te timen. Daarnaast creëerden we een interactief ‘merkeffect’ dat gebruikers de mogelijkheid gaf transities tussen outfits toe te voegen met handacties (peace-teken en handpalm) en flair. Om gebruikers te enthousiasmeren, lanceerden we de ‘hashtag-challenge’ door samen te werken met 28 populaire Britse en Amerikaanse makers, zoals @abbyrartistry, @estare, @elmo en @lorengray. Zij trapten de challenge af, boden inspiratie voor gebruikers én bouwden de geloofwaardigheid van de merkaanwezigheid van ASOS op het platform op. 

1,2 miljard

video views

488K

video’s gecreëerd

167K

deelnemers

Resultaten

Wereldwijd behaalde de campagne meer dan 1.2 miljard views in slechts zes dagen, met 488.000 gecreëerde video’s en 167.000 deelnemers. De verwachtingen? Ver overtroffen. Bovendien behaalde de campagne een betrokkenheidspercentage van 15.79%, ruim boven de benchmarks. ASOS liet ook een merktimpactonderzoek uitvoeren met indrukwekkende resultaten. De campagne bereikte een toename van 25% in de ondersteunde merkbekendheid en een toename van 10% in de merkassociatie met ‘trendy’ zijn. Ook de reclameherinnering nam met 50% toe. 

asos sportswear 1616 Retouched 1

Vragen?

Head of Marketing, Europe

Mellissa Flowerdew-Clarke

Bijenkorf

Een branded experience van bijzonder niveau

Header image

De Bijenkorf is hét warenhuis in Nederland en verkoopt ook online in veel landen in West-Europa. Het is een plek waar je kunt bewonderen en je laten verwonderen. Dat ongrijpbare, unieke gevoel ademt waar de Bijenkorf voor staat en vormt daarmee het perfecte thema voor een campagne rondom de feestdagen in 2021. DEPT®, Dogstudio en de Bijenkorf creëerden daarom een magische, branded experience die de wondere winkelervaring van de Bijenkorf op een digitale manier tot leven laat komen in de Bewonder & verwonder campagne.

De campagne in het kort

Samen met de Bijenkorf startten we een zoektocht naar een beleving waarin inspiratie en verwondering de toon voeren. Zo kwamen we uit op het idee van een zorgvuldig gecreëerde 3D-wereld waarin een bij de bezoeker door een magisch bos leidt langs prachtige producten.

Via art direction, een storyboard en met sprookjes en surrealisme als inspiratie, toverden we een visueel en interactief concept om tot een magische commerce experience waar 2D en 3D hand in hand gaan.

Om alle creativiteit om te zetten naar een goedlopende experience, plaatsten we 2D-illustraties van het bos gelaagd op elkaar in een 3D-wereld. Deze wereld is volledig gerenderd op WebGL en de bij vliegt hier in 3D-vorm doorheen langs alle producten.

Het magische gevoel van de experience begint al eerder: via een videoteaser op social media en verrassende elementen gerelateerd aan het bos op de website van de Bijenkorf. Zo vliegt de bij als complete verrassing op debijenkorf.nl en wordt de bezoeker door op de bij te klikken naar de campagnewebsite doorgestuurd.  

Door een ontzettend goede samenwerking hebben we samen met de Bijenkorf de ultieme branded experience tot leven laten komen.

Image 1

Een exclusieve ervaring digitaal tot leven brengen

De Bijenkorf is het meest verrassende, inspirerende en creatieve warenhuis in Nederland, waar iedereen zich bijzonder kan voelen. Daarnaast verkoopt het warenhuis ook online in veel landen in West-Europa. De Bijenkorf verleidt met stijl, inspireert met schoonheid en doet verlangen naar mooie dingen om jezelf of een ander mee te verwennen. Samen met het digitale marketing en e-commerce team van de Bijenkorf is DEPT® gevraagd om deze unieke en persoonlijke shopervaring digitaal tot leven te brengen. Zo startte een zoektocht naar een ervaring die voorbij gaat aan de gebaande winkelpaden; een zoektocht naar een beleving waarin inspiratie en verwondering de toon voeren. Want dan ontstaat magie. Hoe we dat voor elkaar hebben gekregen? Door de bezoeker mee te nemen in een zorgvuldig gecreëerde 3D-wereld, geleid door een bij die ontwaakt in de winter en op ontdekkingsreis gaat door een betoverend bos. Langs ritselende bladeren, fluisterende bomen en schitterende lichtinval neemt de bij ons mee, zich verwonderend over rijk en smaakvol gepresenteerde producten en ons daarmee inspirerend om hetzelfde te voelen. 

Image 2

Van concept naar magie

De digitale experience die we voor de Bijenkorf creëren, vullen we met een magisch bos, exclusieve producten en een vliegende bij. Vanuit een sterk concept en visuele stijlrichting, zochten we uit hoe we dit konden vormgeven tot een gebruiksvriendelijk en betoverend verhaal waar commerce, merk en magie samenkomen.

De eerste stap richting magie? De bij laat gedurende de vlucht een spoor van glinsteringen achter. Voor de illustraties van het bos hebben we samengewerkt met Myriam Wares, een illustrator die bekend staat om haar ervaringen met surrealistische omgevingen. Ook hebben we bewuste keuzes gemaakt in kleurkeuze zodat we het bos niet perfect nabootsen, maar zorgen voor een surrealistische en magische touch. Net als in een echt bos zien we in de digitale ervaring hoe het bos leeft. Zo deinen bladeren op en neer en reageren ze op de cursor die de bezoeker beweegt. Ook over de audio is nagedacht: in de experience zijn we omringd door herkenbare bosgeluiden. En vliegen we bijvoorbeeld langs een uil, dan horen we deze ook. De tien producten die de campagne uitlicht, zijn zorgvuldig uitgekozen op hun glinsterende, kleurrijke of reflecterende prints die extra opvallen in het bos en met hun high-end uitstraling een bijzonder gevoel opwekken. Ze zijn daarnaast niet achteloos gepositioneerd in het bos, maar vloeien over in de omgeving en maken er echt onderdeel van uit: van een jurk gedragen door een struik tot laarzen die omhoog worden gehouden door vlinders. Ook zijn subtiele hints naar ornamenten voor in de kerstboom — die te verkrijgen zijn bij de Bijenkorf — geïllustreerd en verwerkt in het bos, bijvoorbeeld in de vorm van een lieveheersbeestje op een boom. Tot slot verbinden we de producten aan elkaar door een verhaal te vertellen. Door middel van tien korte zinnen die steeds bij het aanzicht van een nieuw product verschijnen, creëren we een sprookjesachtig verhaal dat de bezoeker nog meer onderdompelt in de vlucht door het betoverende bos. 

Bijenkorf 3

Van design naar immersieve 3D

Met de smaak en sturing van designers en een goed uitgedacht storyboard komen we een heel eind. Maar om al deze creativiteit daadwerkelijk te vertalen naar een goedlopende experience moet er heel wat gebeuren achter de schermen. 

De producten die in de campagne schitteren, verzonden we naar de fotostudio waar ze voor een green screen werden gefotografeerd in de exacte houdingen waarin ze in het magische bos verschijnen. De takken en bomen waarmee de producten aan elkaar zijn verbonden, zijn dan ook in de fotostudio nagebootst voor een zo realistisch mogelijk resultaat. Vervolgens werden ze uitgeknipt en op smaak gebracht met licht en contrast en geplaatst in de bosscènes die digitaal zijn geschilderd door een illustrator. Door al deze illustraties, die 2D-assets vormen, als lagen over elkaar heen te leggen en met behulp van motion creëerden we een 3D-wereld waar je in een parallax-effect doorheen kunt scrollen. De bij is in deze opzet volledig in 3D gemaakt, zodat deze vanuit alle hoeken zo realistisch mogelijk over komt. Het 3D-model is vervolgens met Javascript ingeladen en omgezet naar code die als WebGL gerenderd wordt. Bezoekers kunnen alle getoonde producten van de digitale ervaring toevoegen aan een wishlist. Deze wordt automatisch gesynchroniseerd met hun wishlist op debijenkorf.nl. Zelfs als bezoekers niet ingelogd zijn, wordt de wishlist lokaal anoniem opgeslagen en bij het inloggen of aanmaken van een account toegevoegd — geheel in de ontzorgende stijl van de Bijenkorf.

De campagne is op een subdomein ondergebracht op zowel desktop als mobiel en beschikbaar in alle talen waarin de Bijenkorf actief is, waaronder Nederlands, Duits, en Frans. 

Image 4

Verleidende features rond de campagne

De Bijenkorf vroeg ons niet alleen om de digitale ervaring op te zetten, ook wilde het warenhuis op de eigen website hinten naar de campagnewebsite door een opvallend en verrassend element toe te voegen: de bij. We hebben voor de 3D-variant van de bij daarom een script geschreven dat developers van de Bijenkorf vervolgens hebben toegevoegd aan debijenkorf.nl. Het script bevat methodes en instellingen waardoor de developers naar wens aanpassingen konden doen zoals het bepalen van waar op de website de bij wel en niet vliegt. Klikt een bezoeker op de bij dan start een animatie waarbij de bezoeker wordt doorgeleid naar de campagnewebsite. Daarnaast maakt een teaser video voor op social media deel uit van de verleiding rondom de campagne. Overal komt de magische bij terug om bezoekers te verleiden zonder al te veel van de campagne weg te geven. 

Image 5

Samenwerking: de uitdaging van het nieuwe

We zijn de uitdaging aangegaan iets nieuws neer te zetten en dat is gelukt dankzij een ontzettend sterke en goede samenwerking. Daar maakten niet alleen DEPT® en de Bijenkorf onderdeel van uit, maar ook de absolute expert op het gebied van 3D, web en immersieve campagnes: Dogstudio. In de Bewonder & verwonder campagne komen het concept en de stijlrichting vanuit DEPT® en de Bijenkorf. Voor het realiseren van een storyboard en de verder uitwerking, hebben alledrie de partijen nauw samengewerkt. Door de juiste toewijding is ruimte gecreëerd om alle partijen hun eigen creatieve stempel op het eindresultaat te laten drukken en tegelijkertijd in balans te blijven met de richtlijnen vanuit de briefing. Regelmatige check-ins, elkaar blijven uitdagen, transparante communicatie en flexibiliteit van alle kanten hebben geleid tot co-creatie in de puurste vorm en ontstijging van de traditionele opdrachtgever en -nemer rolverdeling. 

Image 6

De ultieme branded experience

Wat begon met de open vraag “Kunnen jullie iets magisch maken voor de feestdagen?” eindigde in een grootse, vooruitstrevende en unieke beleving. Dit digitale, feestelijke spektakel, geeft iedere online winkelbezoeker een speciaal gevoel en draagt daarmee bij aan de missie om te inspireren. Met de Bewonder & verwonder campagne hebben we samen met de Bijenkorf een fenomenale branded experience gerealiseerd die het merk naar een nog hoger niveau tilt. 

Beleef de campagne

Vragen?

Executive Creative Director

Max Pinas

Otrium

Opschalen in rap tempo

Otrium, de internationale marktplaats voor onverkochte mode uit voorgaande seizoenen, heeft miljoenen leden die zonder uitzondering de beste klantervaring verwachten. Het bedrijf, dat in Nederland opgericht werd opgericht, opereert inmiddels vanuit internationale hubs in Amsterdam, Londen en New York. Om de groei van de onderneming bij te staan, zocht Otrium hulp van externe leveranciers die voor een constante vernieuwing en verbetering van het platform kunnen zorgen. Als onderdeel hiervan werkt Otrium samen met DEPT®, die hen heeft voorzien van creatieve tech- en data experts. 

Otrium 06

De oprichting van e-commerce teams

Otrium heeft grote ambities. Daarom zocht het een leverancier die groot genoeg is om met de omvang van de briefings om te gaan, maar dezelfde betrokkenheid toont als een start-up. Hierbij stonden zorg en aandacht voor zelfs de kleinste details van het project hoog in het vaandel. Tijdens de samenwerking met DEPT® lag de focus op de oprichting van geïntegreerde teams die zowel fysiek als op afstand kunnen werken. Deze teams zijn een goed voorbeeld van Otriums hybride model; een model dat zich focust op het ontwerpen van e-commerce tools die Otriums winkelervaring verrijken op elk punt in de customer journey. 

Otrium 08

we waarderen de kwaliteit van het werk en service die DEPT® ons heeft verleend.

Een betrouwbare leverancier

DEPT® heeft jarenlange ervaring in het ontwerpen en leiden van innovatieve campagnes voor diverse modemerken, zoals Adidas en Ganni. Deze ervaring kon worden ingezet bij het helpen opschalen van Otrium. In de woorden van Leander Sikma, technisch directeur bij Otrium: “We zitten in een snel groeitraject, compleet gefocust op onze visie van de toekomst waarin alle kleding wordt gedragen en waarin er in de hele modeketen geen onverkochte voorraad meer is. Om dit te kunnen bereiken is het van belang dat we betrouwbare en coöperatieve leveranciers hebben die naadloos met ons kunnen samenwerken. DEPT® is hier een goed voorbeeld van en we hebben grote waardering voor de kwaliteit van het werk en service die het DEPT® team ons heeft verleend.”

Otrium 04

Vragen?

Strategy Director

Danijel Bonacic

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?

Head of Marketing US

Kristin Cronin

Blijf op de hoogte

Personaliseer je ervaring

Wij gebruiken functionele cookies om de website beter te laten werken, analytische cookies om gedrag te meten en marketing cookies om advertenties- en content te personaliseren. Wij verzamelen gegevens over de manier waarop je onze website gebruikt om onze website makkelijker in gebruik te maken maar ook om communicatie in advertenties, op onze website of apps op jouw interesses kunnen afstemmen en personaliseren. Data verzameld via marketing cookies wordt ook gedeeld met derde partijen. Door op accepteren te klikken ga je hiermee akkoord. Meer informatie? Lees ons cookiebeleid.