Seit Jahrzehnten ist Deuter ein treuer Begleiter beim Berg- und Outdoorsport. 2020 wurde für das leidenschaftliche Unternehmen mit Sitz in Augsburg ein neues Corporate Design erarbeitet. Ziel des Rebrandings war es, die Werte der Marke visuell stärker zum Ausdruck zu bringen: Bergsport-Verrücktheit, Mut, Erfindungsreichtum, Zuverlässigkeit und natürlich die Liebe zur Natur.

 

Darauf aufbauend war auch die Neugestaltung der Website nötig, die den Usern die Deuter-Werte klar verständlich präsentieren sollte. Im Rahmen eines bezahlten Ausschreibungswettbewerbs transformierten wir das neue Corporate Design in einen digitalen Styleguide. Dafür erarbeiteten wir ein Design-System nach dem Atomic-Design-Prinzip und konzipierten ein nutzerfreundliches UX/UI Design für fünf relevante Seiten in einem interaktiven Mobile- und Desktop-Prototypen. Selbstverständlich alles im Rahmen dessen, was im existierenden technischen System einfach integrierbar sein würde.

  • Informationsarchitektur
  • User Experience Design Konzept
  • User Interface Design Konzept

Das “Why” nach außen transportieren

 

Eine neue Website bedeutet für uns mehr als das bloße Übertragen des vorhandenen Styleguides in digitale Komponenten. Uns war es wichtig, die Marke von Grund auf zu verstehen – auch in Bezug auf den digitalen Auftritt. Mit Hilfe von Branding-Techniken wie bspw. Simon Sineks „Golden Circle“ folgten wir dem Kern von Deuter und verwendeten die „Insights“ als Zentrum für die Konzeption der digitalen Plattform.

Deuter E-Commerce Konzept

Hochgefühle und Outdoor-Enthusiasmus durch immersives Nutzererlebnis
 

„Deuter gibt dir die Freiheit, das zu tun, was du liebst“ – die Vision des Unternehmens sollte gleich zu Beginn durch einen emotionalen Einstieg in die Website übermittelt werden. Ein authentisches Video, das Athlet:innen mit Deuter-Produkten im Einsatz zeigt, weckt die Abenteuerlust. Hier identifizieren sich Nutzer mit den echten Aufnahmen der Outdoor-Erlebnisse. Daneben weist ein vertikaler Produkt-Banner auf im Video vorkommende Deuter-Produkte hin und verkürzt so den User Flow mit einem direktem Weg zur Conversion.

 

Die Produkte selbst konzipierten wir minimalistisch, fast plakativ, mit viel Freiraum zur Wirkung anstelle von E-Commerce-Funktionen im Vordergrund. Wichtige Informationen rund um die Produkte wie Farben, Größen, Preise etc. platzierten wir bewusst mit Abstand zu diesen und stellten sicher, dass sie durch gezielte Accessibility-Maßnahmen zugänglich für eine breite Zielgruppe sind. Das Mobile-First-Konzept beinhaltet zudem eine leicht bedienbare Sticky-Navigation für die relevantesten Shop-Navigationspunkte wie Warenkorb, Filter- und Merkfunktionen.

Deuter Design System
Deuter Erlebniswelten SportlerInnen

Geschichten verbinden Nutzer mit Marke


 

Echtzeit Content-Formate aus Social Media fördern die Ansprache jüngerer Zielgruppen. Wir rücken individuelle Geschichten von Persönlichkeiten und Bergsportler:innen in den Fokus – Beiträge, welche die Produkte erst auf den zweiten Blick smart verknüpfen. Der Hashtag #deuterisforever lädt Nutzer dazu ein, ihre eigenen Deuter-Erlebnisse zu teilen. Auch auf den Produkt-Detailseiten erzählen eingebundene Instagram-Feeds von Kunden und ihren Outdoor-Erlebnissen mit den Produkten und ermutigen Nutzer, Teil der Community zu werden.

Deuter UX Wireframes Paperprototypes
Deuter Instagram Hashtag Konzept
Deuter Mobile Prototyp
Deuter Produkt Hotspot Section