Mercedes-Benz AG | One smart Web

One smart Web: Starke Performance trifft auf zielführende User Experience

25

Märkte

Bis zu 2,5%

mtl. Konversionsrate

91 Punkte

Google Lighthouse Score

47%

weniger Quellcode

Mehr Performance für ein besseres Markenerlebnis – in allen Märkten.

Eine Website, viele Teams – am Relaunch und der Vermarktung der smart-Plattform waren in der Vergangenheit über 22 verschiedene Agenturen beteiligt. Als Lead-Agentur übernahmen wir deshalb das Product Ownership für die Plattform, die in 25 Ländern genutzt wird, und damit nach und nach die volle Verantwortung für die Performance und das UX-Konzept aus einer Hand. Neben einem tiefgreifenden Refactoring des Frontends

implementierten wir eine vereinfachte Architektur, welche die Website-Performance und User Experience in den Fokus stellt. Nach dem Motto „Evolution statt Revolution“ optimierten wir so auf Basis von Kundenfeedbacks das Backend, die Ladezeiten sowie die Absprungrate der Plattform – ohne dabei das Grundkonzept zu verändern.

Skalierbarkeit durch Transparenz

One smart Web – das ist ein Ökosystem aus verschiedenen Applikationen, Funktionen und Services, das in allen Märkten zum Einsatz kommt. Schlanke Architektur, problemlos skalierbar: Der modulare Aufbau gibt jedem internationalen Team die Möglichkeit, Website-Inhalte selbst an die örtlichen Gegebenheiten und relevanten Zielgruppen anzupassen. Zur Befähigung der internationalen Markt-Teams begleiteten wir die Einführung neuer Features und erläuterten Zusammenhänge und Abhängigkeiten zwischen den Plattform-Komponenten. Transparenz und Dokumentation – für uns waren das entscheidende Faktoren, um Lessons Learned über Ländergrenzen hinweg zu teilen und das One smart Web für alle verfügbar zu machen.

Wir haben die Funktionalitäten des bereits bestehenden Produktes optimiert, indem wir das Verhalten der Nutzer und ihre Bedürfnisse analysiert, Designkonzepte entwickelt und vertestet haben. Entstanden ist eine Plattform, die sich ganz am Verhalten der User orientiert und so erfolgreich für unseren Kunden arbeitet. Ein spannender, inspirierender Prozess.

Caspar Tajbakhsh
Team Lead Platform Program Management

Data-driven User Experience

Unser Ziel war es, den Besuchern der smart-Plattform eine möglichst persönliche und vertraute Nutzererfahrung zu bieten. Das heißt frei entscheiden zu können, welcher Content interessant ist und wie er konsumiert werden soll. Um das zu realisieren, haben wir die Wünsche der Zielgruppe mit Tests, Befragungen und Recherchen analysiert. Nun folgt der Content einer dreistufigen Hierarchie: Im First Level beantwortet der Lifestyle-Content allgemeine Fragen zum smart-Angebot oder zur E-Mobilität. Im Second Level geht es um Key-Facts der verfügbaren Modelle. Der Third Level-Content bietet Expertenwissen rund um das smart-Zubehör und einzelne Komponenten. Ein performantes Konzept, das jedem Markt die Freiheit bietet, spezifische Inhalte optimal auszuspielen.

Maximale Performance bei hoher Komplexität

Das One smart Web sollte schneller und einfacher in der Nutzung werden. Denn die historisch gewachsene, technische Komplexität hatte die Performance und damit auch das Nutzererlebnis beeinträchtigt. Also optimierten wir die Geschwindigkeit der Seite und organisierten das Backend neu. Neue Struktur, weniger Code: Während die wichtigsten Elemente beibehalten wurden, ließen sich dank der höheren Geschwindigkeit die einzelnen Website-Funktionen erst nach dem Relaunch wirklich voll ausschöpfen. Das beweist der Google Lighthouse Score, der anzeigt, wie performant eine Website ist ­­– und sich innerhalb eines Jahres von 30 auf 91 von 100 Punkten entwickelt hat.

Unsere Erfolgsfaktoren für maximalen Impact

International und vernetzt

Wir behalten das Feedback aus dem Markt sowie der Kunden ebenso im Blick, wie die definierten KPI-Sets. Jeder Markt, jedes Land, jede Mentalität ist anders – mit individualisierbaren Elementen ermöglichen wir deshalb länder- und zielgruppenspezifische Maßnahmen innerhalb einer zentralen Plattform. Wir denken international und vernetzt, für ein einzigartiges Kundenerlebnis.

Design, Verify, Implement

Wir optimieren Plattformen und ihre Funktionen fortlaufend. Updates werden Schritt für Schritt systematisch aufgebaut, getestet, angepasst und anschließend implementiert. Dabei setzen wir ausschließlich Themen um, die auch die gewünschten Effekte haben. Die Entscheidungen dafür treffen wir auf Grundlage von Daten und Fakten. Relevanz trifft Effizienz – für das beste Ergebnis.

Complete Ownership

Vom Launch bis zum Sundown: Unsere Kunden begleiten wir durch alle Projektphasen und kümmern uns nicht nur um technisch-operative Aufwände, sondern auch die Übergabe der Inhalte und produktrechtliche sowie Kundenfragen. Wir holen die Stakeholder kommunikativ und beratend ab, koordinieren markt- und händlerspezifische Bedürfnisse und berücksichtigen diese bei der Nutzerführung.

Team, Zahlen und Fakten

Zeitraum

  1. 2018 bis heute

Aktivitäten

  1. Product Ownership
  2. Program Management
  3. Produktstrategie
  4. Content Management
  5. CX Strategy
  6. UX Design
  7. Visual & Motion Design
  8. Frontend-Beratung
  9. Backend-Beratung
  10. Entwicklung
  11. Testing
  12. Rollout
  13. Stakeholder Management
  14. First Level Support
  15. Operations

Plattform / Technologien

  1. Backend: drupal 10, GraphQL
  2. Frontend: Next.js, React
  3. Car Configurator: React, Three.js (WebGL Framework)

Partner

  1. Amazee Labs AG
  2. Demodern GmbH (in 2020)
Ansprechpartner
Christian PuschGeschäftsführung
Lust bekommen, mit uns zusammenzuarbeiten?
Weitere passende Inhalte