{"id":4255757,"date":"2022-05-23T15:35:31","date_gmt":"2022-05-23T13:35:31","guid":{"rendered":"https:\/\/www.deptagency.com\/case\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\/"},"modified":"2025-07-10T15:57:24","modified_gmt":"2025-07-10T13:57:24","slug":"moderne-shopping-experience-dank-umfangreicher-neuausrichtung","status":"publish","type":"case","link":"https:\/\/www.deptagency.com\/de-dach\/case\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\/","title":{"rendered":"Moderne Shopping Experience dank umfangreicher Neuausrichtung"},"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\" >C&amp;A<\/p><p\tclass=\"text text-sans-48 block-case-intro-title__text\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Moderne Shopping Experience dank umfangreicher Neuausrichtung<\/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\/2022\/07\/woman-cA.jpg\"\n\t\t\t\t\talt=\"woman wearing C&amp;A dress\"\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<\/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\" >C&amp;A ist eines der f\u00fchrenden Modeunternehmen Europas mit 25.000 Mitarbeiter:innen. In die \u00fcber 1.300 Filialen in 18 europ\u00e4ischen L\u00e4ndern str\u00f6men t\u00e4glich \u00fcber 2 Millionen Kund:innen, die sich auf qualitativ hochwertige Mode zu kleinen Preisen freuen. Auch der C&amp;A Onlineshop ist bei Fashion-Fans sehr beliebt. <br><br>Im Zuge eines umfangreichen Rebrandings erfuhr dieser vor allem auch eine technische und strategische Neuausrichtung.<\/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\/2022\/05\/CA-Case-Visual-02-2.png\"\n\t\t\t\t\talt=\"C&amp;A website shots\"\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\" >Flexibilit\u00e4t und Skalierbarkeit \u2013 Schl\u00fcsselfaktoren in der digitalen Welt<\/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 Zusammenarbeit von C&amp;A und DEPT\u00ae begann Mitte 2020. Initial wurden wir damit beauftragt, die Frontend-Maintenance des bisherigen Online-Shops zu \u00fcbernehmen und diesen weiterzuentwickeln. <br><br>Die monolithische E-Commerce-Plattform schr\u00e4nkte das digitale Wachstum aber leider ein \u2013 und stand so im Widerspruch zu den Unternehmenszielen. Denn in einer digitalen Welt, in der sich die Erwartungen der Nutzer:innen, die Technologien, der Markt und die Gesellschaft so schnell ver\u00e4ndern, ist ein flexibles und in allen Bereichen skalierbares System ein Schl\u00fcsselfaktor f\u00fcr Unternehmen, um nicht nur reagieren, sondern auch agieren zu k\u00f6nnen.<\/p><\/div>\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2022\/07\/ca-denim.jpg\"\n\t\t\t\t\talt=\"C&amp;A denim collection\"\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=\"copy-only\"\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 der monolithischen Plattform zur Headless-Microservice-<br>Architektur<\/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>C&amp;A hatte bereits ein innovatives Architekturkonzept erarbeitet, mit dem Ziel, die Legacy IT-Plattform durch eine edgebasierte Headless-Microservice Architektur mit SPA-Frontend abzul\u00f6sen. <br><br>Die neue Customer-Experience-Plattform soll neben einer Grunderneuerung der Architektur auch als zentraler digitaler Touchpoint die Omnichannel Consumer Journeys unterst\u00fctzen, eine nahtlose Shopping Experience gew\u00e4hrleisten und C&amp;A als moderne Brand positionieren.<br><br>Die Erarbeitung einer agilen Produktstrategie und Roadmap, den Aufbau eines produkt\u00fcbergreifenden Design-Systems und die Entwicklung von neuen Front- und Backend-Komponenten, sowie einer grundlegend neuen, technisch modernen Architektur \u00fcbernahm DEPT\u00ae in enger und partnerschaftlicher Kooperation mit C&amp;As spezialisierten Teams.<\/p><\/div>\n\t\n\t<\/div>\n\n<div class=\"video video__type--local block-video__video\">\n\t<div\n\t\tclass=\"video__player block-video__video plyr__video-embed js-video-player\"\n\t\tdata-provider=\"local\"\n\t\tdata-ratio=\"sixteen-nine\"\n\t\tdata-autoplay=\"false\"\n\t\tdata-loop=\"false\"\n\t\tdata-muted=\"false\"\n\t\tdata-background-mode=\"false\"\n\t\tdata-auto-pause=\"true\"\n\t\tdata-controls=\"progress,play,forward,rewind\">\n\n\t\t\t\t\t<video\n\t\t\t\tclass=\"video__ratio--sixteen-nine\"\n\t\t\t\t>\n\t\t\t\t<source src=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2022\/05\/CA-Case-Visual-04-1.mp4\" type=\"video\/mp4\" \/>\n\t\t\t<\/video>\n\t\t\t<\/div>\n\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\" >Produktstrategie &amp; Roadmap<\/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>Um den gew\u00fcnschten Fokus in der Weiterentwicklung des Online-Shops zu gew\u00e4hrleisten und Ziele der C&amp;A Digitalstrategie sowie der \u00fcbergreifenden Business- und Markenstrategie effektiv zu verfolgen, erarbeitete DEPT\u00ae gemeinsam mit C&amp;As Produkt- und UX-Team eine mittelfristig angelegte, agile Produktstrategie f\u00fcr den neuen Online-Shop.<br><br><meta charset=\"utf-8\"><\/meta>Wir entwickelten zun\u00e4chst datenbasierte Customer Value Propositions f\u00fcr die Zielgruppen des Online-Shops. Darauf basierend wurde ein ambitioniertes Webshop Vision Statement 2024 als Nordstern f\u00fcr das Produktteam formuliert. Gemeinsam mit C&amp;A steckten wir strategische Etappenziele und definierten damit verbundene Key Results. Der Erfolg des Online-Shops ist so fortlaufend messbar und kann jederzeit sichtbar gemacht werden. Um die Strategie dar\u00fcber hinaus weiter greifbar zu machen, wurden Initiativen als neue Ebene in der Produktplanung eingef\u00fchrt, welche fortan regelm\u00e4\u00dfig aus Consumer Insights (Jobs-to-be-done) gespeist werden \u2013 und somit als kontinuierlicher Innovationsmotor f\u00fcr eine problembasierte Produkt- und Service-Entwicklung des Online-Shops funktionieren. Um die Online-Shop-Strategie zum Leben zu erwecken, wurde anschlie\u00dfend ein agiler Flow of Work aufgesetzt, der unmittelbar in eine dynamische, strategische Product-Discovery und Roadmap m\u00fcndet. Da sich Erwartungen und Impulse rund um digitale Produkte heutzutage in Windeseile \u00e4ndern, wird die Online-Shop-Strategie als \u201eLiving Strategy\u201d gehandhabt und in Zukunft in regelm\u00e4\u00dfigen Alignments strategisch \u00fcberpr\u00fcft.<\/p><\/div>\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2022\/07\/group-in-ca-denim.jpg\"\n\t\t\t\t\talt=\"Group of model wearing the C&amp;A denim collection\"\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\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2022\/05\/CA-Case-Visual-06-2.png\"\n\t\t\t\t\talt=\"C&amp;A mobile 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\" >Zusammenarbeit &amp; Prozess<\/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>Von Anfang an wurde seitens DEPT\u00ae eine breite Zusammenarbeit mit diversen Stakeholdern bei C&amp;A herbeigef\u00fchrt \u2013 von Brand &amp; Marketing \u00fcber IT bis hin zu Research: Eine wichtige Grundlage f\u00fcr den Projekterfolg, denn so wurde fr\u00fchzeitig ein gemeinsames Verst\u00e4ndnis daf\u00fcr entwickelt, wie Brand Purpose und Brand Value Propositions digital \u00fcbersetzt werden k\u00f6nnen. M\u00f6gliche L\u00f6sungen auf Basis von Consumer Insights wurden mithilfe kollaborativer Ideation und Co-Creation Sessions erarbeitet und die Ergebnisse mittels interaktiver Prototypen getestet. Um k\u00fcnftig routiniert Ideen f\u00fcr neue Funktionen und Dienstleistungen zu generieren, wurde die Zusammenarbeit zwischen dem C&amp;A User Research Team und dem Product Management integriert und intensiviert \u2013 eine neue Powerforce, die ab sofort den Online-Shop nicht nur nutzerzentriert weiterentwickeln, sondern auch innovativer gestalten wird.<\/p><\/div>\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2022\/05\/CA-Case-Visual-07.png\"\n\t\t\t\t\talt=\"C&amp;A sport collection\"\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\" >Architektur &amp; Technologie<\/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 von C&amp;A in ihren Grundz\u00fcgen erdachte und zusammen mit DEPT\u00ae weiter ausgearbeitete und implementierte technische L\u00f6sung: ein Microservice-Ansatz. Diese skalierbare und flexible Infrastruktur erm\u00f6glicht u.a. eine optimale Time-to-Market-Performance. Mit dieser L\u00f6sung k\u00f6nnen den Nutzer:innen personalisierte Angebote, Inhalte und Services geliefert werden; gleichzeitig kann die L\u00f6sung nahtlos mit den k\u00fcnftigen Anforderungen wachsen.<br><br>Aufgrund der Komplexit\u00e4t des Projekts und der damit einhergehenden kompletten Erneuerung der Architektur wurde die Entwicklung des neuen Online-Shops in mehrere Stufen aufgeteilt. Stufe 1 sah die Neuentwicklung des Shop-Frontends f\u00fcr die Customer Journey bis zum Warenkorb, sowie das Einf\u00fchren eines neuen Backends f\u00fcr das zu entwickelnde Shop Frontend vor. Beide Bestandteile werden auf einer hochperformanten und skalierbaren serverless Infrastruktur von Cloudflare \u201eon the edge\u201d gehostet. Die Generierung und Auslieferung der Inhalte an Nutzer:innen erfolgt dann \u00fcber ein weltweites CDN (Content Delivery Network) mit Tausenden von Knotenpunkten.<br><br>Ein neues, modernes Headless CMS wird zentrales Tool der Inhaltspflege \u00fcber mehrere Channels \u2013 beispielsweise Online-Shop und C&amp;A App \u2013 hinweg. Weil das Backend und die Commerce Engine in Stufe 1 noch unver\u00e4ndert bleiben, wurden in Zusammenarbeit mit dem Hamburger Software-Unternehmen novomind Schnittstellen zum Legacy System auf Basis von GraphQL entwickelt. Sie erm\u00f6glichen den Parallelbetrieb von alter und neuer Technologie \u2013 und dar\u00fcber hinaus den Livegang in Form eines A\/B-Tests im ersten Schritt f\u00fcr nur 10 % der Nutzer:innen. Die Anbindung dieser APIs und aller weiteren Drittsysteme wie Reco-Engine, PIM, etc. erfolgt durch ein neu entwickeltes Gateway, das die Daten in konsolidierter Form dem Frontend \u2013 einer modernen und serverside gerenderten Single Page Application auf Basis von React \u2013 zur Verf\u00fcgung stellt.<\/p><\/div>\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2022\/05\/CA-Case-Visual-08-3.png\"\n\t\t\t\t\talt=\"C&amp;A website showcasing different sections of the 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\" >Product Design, User Experience und Content<\/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 gesamte User Journey bis zum Checkout wurde neu konzipiert. Ein umfassendes Set an Content-Modulen bietet Raum f\u00fcr fesselnde, inspirierende Inhalte, die Frische und Modernit\u00e4t verk\u00f6rpern. Gro\u00dffl\u00e4chige Bilder und starke Portr\u00e4ts, kombiniert mit Nahaufnahmen, schaffen eine emotionale Bindung, w\u00e4hrend plakative Typografie nutzerrelevante Inhalte pr\u00e4gnant auf den Punkt bringt. Der Header wurde cleaner und \u00fcbersichtlicher gestaltet; sowohl mobil als auch in der Desktop-Version gibt es ein neues Navigationskonzept. Neue, ausgewogenere Product Listings bieten einen besseren \u00dcberblick und helfen, eine fundierte Kaufentscheidung zu treffen. Verst\u00e4ndliche Labels und ein Fokus auf Nachhaltigkeit &amp; Sale kommunizieren das Markenversprechen und das gute Preis-Leistungs-Verh\u00e4ltnis. Ein nutzerfreundlicher Filter gibt den Kund:innen die wichtigsten Optionen direkt an die Hand. Dank selbstbewusster Pr\u00e4sentation der Produkte auf der Detailseite \u2013 durch eine neue Anordnung, eine \u00fcbersichtlichere Buybox und eine integrierte Gr\u00f6\u00dfenberatung \u2013 wird das moderne Look &amp; Feel der Plattform unterstrichen.<\/p><\/div>\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2022\/05\/CA-Case-Visual-09.png\"\n\t\t\t\t\talt=\"C&amp;A creative side of website, that allow you to personalise your items\"\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=\"copy-only\"\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 als Single Source of Truth<\/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 von Grund auf neu entwickelte C&amp;A Design System ist ein lebendiges digitales \u00d6kosystem, das in Symbiose mit den E-Com-Produkten w\u00e4chst und sich ver\u00e4ndert. Es erm\u00f6glicht den Teams, eine konsistente Experience f\u00fcr die Nutzer:innen zu entwickeln, als die neue Single Source of Truth f\u00fcr eine gemeinsame digitale Sprache. Dies erh\u00f6ht die Effizienz und st\u00e4rkt die funktions\u00fcbergreifende Zusammenarbeit \u2013 auch f\u00fcr externe Partner. In einem kollaborativen Ansatz hat unser Product Design Team in enger Zusammenarbeit mit dem Kunden die \u00fcbergeordneten Leitlinien wie Digital Branding Basics und Content Principles entwickelt und definiert. Shopspezifische Foundations, Components und UX Patterns sind mit Richtlinien und zahlreichen Best Practices versehen, um die bestm\u00f6gliche Orientierung und Guidance zu bieten: F\u00fcr eine einheitliche Experience.<\/p><\/div>\n\t\n\t<\/div>\n\n<blockquote class=\"block-case-quote\" data-animation-timeline>\n\t<span class=\"text-sans-20-24\" data-animation=\"fade\" data-timeline-item=\"1\">\u201c<\/span>\n\t<p\tclass=\"text text-sans-24 block-case-quote__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" data-timeline-item=\"2\" data-timeline-at=\"&lt;\" >Zusammen mit DEPT\u00ae, dem starken Partner an unserer Seite, haben wir einen state-of-the-art Webshop gebaut. Die neue Plattform erf\u00fcllt die W\u00fcnsche unserer Kund:innen, spiegelt die Modernit\u00e4t unserer Brand wider und bildet die Basis f\u00fcr unsere ambitionierten Wachstumsziele.<\/p>\t<br \/>\n\t<span class=\"text-sans-20-24\" data-animation=\"fade\" data-timeline-item=\"3\" data-timeline-at=\"-0.5\">\u201d<\/span>\n\n\t<p\tclass=\"text text-sans-16 block-case-quote__text\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" data-animation-stagger=\"0.015\" data-timeline-item=\"4\" data-timeline-at=\"-0.5\" >Ulrike Otto, Head of Digital Experience, C&amp;A<\/p><\/blockquote>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"copy-only\"\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\" >C&amp;A goes Augmented Reality<\/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>Gemeinsam mit DEPT\u00ae geht C&amp;A einen Schritt in Richtung Web3 mit einer weihnachtlichen AR Aktion am POS.<br>In ausgew\u00e4hlten C&amp;A Stores konnten sich Kund:innen auf eine digitale Weihnachts-Schatzsuche begeben. Durch das Scannen von QR Codes auf Bodenstickern wurde die Weihnachts-Schatzsuche mithilfe der Image Tracking Funktion gestartet. Canda, der durch DEPT\u00ae in 3D animierte C&amp;A Weihnachtswichtel, erschien als AR Erweiterung auf den Smartphone Bildschirmen und forderte zur Schatzsuche auf. Mit Hilfe der Bodensticker f\u00fchrte die AR Animation die Kund:innen quer durch die Stores, um verschiedene Gutscheine f\u00fcr den POS und Online Einkauf, sowie ein Reisegewinnspiel zu entdecken. Das Erscheinen des Wichtels, das Hervorholen der Geschenke inkl. Gutscheinkarte und der damit verbundene Dancemove wurde individuell f\u00fcr die C&amp;A Weihnachts-Schatzsuche in 3D designed.<\/p><\/div>\n\t\n\t<\/div>\n\n<div class=\"video video__type--local block-video__video\">\n\t<div\n\t\tclass=\"video__player block-video__video plyr__video-embed js-video-player\"\n\t\tdata-provider=\"local\"\n\t\tdata-ratio=\"sixteen-nine\"\n\t\tdata-autoplay=\"false\"\n\t\tdata-loop=\"false\"\n\t\tdata-muted=\"false\"\n\t\tdata-background-mode=\"false\"\n\t\tdata-auto-pause=\"true\"\n\t\tdata-controls=\"progress,play,forward,rewind\">\n\n\t\t\t\t\t<video\n\t\t\t\tclass=\"video__ratio--sixteen-nine\"\n\t\t\t\t>\n\t\t\t\t<source src=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2023\/01\/CA-Weihnachtsschatzsuche-Querformat.mp4\" type=\"video\/mp4\" \/>\n\t\t\t<\/video>\n\t\t\t<\/div>\n\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"copy-only\"\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\" >C&amp;A Fr\u00fchlingserwachen in Augmented Reality<\/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>Entdecken Sie die erfolgreiche C&amp;A AR-Fr\u00fchlingskampagne, die nahtlos an den Erfolg der AR-Weihnachtskampagne ankn\u00fcpft. Wir haben den Fr\u00fchling in die Stores gebracht und unseren Kund:innen eine interaktive Experience geboten. Mit dem C&amp;A Fr\u00fchlingsfilter konnten sie ihre Umgebung oder sich selbst per Selfie-Kamera mit animierten Schmetterlingen und Blumen versch\u00f6nern. Zudem wurden Kund:innen mit Rabatten und Sofortgewinnen belohnt. Diese farbenfrohe Kampagne wurde sowohl am POS als auch im C&amp;A Ecom Store integriert, um den Verkauf anzukurbeln. Als Ergebnis konnte eine beeindruckende Steigerung der App-Downloads um 400% w\u00e4hrend des Aktionszeitraums verzeichnet werden. Erfahren Sie mehr \u00fcber AR Ma\u00dfnahmen und wie sie diese gezielt zur Steigerung Ihrer KPI\u2019s nutzen k\u00f6nnen.<\/p><\/div>\n\t\n\t<\/div>\n\n<div class=\"video video__type--vimeo block-video__video\">\n\t<div\n\t\tclass=\"video__player block-video__video plyr__video-embed js-video-player\"\n\t\tdata-provider=\"vimeo\"\n\t\tdata-ratio=\"sixteen-nine\"\n\t\tdata-autoplay=\"true\"\n\t\tdata-loop=\"true\"\n\t\tdata-muted=\"true\"\n\t\tdata-background-mode=\"false\"\n\t\tdata-auto-pause=\"true\"\n\t\tdata-controls=\"progress,mute,play,forward,rewind\">\n\n\t\t\t\t\t<iframe\n\t\t\t\tclass=\"video__ratio--sixteen-nine\"\n\t\t\t\tsrc=\"https:\/\/player.vimeo.com\/video\/887216960?background=0&#038;autoplay=1&#038;controls=0&#038;byline=0&#038;title=0&#038;muted=1&#038;loop=1&#038;portrait=0&#038;speed=0&#038;gesture=media&#038;dnt=1\"\n\t\t\t\tframeBorder=\"0\"\n\t\t\t\tallow=\"autoplay; fullscreen\"\n\t\t\t\tallowFullScreen\n\t\t\t\ttitle=\"Vimeo video\"\n\t\t\t><\/iframe>\n\t\t\t<\/div>\n\n\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":4264463,"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":"#0742C2","dept_next_case_accent_color":"","dept_case_video":{"type":"local"},"footnotes":""},"client":[39524],"case-category":[42480],"award":[],"person":[833],"case-industry":[42478,42477],"class_list":["post-4255757","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>Moderne Shopping Experience dank umfangreicher Neuausrichtung - DEPT\u00ae<\/title>\n<meta name=\"description\" content=\"C&amp;A ist eines der f\u00fchrenden Modeunternehmen Europas. Im Zuge eines umfangreichen Rebrandings erfuhr der C&amp;A Onlineshop eine technische und strategische Neuausrichtung.\" \/>\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\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Moderne Shopping Experience dank umfangreicher Neuausrichtung - DEPT\u00ae\" \/>\n<meta property=\"og:description\" content=\"C&amp;A ist eines der f\u00fchrenden Modeunternehmen Europas. Im Zuge eines umfangreichen Rebrandings erfuhr der C&amp;A Onlineshop eine technische und strategische Neuausrichtung.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.deptagency.com\/de-dach\/case\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\/\" \/>\n<meta property=\"og:site_name\" content=\"DEPT\u00ae\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-10T13:57:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2022\/07\/woman-cA.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\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\\\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\\\/\",\"url\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\\\/\",\"name\":\"Moderne Shopping Experience dank umfangreicher Neuausrichtung - DEPT\u00ae\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/en-uki\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.deptagency.com\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/woman-cA.jpg\",\"datePublished\":\"2022-05-23T13:35:31+00:00\",\"dateModified\":\"2025-07-10T13:57:24+00:00\",\"description\":\"C&A ist eines der f\u00fchrenden Modeunternehmen Europas. Im Zuge eines umfangreichen Rebrandings erfuhr der C&A Onlineshop eine technische und strategische Neuausrichtung.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\\\/#breadcrumb\"},\"inLanguage\":\"de-DACH\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DACH\",\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.deptagency.com\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/woman-cA.jpg\",\"contentUrl\":\"https:\\\/\\\/www.deptagency.com\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/woman-cA.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"woman wearing C&A dress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Moderne Shopping Experience dank umfangreicher Neuausrichtung\"}]},{\"@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":"Moderne Shopping Experience dank umfangreicher Neuausrichtung - DEPT\u00ae","description":"C&A ist eines der f\u00fchrenden Modeunternehmen Europas. Im Zuge eines umfangreichen Rebrandings erfuhr der C&A Onlineshop eine technische und strategische Neuausrichtung.","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\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\/","og_locale":"de_DE","og_type":"article","og_title":"Moderne Shopping Experience dank umfangreicher Neuausrichtung - DEPT\u00ae","og_description":"C&A ist eines der f\u00fchrenden Modeunternehmen Europas. Im Zuge eines umfangreichen Rebrandings erfuhr der C&A Onlineshop eine technische und strategische Neuausrichtung.","og_url":"https:\/\/www.deptagency.com\/de-dach\/case\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\/","og_site_name":"DEPT\u00ae","article_modified_time":"2025-07-10T13:57:24+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2022\/07\/woman-cA.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\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\/","url":"https:\/\/www.deptagency.com\/de-dach\/case\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\/","name":"Moderne Shopping Experience dank umfangreicher Neuausrichtung - DEPT\u00ae","isPartOf":{"@id":"https:\/\/www.deptagency.com\/en-uki\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.deptagency.com\/de-dach\/case\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\/#primaryimage"},"image":{"@id":"https:\/\/www.deptagency.com\/de-dach\/case\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\/#primaryimage"},"thumbnailUrl":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2022\/07\/woman-cA.jpg","datePublished":"2022-05-23T13:35:31+00:00","dateModified":"2025-07-10T13:57:24+00:00","description":"C&A ist eines der f\u00fchrenden Modeunternehmen Europas. Im Zuge eines umfangreichen Rebrandings erfuhr der C&A Onlineshop eine technische und strategische Neuausrichtung.","breadcrumb":{"@id":"https:\/\/www.deptagency.com\/de-dach\/case\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\/#breadcrumb"},"inLanguage":"de-DACH","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.deptagency.com\/de-dach\/case\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\/"]}]},{"@type":"ImageObject","inLanguage":"de-DACH","@id":"https:\/\/www.deptagency.com\/de-dach\/case\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\/#primaryimage","url":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2022\/07\/woman-cA.jpg","contentUrl":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2022\/07\/woman-cA.jpg","width":1920,"height":1080,"caption":"woman wearing C&A dress"},{"@type":"BreadcrumbList","@id":"https:\/\/www.deptagency.com\/de-dach\/case\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.deptagency.com\/de-dach\/"},{"@type":"ListItem","position":2,"name":"Moderne Shopping Experience dank umfangreicher Neuausrichtung"}]},{"@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\/2022\/07\/woman-cA.jpg","imageAlt":"woman wearing C&A dress","caseVideo":{"type":"local"},"url":"https:\/\/www.deptagency.com\/de-dach\/case\/moderne-shopping-experience-dank-umfangreicher-neuausrichtung\/","hoverColor":"#0742C2","hoverText":"Moderne Shopping Experience dank umfangreicher Neuausrichtung","label":"C&amp;A","tags":["Commerce","Fashion"]},"_links":{"self":[{"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/case\/4255757","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\/4255757\/revisions"}],"predecessor-version":[{"id":4301054,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/case\/4255757\/revisions\/4301054"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/media\/4264463"}],"wp:attachment":[{"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/media?parent=4255757"}],"wp:term":[{"taxonomy":"client","embeddable":true,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/client?post=4255757"},{"taxonomy":"case-category","embeddable":true,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/case-category?post=4255757"},{"taxonomy":"award","embeddable":true,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/award?post=4255757"},{"taxonomy":"person","embeddable":true,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/person?post=4255757"},{"taxonomy":"case-industry","embeddable":true,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/case-industry?post=4255757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}