Fallstudie

Automobilmarke liefert konsistente digitale Erlebnisse über alle Websites und Märkte hinweg.

Ein Automobilhersteller implementiert das AEM CMS, um das Kundenerlebnis über verschiedene Websites und Regionen hinweg zu verbessern und zu standardisieren.

Projekt Übersicht

Multinationaler Hersteller von Luxusfahrzeugen mit einem Portfolio an Auto- und Motorradmarken.

Ziel

Verbesserung der Web-UI und UX, um ein konsistentes und einheitliches Benutzererlebnis über Automarken, Websites und Märkte hinweg zu gewährleisten.

Team
3

Business Analyst, Frontend-Entwickler, QA Engineer

Wichtigste Herausforderungen

Ein Automobilhersteller arbeitet mit Adobe zusammen, um die digitale Transformation in Marketing und Vertrieb über sein gesamtes Markenportfolio voranzutreiben.

Aufbauend auf dem Erfolg der UX- und UI-Verbesserungen, die auf einer der Websites seiner Marke eingeführt wurden, beschloss das Unternehmen, den neuen Standard der Kundenerlebnisse auf seine übrigen Online-Präsenzen auszudehnen.

Das Unternehmen ist bekannt für sein erstklassiges Fahrerlebnis und möchte, dass Kunden bei jeder Interaktion mit ihren Marken Geschwindigkeit, außergewöhnliche Leistung und Komfort erleben. Daher hatte die Verbesserung der Website-Performance Priorität.

Custom Solution

Frame 749

LAZY LOADING

Um die anfängliche Seitenlast zu reduzieren und die Ladezeiten zu verbessern, ohne den Inhalt zu beeinträchtigen, implementierte das Team Lazy Loading. Diese Technik stellt sicher, dass außerhalb des Bildschirms befindliche Bilder nur bei Bedarf geladen werden, insbesondere wenn ein Benutzer die Seite nach unten scrollt.

Image 27

SMART APP BANNERS AUF MOBILEN WEBSITES

Um Nutzer sanft zu ermutigen, die mobile App des Unternehmens aus dem App Store oder von Google Play herunterzuladen, integrierte das Unternehmen intelligente App-Banner in allen mobilen Webbrowsern für Android und iOS. Diese Banner werden im AEM-basierten CMS konfiguriert und entsprechen den Best Practices für unaufdringliche Werbemethoden.

Frame 752

LOKALE AUTOHÄNDLERSEITEN

Um die Auswahl von Autohändlern zu erleichtern und Besuchern relevante Informationen bereitzustellen, ohne die Website verlassen zu müssen, entwickelte das Unternehmen eine Händlernavigationskomponente. Dieses dynamische Menü enthält Links und Dropdown-Listen, die sich dynamisch an das Angebot jedes Händlers anpassen. Die auf diesen Seiten angezeigten Informationen und Kontaktdaten stammen aus den Online-Präsenzen des Händlers und sind immer aktuell.

Tap 1

CALL-TO-ACTION-LEISTE

Das Unternehmen verwendet Online-Chat- und Kundenfeedback-Widgets von Drittanbietern. Da die Widgets von verschiedenen Teams entwickelt wurden, hatten sie unterschiedliche Designs. Die Widget-Icons waren über verschiedene Bereiche der Seite verstreut und störten das Website-Erlebnis. Das Unternehmen konsolidierte die Icons in einer einzigen CTA-Leiste, um eine kohärentere UX und eine optisch ansprechendere UI zu gewährleisten.

Connect 1 2

PERFORMANCE-AUDIT

Das Frontend-Entwicklungsteam führte einen Lighthouse-Website-Audit durch, um Bereiche zur Verbesserung der Seitenladezeit zu identifizieren. Sie implementierten die wirkungsvollsten Änderungen, die im Bericht empfohlen wurden, um die Website-Performance zu verbessern.

Code

ASYNCHRONES LADEN

Die Entwickler reduzierten die Anzahl der Skripte, die im JavaScript-Hauptthread ausgeführt werden, und konfigurierten sekundäre JS-Dateien und -Bibliotheken so um, dass sie asynchron geladen werden.

Notification 1

HÄNDLER-BENACHRICHTIGUNGSLEISTEN

Das Unternehmen führte universelle Benachrichtigungsbanner ein, um Händler dabei zu unterstützen, Besuchern über ihre Seiten auf der Website der Automarke dringende oder zeitkritische Informationen zukommen zu lassen.

Exchange 1 1

BACK-FORWARD-CACHE

Das Team stellte sicher, dass der Back-Forward-Cache zuverlässig funktioniert. Dadurch können die Browser der Nutzer Schnappschüsse zuvor besuchter Webseiten speichern und Inhalte schnell anzeigen, wenn Nutzer vor- und zurücknavigieren.

Ergebnisse & Erfolge

Das Automobilunternehmen hat die Online-Erlebnisse der Marke auf einer Reihe von lokalisierten Websites dank einer einheitlichen UX/UI und verbesserter Core Web Vitals optimiert.
Gewinnrate 01
Das Benutzererlebnis und Design konsistent über alle digitalen Eigenschaften hinweg gestaltet.
Gewinnrate 02
Erreicht
81
Performance-Score
Gewinnrate 03
Wiederverwendbare benutzerdefinierte AEM-Komponenten auf mehreren Websites implementiert.
Gewinnrate 04
Erreicht
1.9s
beim Page Speed Index
Gewinnrate 05
Reduced Total Blocking Time to 10ms to improve user experiences on interactive pages.
Leave Us a MessageGroßartige Erlebnisse Werden Hier
Geschaffen — Kontaktieren Sie Unsere
Berater

    Christina Dandorf Roszkowska
    Christina Dandorf Roszkowska Leiterin Strategischer Vertrieb & Partnerschaften Europa
    Hauptsitz +1 (438) 383-6878
    Repräsentanzen +48 (22) 204-3511