{"id":4255904,"date":"2024-10-05T15:00:41","date_gmt":"2024-10-05T13:00:41","guid":{"rendered":"https:\/\/www.deptagency.com\/case\/eine-digital-erlebbare-marken-experience\/"},"modified":"2025-08-08T15:28:03","modified_gmt":"2025-08-08T13:28:03","slug":"eine-digital-erlebbare-marken-experience","status":"publish","type":"case","link":"https:\/\/www.deptagency.com\/de-dach\/case\/eine-digital-erlebbare-marken-experience\/","title":{"rendered":"Eine digital erlebbare Marken-Experience"},"content":{"rendered":"<div class=\"block-case-intro-title\">\n\t<p\tclass=\"text text-sans-128 block-case-intro-title__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Patagonia<\/p><p\tclass=\"text text-sans-48 block-case-intro-title__text\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Eine digital erlebbare Marken-Experience<\/p><\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"full-width-content\"\n\tdata-content-align=\"center\"\n>\n\t\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/08\/iStock-1314820096-scaled.jpg\"\n\t\t\t\t\talt=\"Splitboarder descends a steep powder slope in the mountains\"\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\n\t<\/div>\n\n<div class=\"block-case-intro js-block-case-intro\">\n\t\t\t<div class=\"block-case-intro__category-container\">\n\t\t\t<p\n\t\t\t\tclass=\"block-case-intro__category-header text-sans-16\"\n\t\t\t\tdata-animation=\"slide-fade\"\n\t\t\t\tdata-animation-delay=\"0.25\"\n\t\t\t>\n\t\t\t\t(&nbsp;&nbsp;Services&nbsp;&nbsp;)\n\t\t\t<\/p>\n\n\t\t\t<ul\n\t\t\t\tclass=\"block-case-intro__category-list text-sans-14 js-block-case-intro-category-list\"\n\t\t\t\tdata-animation=\"slide-fade\"\n\t\t\t\tdata-animation-target=\"inner-items\"\n\t\t\t\tdata-animation-delay=\"0.5\"\n\t\t\t\tdata-animation-stagger=\"0.1\"\n\t\t\t>\n\t\t\t\t\t\t\t\t\t<li class=\"block-case-intro__category-item\">\n\t\t\t\t\t\tCommerce\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"block-case-intro__category-item\">\n\t\t\t\t\t\tCustomer Experience\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<\/ul>\n\t\t<\/div>\n\t\n\t<p\tclass=\"text text-sans-24 block-case-intro__text js-block-case-intro-text\"\n\tdata-animation=\"slideFade\" data-animation-target=\"paragraphs\" data-animation-delay=\"0.1\" >Die Marke Patagonia gilt in der Bekleidungsbranche als Vorreiter und Vorbild. Wie kein zweites Unternehmen steht der familiengef\u00fchrte Hersteller von Outdoor-Kleidung und -Sportartikeln f\u00fcr ein umweltfreundliches Gesch\u00e4ftsmodell und nachhaltige Produkte. Damit zeigt Patagonia dem Markt: So funktionieren hochwertige Produkte und Nachhaltigkeit Hand in Hand.<\/p><\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"fifty-fifty-asset\"\n\tdata-content-align=\"center\"\n>\n\t<p\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Eine Marke, die ihre Werte lebt<\/p><div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>F\u00fcr das Flaggschiff von Patagonia sollten wir eine Designl\u00f6sung entwerfen, die die umfangreiche Produkt- und Inhaltsbibliothek auf einfache, aber aufschlussreiche Weise zum Leben erweckt. F\u00fcr eine Marke, die ihre Werte wirklich lebt, war es von entscheidender Bedeutung, dass die Benutzererfahrung dies widerspiegelt. Das hei\u00dft, unsere Herausforderung bestand darin, ein digitales Einkaufserlebnis zu schaffen, das an jedem Touchpoint eine Markengeschichte erz\u00e4hlt.<\/p><\/div>\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2023\/08\/Patagonia-a-branded-commerce-experience.jpg\"\n\t\t\t\t\talt=\"Splitboarder descends a steep powder slope in the mountains\"\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media is-first\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/08\/Patagonia-Smallerblock.jpg\"\n\t\t\t\t\talt=\"Camper sitting in a mountain\"\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media is-second\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"full-width-content\"\n\tdata-content-align=\"center\"\n>\n\t<p\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Ein Marken-Hub f\u00fcr Aktivismus und Inhalte<\/p><div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>Gelungenes Storytelling war schon immer Patagonias Steckenpferd. Die Marke spricht mit klarer Stimme und zeigt, wer sie ist. Unser Ansatz war es, dieser Stimme noch mehr Geh\u00f6r zu verschaffen und sie auf eindeutige und einfache Weise mit Leben zu f\u00fcllen. Und dabei immer das Gleichgewicht zwischen Kultur, Business und der Umwelt zu bewahren. Dieser Ansatz erm\u00f6glicht es Kund:innen, sich des Einflusses ihrer Konsumentscheidungen bewusst zu werden. Auch bei der Kleidung, die sie tragen.<br><br>Die neu gestaltete E-Commerce-Plattform soll dabei ein Marken-Hub darstellen, an dem sich Produkte und Werte treffen \u2013 mit einem einheitlichen Style-Guide, klaren Linien in der User Experience, einem konsistenten Storytelling und einer Gesamt-Experience, die von Patagonias Mission getrieben ist: dem Zusammenspiel von rationalem Verstehen und positiven Emotionen. Daher gehen bei der neuen Digital-Experience Funktion und Storytelling Hand in Hand. Sie verkauft nicht nur Kleidung \u2013 sie ver\u00e4ndert Wertesysteme zum Guten.<\/p><\/div>\n\t\t\t\t\t<div\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"js-block-assets-and-copy-video\"\n\t\t\t\t\t\t\tdata-plyr-provider=\"vimeo\"\n\t\t\t\t\t\t\tdata-plyr-embed-id=\"586741024\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t><\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"full-width-content\"\n\tdata-content-align=\"center\"\n>\n\t<p\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Von enger Zusammenarbeit zur langj\u00e4hrigen Beziehung<\/p><div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>Das Projekt erforderte eine sehr enge Zusammenarbeit, die nur durch die au\u00dfergew\u00f6hnliche Partnerschaft zwischen Agentur und Marke erfolgreich gelingen konnte. Wir haben Patagonias Design-Team daher schnell in unser <meta charset=\"utf-8\"><\/meta>DEPT\u00ae-Headquarter in San Diego integriert und haben vom ersten Konzept bis zur Fertigstellung als harmonisches Tandem zusammengearbeitet. Damit wurde der Grundstein f\u00fcr eine langj\u00e4hrige, erfolgreiche Beziehung gelegt, die \u00fcber die traditionellen Grenzen der Agentur-Kund:innen-Betreung hinausgeht. Bei der Entwicklung der User Experience war unser Team federf\u00fchrend und stimmte sich immer eng mit Patagonias Inhouse-Team in den Bereichen Art Direction, Design Systems, User Testing und Scripting ab.\u00a0<br><br>Im weiteren Verlauf tat sich eine zus\u00e4tzliche Aufgabe f\u00fcr DEPT\u00ae auf: Patagonias Markeninitiative \u201cThe Footprint Chronicles\u201d visuell und strategisch neu zu gestalten. Hierf\u00fcr haben wir ein simples, koh\u00e4rentes Design-System entwickelt, das die Hauptplattform nun sinnvoll erg\u00e4nzt.<\/p><\/div>\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2024\/10\/Visual-Light-159-2-scaled-1.jpg\"\n\t\t\t\t\talt=\"Patagonia&#039;s retail website\"\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"full-width-content\"\n\tdata-content-align=\"center\"\n>\n\t<p\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Klare Navigation, klare Informationen<\/p><div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>Die neue Navigation sollte die komplette Customer Journey im Blick behalten: von der ersten Interaktion bis zum Moment, in dem Kund:innen ihr Wunschprodukt gefunden haben. Daf\u00fcr haben wir eine neue User Experience geschaffen, die alle Inhalte in einer klaren und logischen Weise organisiert und die, wenn inhaltlich sinnvoll, spannende Brand Stories integriert. So wird jedes Produkt in den Gesamtkontext gesetzt, w\u00e4hrend Patagonias Brand Voice bei der gesamten Custumer Journey omnipr\u00e4sent ist.<br><br>Die neue Navigation hat das \u00fcbergeordnete Design-Ziel klar im Blick: ein sowohl vom Produkt als auch von Sinn getriebenes Storytelling. Zum breiten Portfolio kultureller Initiativen geh\u00f6ren Patagonia Action Work, The Footprint Chronicles und viele mehr. Jede einzelne wird angemessen und leicht zug\u00e4nglich in Szene gesetzt.<\/p><\/div>\n\t\t\t\t\t<div\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"js-block-assets-and-copy-video\"\n\t\t\t\t\t\t\tdata-plyr-provider=\"vimeo\"\n\t\t\t\t\t\t\tdata-plyr-embed-id=\"586739649\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t><\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"fifty-fifty-asset\"\n\tdata-content-align=\"center\"\n>\n\t<div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t><strong>Produkte suchen<\/strong><br>Patagonias Produktkatalog ist komplex und umfangreich. Um das Design dennoch simpel zu halten, war ein leistungsstarkes Filter-Tool notwendig. Das Resultat ist ein freischwebendes Eingabefeld, das sich in den Designkontext integriert und auf jeder Seite sichtbar ist. Durch die responsive UX wurde der Filter leicht zug\u00e4nglich und bedienbar, er vereinfacht somit die Produktsuche.<br><br><strong>Produkte kennenlernen<\/strong><br>Ein entscheidendes Ziel war es, eine individuelle und relevante Produktsuche zu erm\u00f6glichen. Jede:r User:in sollte so einfach wie m\u00f6glich zu dem f\u00fcr sie oder ihn perfekten Produkt gelangen. Daf\u00fcr wurde zu jedem Produkt ein Fragenkatalog und ein Produktvergleich integriert, die den Kund:innen bei der Kaufentscheidung helfen sollen und ihnen das l\u00e4stige Wechseln zwischen Produkt-Detailseiten ersparen. So werden User:innen innerhalb einer fl\u00fcssigen User Experience durch den Sales Funnel geleitet.<br><br><strong>Die Content-Strategie<\/strong><br>Es ist ein schmaler Grat, die perfekte Balance zwischen einem einzelnen Produkt und dem \u00fcbergeordneten Sinn zu wahren. Mit unserer Content-Strategie ist uns dies gelungen. Wir wollten ein einheitliches, zentrales System erschaffen, das nicht nur eine Shopping-Plattform darstellt, sondern auch der Marke dient. Dabei konnten wir Patagonias Leidenschaft und den Sinn hinter der Marke in die Story jedes einzelnen Produkts einflie\u00dfen lassen und die Kund:innen somit dazu bringen, sich mit der Marke auseinandersetzen \u2013 auch wenn sie zun\u00e4chst nur zum Shoppen gekommen sind.<\/p><\/div>\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2024\/10\/Patagonia-Kayak.jpg\"\n\t\t\t\t\talt=\"person carrying kayak\"\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media is-first\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2024\/10\/Outdoor-clothing-brands-Patagonia-Fitz-Roy-Down-Hoody.jpg\"\n\t\t\t\t\talt=\"Two people in blue Patagonia jackets smiling\"\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media is-second\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"full-width-content\"\n\tdata-content-align=\"center\"\n>\n\t<p\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Since the launch of Patagonia mobile revenues have grown by over 25%<\/p>\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2024\/10\/Visual-Light-158-1-scaled-1.jpg\"\n\t\t\t\t\talt=\"Patagonia&#039;s retail website\"\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"full-width-content\"\n\tdata-content-align=\"center\"\n>\n\t<p\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Das Design-System<\/p><div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>Die treibende Kraft hinter unserem Design-System war eine klare Zielsetzung: ein Gleichgewicht zwischen dem einzelnen Produkt und dem Sinn hinter der Marke Patagonia zu schaffen. Der Fokus aufs Wesentliche, die Klarheit und das einfache Erleben wurden zu den leitenden UX-Prinzipien. Mit ihnen wurde es m\u00f6glich, Patagonias fesselnde Story auf digitale Weise zu vermitteln \u2013 und das mit dem Gleichgewicht zwischen rationalem Verstehen und emotionalem Erleben. Alles \u00dcberfl\u00fcssige, was nicht das \u00fcbergeordnete Ziel der zentralen digitalen Experience unterst\u00fctze, wurde von uns entfernt.<br><br>Aus der engen, permanenten Zusammenarbeit der <meta charset=\"utf-8\"><\/meta>DEPT\u00ae &#8211; und Patagonia-Teams, sowohl von Designer:innen als auch Entwickler:innen, entstand ein ausgekl\u00fcgelter Style-Guide mit der stets passenden technischen L\u00f6sung. Jedes Element des neuen Auftritts wurde pr\u00e4zise dem Style-Guide angepasst: von der Homepage \u00fcber die Navigation bis hin zum Produktfilter.<br><br>Im weiteren Verlauf des Projekts wurden <meta charset=\"utf-8\"><\/meta>DEPT\u00ae -Entwickler:innen Teil des Patagonia-Tech-Teams, um den Aufbau von The Footprint Chronicles und Patagonia.com nahtlos unterst\u00fctzen zu k\u00f6nnen. So konnten wir innerhalb der Salesforce Commerce Cloud ein intuitives Content-Modell entwickeln, w\u00e4hrend im Frontend eine hochgradig interaktive Website mit akribisch gerenderten Motion-Elementen entstand, die die Geschichte der Footprint Chronicles zum Leben erwecken.<\/p><\/div>\n\t\t\t\t\t<div\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"js-block-assets-and-copy-video\"\n\t\t\t\t\t\t\tdata-plyr-provider=\"vimeo\"\n\t\t\t\t\t\t\tdata-plyr-embed-id=\"586739656\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t><\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t<\/div>\n\n<div class=\"block-points-table\">\n\t<h2\tclass=\"text text-sans-60 block-points-table__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Projektbezogene Aspekte<\/h2>\n\t<ul\n\t\tclass=\"block-points-table__points\"\n\t\tdata-animation=\"slideFade\"\n\t\tdata-animation-target=\"inner-items-separate\"\n\t\tdata-animation-stagger=\"0.1\"\n\t>\n\t\t\t\t\t\t<li class=\"block-points-table__point\">\n\t\t\t\t\t<p\tclass=\"text text-sans-32 block-points-table__point-title\"\n\t>Skalierbares Design<\/p><p\tclass=\"text text-sans-24 block-points-table__point-subtitle\"\n\t><strong>Patagonia ben\u00f6tigte eine Design-Bibliothek, die nicht nur dem Design-Team dienen sollte.<br><\/strong><br>Daher haben wir ein dynamisches, in die kleinsten Bestandteile ausdifferenzierbares Design-System erschaffen, das allen Design- und Marketing-Teams als zentrale Bibliothek dient. Darin enthalten: eine nachvollziehbare Design-Struktur f\u00fcr jedes Element, Richtlinien f\u00fcr Fotografie und Content, Use Cases und die Funktionalit\u00e4t. Dazu \u00fcbergeordnete Leitlinien f\u00fcr Best Practices in puncto Barrierefreiheit.<\/p>\t\t\t\t<\/li>\n\t\t\t\t\t\t<li class=\"block-points-table__point\">\n\t\t\t\t\t<p\tclass=\"text text-sans-32 block-points-table__point-title\"\n\t>Der Code: durchdacht und responsiv<\/p><p\tclass=\"text text-sans-24 block-points-table__point-subtitle\"\n\t><strong><strong>F\u00fcr einen perfekten Prototypen war essentiell, dass unser Code wohldurchdacht und zu 100 % responsiv gecodet wurde.<\/strong><\/strong><br><br>Wir wussten von Beginn an, dass das ganze System mit einem Ziel gebaut werden musste: Wir wollten in der Lage sein, jede Interaktion, jede Bewegung, jede individuelle Experience auf Ebene der Komponenten, Module und einzelner Seiten testen zu k\u00f6nnen.\u00a0<br><br>Bei jedem Schritt, mit dem wir den Prototypen gebaut haben, waren wir uns dessen bewusst. Deshalb haben wir mit echtem Patagonia-Content gearbeitet, als wir die User Flows erschaffen haben. Die Journey sollte jederzeit so realistisch wie m\u00f6glich sein. Daf\u00fcr wurde jedes einzelne Element responsiv und sinnvoll gestaltet. Mit dem Ergebnis, dass die Patagonia-Teams jede Unterseite und alle Features vorab exakt so testen konnten, wie sie am Ende f\u00fcr die Kund:innen zu sehen sein w\u00fcrden.<\/p>\t\t\t\t<\/li>\n\t\t\t\t\t\t<li class=\"block-points-table__point\">\n\t\t\t\t\t<p\tclass=\"text text-sans-32 block-points-table__point-title\"\n\t>Dokumentation<\/p><p\tclass=\"text text-sans-24 block-points-table__point-subtitle\"\n\t><strong>Unser System musste mehr leisten als nur interne Dokumentation.<\/strong><br><br>Die finale Version des Frontend-Prototyps sollte mit echten Kund:innen getestet werden, und das parallel zum Design- und Entwicklungsprozess. Dabei wurde unsere digitale Design-Bibliothek zu einem entscheidenden Tool, um bessere FAQs und Tests zu bauen. In ihr fanden sich n\u00fctzliche Dokumentationen und Hinweise, die w\u00e4hrend der Entwicklung der Plattform stetig erweitert wurden.<\/p>\t\t\t\t<\/li>\n\t\t\t<\/div>\n<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"full-width-content\"\n\tdata-content-align=\"center\"\n>\n\t\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/08\/etzel_k_1375_cc_WEB.jpeg\"\n\t\t\t\t\talt=\"A climber in a yellow shirt is scaling an overhanging rock face, mid-move, suspended with one hand gripping the rock and legs extended, secured by a rope and harness.\"\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"full-width-content\"\n\tdata-content-align=\"center\"\n>\n\t<p\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >The Footprint Chronicles<\/p><div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>Am Anfang stand nur die Herausforderung, Patagonias digitales Schaufenster gemeinsam neu zu denken. Daraus wurde ein gr\u00f6\u00dferer, partnerschaftlicher Beratungsauftrag. Unser <meta charset=\"utf-8\"><\/meta>DEPT\u00ae-Team wurde gebeten, die Footprint Chronicles, Patagonias Markeninitiative mit dem Ziel absoluter Transparenz, neu zu beleben.<br><br>Das Thema Nachhaltigkeit sollte durchg\u00e4ngig erz\u00e4hlt werden, und so lie\u00dfen wir es im Laufe des gesamten Shopping-Erlebnisses auftauchen. Bei jedem Produkt kl\u00e4rt eine Info-Karte \u00fcber die wichtigsten Details zum CO2-Fu\u00dfabdruck des Produkts auf. Mit dem Ziel, sowohl das Verst\u00e4ndnis f\u00fcr den Markensinn, die Perspektiven und letztendlich auch die Conversion zu f\u00f6rdern.<\/p><\/div>\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2024\/10\/Footprint_Overview3-scaled-1.jpg\"\n\t\t\t\t\talt=\"Patagonia&#039;s website showcasing various stats and takeaways\"\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"full-width-content\"\n\tdata-content-align=\"center\"\n>\n\t<div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t><strong>Aus Konsum wird Sinn<\/strong><br>Bei den Produktseiten geht es um mehr als reine Information. Die Konsument:innen sollten dazu eingeladen werden, Teil des Markensinns zu werden \u2013 und damit neue Denkanst\u00f6\u00dfe zu bekommen. Indem wir behutsam dar\u00fcber aufkl\u00e4ren, wie die einzelnen Produkte hergestellt werden und welchen Fu\u00dfabdruck sie hinterlassen, geben wir den Konsument:innen die M\u00f6glichkeit, einen Moment innezuhalten und die Konsumgewohnheiten zu reflektieren. Mit aussagekr\u00e4ftigen Produkt-Stories verwandeln sich rein produktorientierte K\u00e4ufer:innen zu sinngetriebenen K\u00e4ufer:innen.<br><br><strong>Impact mit einer fesselnden Geschichte<\/strong><br>Das Ziel hinter den Footprint Chronicles war es, aus empathischen Kund:innen handelnde Kund:innen werden zu lassen. Mit der Content-Strategie und unserem Design konnten wir aussagekr\u00e4ftige, spannende Geschichten erz\u00e4hlen, die mit interaktiven Elementen dazu einladen, Neues zu entdecken und Neues zu lernen. Dazu tr\u00e4gt das flexible Design bei. Mit ihm k\u00f6nnen wir nicht nur die Mission der Marke Patagonia transportieren, sondern einen echten Kulturwandel und positiven Impact ansto\u00dfen.<br><br><strong>Ein klarer Call-to-Action<br><\/strong>Die Quintessenz und das Ziel der Footprint Chronicles war eine simple Erz\u00e4hlstruktur. Zu Beginn machten wir klar, warum jeder Aspekt der Mission wichtig ist; warum es wichtig ist, die Dinge beim Namen zu nennen. Mit absoluter Transparenz zeigen wir, wo Patagonia auf seiner Reise des Wandels steht. Und: welche Schritte als N\u00e4chstes folgen. Was wird Patagonia mit seiner Arbeit in der Zukunft ansto\u00dfen \u2013 und was k\u00f6nnen sowohl Konsument:innen als auch Unternehmen tun, um den Wandel mitzugestalten.<\/p><\/div>\n\t\t\t\t\t<div\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"js-block-assets-and-copy-video\"\n\t\t\t\t\t\t\tdata-plyr-provider=\"vimeo\"\n\t\t\t\t\t\t\tdata-plyr-embed-id=\"586739564\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t><\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t<\/div>\n\n<div class=\"block-stats-and-copy is-text-left\">\n\t<p\tclass=\"text text-sans-24 block-stats-and-copy__text\"\n\tdata-animation=\"slideFade\" data-animation-target=\"paragraphs\" data-animation-stagger=\"0.01\" >Entdecken Sie die<a href=\"https:\/\/www.patagonia.com\/\"> Website<\/a><\/p>\n\t\n\t\n\t<ul\n\t\tclass=\"block-stats-and-copy__cards is-content-left\"\n\t\tdata-animation=\"slide-fade\"\n\t\tdata-animation-target=\"inner-items\"\n\t\tdata-animation-delay=\"0.15\"\n\t\tdata-animation-stagger=\"0.15\">\n\t\t\t\t\t<li class=\"block-stats-and-copy__card\">\n\t\t\t\t<p class=\"block-stats-and-copy__card-title text-sans-76\">\n\t\t\t\t\t1x\t\t\t\t<\/p>\n\n\t\t\t\t<p class=\"block-stats-and-copy__card-subtitle text-sans-16\">\n\t\t\t\t\tWebby Award &#8211; Fashion &amp; Beauty 2021\t\t\t\t<\/p>\n\t\t\t<\/li>\n\t\t\t\t\t<li class=\"block-stats-and-copy__card\">\n\t\t\t\t<p class=\"block-stats-and-copy__card-title text-sans-76\">\n\t\t\t\t\t1x\t\t\t\t<\/p>\n\n\t\t\t\t<p class=\"block-stats-and-copy__card-subtitle text-sans-16\">\n\t\t\t\t\tWebby Award &#8211; People&#8217;s Voice Winner 2021\t\t\t\t<\/p>\n\t\t\t<\/li>\n\t\t\t<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":4255906,"template":"","meta":{"_acf_changed":false,"es_utils_meta_schema":"","member_job_title":"","member_linkedin_url":"","dept_alt_featured_image":[],"dept_algolia_noindex":false,"dept_algolia_featured":false,"dept_accent_color":"#6EB300","dept_next_case_accent_color":"","dept_case_video":{"type":"local"},"footnotes":""},"client":[1002],"case-category":[42480,42483],"award":[],"person":[39748],"case-industry":[42478,42490,42477],"class_list":["post-4255904","case","type-case","status-publish","has-post-thumbnail","hentry"],"acf":{"dept_is_3q_page":false,"dept_current_cpt_partner":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Eine digital erlebbare Marken-Experience - DEPT\u00ae<\/title>\n<meta name=\"description\" content=\"Patagonia beauftragte DEPT\u00ae mit der Entwicklung einer Designl\u00f6sung, die seine umfangreiche Produkt- und Inhaltsbibliothek zum Leben erweckt und seine Mission widerspiegelt.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.deptagency.com\/de-dach\/case\/eine-digital-erlebbare-marken-experience\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Eine digital erlebbare Marken-Experience - DEPT\u00ae\" \/>\n<meta property=\"og:description\" content=\"Patagonia beauftragte DEPT\u00ae mit der Entwicklung einer Designl\u00f6sung, die seine umfangreiche Produkt- und Inhaltsbibliothek zum Leben erweckt und seine Mission widerspiegelt.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.deptagency.com\/de-dach\/case\/eine-digital-erlebbare-marken-experience\/\" \/>\n<meta property=\"og:site_name\" content=\"DEPT\u00ae\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-08T13:28:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/08\/DEPT\u00aexPatagonia.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"5760\" \/>\n\t<meta property=\"og:image:height\" content=\"3240\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/eine-digital-erlebbare-marken-experience\\\/\",\"url\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/eine-digital-erlebbare-marken-experience\\\/\",\"name\":\"Eine digital erlebbare Marken-Experience - DEPT\u00ae\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/en-uki\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/eine-digital-erlebbare-marken-experience\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/eine-digital-erlebbare-marken-experience\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.deptagency.com\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/DEPT\u00aexPatagonia.jpg\",\"datePublished\":\"2024-10-05T13:00:41+00:00\",\"dateModified\":\"2025-08-08T13:28:03+00:00\",\"description\":\"Patagonia beauftragte DEPT\u00ae mit der Entwicklung einer Designl\u00f6sung, die seine umfangreiche Produkt- und Inhaltsbibliothek zum Leben erweckt und seine Mission widerspiegelt.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/eine-digital-erlebbare-marken-experience\\\/#breadcrumb\"},\"inLanguage\":\"de-DACH\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/eine-digital-erlebbare-marken-experience\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DACH\",\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/eine-digital-erlebbare-marken-experience\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.deptagency.com\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/DEPT\u00aexPatagonia.jpg\",\"contentUrl\":\"https:\\\/\\\/www.deptagency.com\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/DEPT\u00aexPatagonia.jpg\",\"width\":5760,\"height\":3240},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/eine-digital-erlebbare-marken-experience\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Eine digital erlebbare Marken-Experience\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/en-uki\\\/#website\",\"url\":\"https:\\\/\\\/www.deptagency.com\\\/en-uki\\\/\",\"name\":\"DEPT\u00ae\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.deptagency.com\\\/en-uki\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-DACH\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Eine digital erlebbare Marken-Experience - DEPT\u00ae","description":"Patagonia beauftragte DEPT\u00ae mit der Entwicklung einer Designl\u00f6sung, die seine umfangreiche Produkt- und Inhaltsbibliothek zum Leben erweckt und seine Mission widerspiegelt.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.deptagency.com\/de-dach\/case\/eine-digital-erlebbare-marken-experience\/","og_locale":"de_DE","og_type":"article","og_title":"Eine digital erlebbare Marken-Experience - DEPT\u00ae","og_description":"Patagonia beauftragte DEPT\u00ae mit der Entwicklung einer Designl\u00f6sung, die seine umfangreiche Produkt- und Inhaltsbibliothek zum Leben erweckt und seine Mission widerspiegelt.","og_url":"https:\/\/www.deptagency.com\/de-dach\/case\/eine-digital-erlebbare-marken-experience\/","og_site_name":"DEPT\u00ae","article_modified_time":"2025-08-08T13:28:03+00:00","og_image":[{"width":5760,"height":3240,"url":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/08\/DEPT\u00aexPatagonia.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.deptagency.com\/de-dach\/case\/eine-digital-erlebbare-marken-experience\/","url":"https:\/\/www.deptagency.com\/de-dach\/case\/eine-digital-erlebbare-marken-experience\/","name":"Eine digital erlebbare Marken-Experience - DEPT\u00ae","isPartOf":{"@id":"https:\/\/www.deptagency.com\/en-uki\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.deptagency.com\/de-dach\/case\/eine-digital-erlebbare-marken-experience\/#primaryimage"},"image":{"@id":"https:\/\/www.deptagency.com\/de-dach\/case\/eine-digital-erlebbare-marken-experience\/#primaryimage"},"thumbnailUrl":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/08\/DEPT\u00aexPatagonia.jpg","datePublished":"2024-10-05T13:00:41+00:00","dateModified":"2025-08-08T13:28:03+00:00","description":"Patagonia beauftragte DEPT\u00ae mit der Entwicklung einer Designl\u00f6sung, die seine umfangreiche Produkt- und Inhaltsbibliothek zum Leben erweckt und seine Mission widerspiegelt.","breadcrumb":{"@id":"https:\/\/www.deptagency.com\/de-dach\/case\/eine-digital-erlebbare-marken-experience\/#breadcrumb"},"inLanguage":"de-DACH","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.deptagency.com\/de-dach\/case\/eine-digital-erlebbare-marken-experience\/"]}]},{"@type":"ImageObject","inLanguage":"de-DACH","@id":"https:\/\/www.deptagency.com\/de-dach\/case\/eine-digital-erlebbare-marken-experience\/#primaryimage","url":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/08\/DEPT\u00aexPatagonia.jpg","contentUrl":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/08\/DEPT\u00aexPatagonia.jpg","width":5760,"height":3240},{"@type":"BreadcrumbList","@id":"https:\/\/www.deptagency.com\/de-dach\/case\/eine-digital-erlebbare-marken-experience\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.deptagency.com\/de-dach\/"},{"@type":"ListItem","position":2,"name":"Eine digital erlebbare Marken-Experience"}]},{"@type":"WebSite","@id":"https:\/\/www.deptagency.com\/en-uki\/#website","url":"https:\/\/www.deptagency.com\/en-uki\/","name":"DEPT\u00ae","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.deptagency.com\/en-uki\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-DACH"}]}},"listingData":{"imageUrl":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/08\/DEPT\u00aexPatagonia.jpg","imageAlt":"","caseVideo":{"type":"local"},"url":"https:\/\/www.deptagency.com\/de-dach\/case\/eine-digital-erlebbare-marken-experience\/","hoverColor":"#6EB300","hoverText":"Eine digital erlebbare Marken-Experience","label":"Patagonia","tags":["Customer Experience","Retail &amp; Commerce"]},"_links":{"self":[{"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/case\/4255904","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/case"}],"about":[{"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/types\/case"}],"author":[{"embeddable":true,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":3,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/case\/4255904\/revisions"}],"predecessor-version":[{"id":4323588,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/case\/4255904\/revisions\/4323588"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/media\/4255906"}],"wp:attachment":[{"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/media?parent=4255904"}],"wp:term":[{"taxonomy":"client","embeddable":true,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/client?post=4255904"},{"taxonomy":"case-category","embeddable":true,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/case-category?post=4255904"},{"taxonomy":"award","embeddable":true,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/award?post=4255904"},{"taxonomy":"person","embeddable":true,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/person?post=4255904"},{"taxonomy":"case-industry","embeddable":true,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/case-industry?post=4255904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}