Casestudy

Automerk Levert Consistente Digitale Ervaringen Over Sites en Markten

Een autofabrikant implementeert het AEM CMS om de klantervaring op sites en in regio's te verbeteren en te standaardiseren.

Project Overzicht

Multinationale fabrikant van luxe voertuigen met een portfolio van auto- en motormerken.

Doel

Verbeter de web-UI en UX om een consistente en uniforme gebruikerservaring te garanderen voor alle automerken, sites en markten.

Team
3

Business Analist, Frontend Ontwikkelaar, QA Engineer

Belangrijkste Uitdagingen

Een autofabrikant werkt samen met Adobe om digitale transformatie in marketing en verkoop binnen haar merkenportfolio te stimuleren.

Voortbouwend op het succes van de UX- en UI-verbeteringen die werden geïntroduceerd op een van de websites van haar merken, besloot het bedrijf de nieuwe standaard voor klantervaringen uit te breiden naar de rest van haar online eigendommen.

Het bedrijf staat bekend om zijn premium rijervaring en streeft ernaar dat klanten snelheid, uitzonderlijke prestaties en comfort ervaren bij elke interactie met hun merken. Daarom was het verbeteren van de siteprestaties een prioriteit.

Custom Solution

Frame 749

UITGESTELD LADEN

Om de initiële paginabelasting te verminderen en laadtijden te verbeteren zonder de inhoud in gevaar te brengen, implementeerde het team uitgesteld laden. Deze techniek zorgt ervoor dat afbeeldingen buiten het scherm alleen worden geladen wanneer dat nodig is, met name wanneer een gebruiker naar beneden scrollt op de pagina.

Image 27

SLIMME APP-BANNERS OP MOBIEL WEB

Om gebruikers zachtjes aan te moedigen de mobiele app van het bedrijf te downloaden via de App Store of Google Play, integreerde het bedrijf slimme app-banners in alle mobiele webbrowsers op Android en iOS. Deze banners zijn geconfigureerd in het AEM-gebaseerde CMS en volgen de beste praktijken voor onopvallende promotiemethoden.

Frame 752

PAGINA’S VAN LOKALE AUTODEALERS

Om de selectie van autodealers te vergemakkelijken en bezoekers relevante informatie te bieden zonder de website te verlaten, heeft het bedrijf een Dealer Navigatie-component gebouwd. Dit dynamische menu omvat links en vervolgkeuzelijsten die dynamisch veranderen op basis van het aanbod van elke dealer. De informatie en contactgegevens die op deze pagina’s worden weergegeven, zijn afkomstig van de online eigendommen van de dealer en zijn altijd up-to-date.

Tap 1

CALL-TO-ACTION BALK

Het bedrijf gebruikt online chat- en klantfeedbackwidgets van derden. Aangezien de widgets door verschillende teams waren ontwikkeld, hadden ze verschillende ontwerpen. De widgeticonen waren verspreid over verschillende secties van de pagina en verstoorden de site-ervaring. Het bedrijf consolideerde de iconen in één enkele CTA-balk om een meer coherente UX en visueel aantrekkelijke UI te garanderen.

Connect 1 2

PRESTATIE-AUDIT

Het frontend-ontwikkelteam voerde de Lighthouse-siteaudit uit om verbeterpunten in de laadsnelheid van pagina’s te identificeren. Ze implementeerden de meest impactvolle wijzigingen die in het rapport werden aanbevolen om de siteprestaties te verbeteren.

Code

ASYNCHROON LADEN

Ontwikkelaars verminderden het aantal scripts dat in de JavaScript hoofdthread werd uitgevoerd en herconfigureerden secundaire JS-bestanden en -bibliotheken om asynchroon te laden.

Notification 1

DEALER MELDINGSBALKEN

Het bedrijf introduceerde universele meldingsbanners om dealers te helpen bij het leveren van urgente of tijdgevoelige informatie aan bezoekers via hun pagina’s op de site van het automerk.

Exchange 1 1

TERUG-VOORWAARTS CACHE

Het team zorgde ervoor dat de terug-voorwaarts cache betrouwbaar werkt, waardoor browsers van gebruikers momentopnamen van eerder bezochte webpagina’s kunnen opslaan en snel inhoud kunnen weergeven wanneer gebruikers heen en weer navigeren.

Resultaten & Overwinningen

Het autobedrijf heeft de online ervaringen van het merk op een reeks gelokaliseerde sites verbeterd dankzij uniforme UX/UI en verbeterde Core Web Vitals.
Winst 01
Heeft gebruikerservaring en ontwerp consistent gemaakt over digitale eigendommen.
Winst 02
Behaald
81
Prestatiescore
Winst 03
Herbruikbare aangepaste AEM-componenten geïmplementeerd op meerdere sites.
Winst 04
Bereikt
1.9s
in Paginasnelheidsindex
Winst 05
Reduced Total Blocking Time to 10ms to improve user experiences on interactive pages.
Leave Us a MessageGeweldige Ervaringen Worden Hier Gebouwd
— Neem Contact Op Met Onze
Consultants

    Christina Dandorf Roszkowska
    Christina Dandorf Roszkowska Strategisch Verkoop- & Partnerships Hoofd Europa
    Hoofdkantoor +1 (438) 383-6878
    Vertegenwoordigende Kantoren +48 (22) 204-3511