Studium przypadku

Marka Motoryzacyjna Zapewnia Spójne Doświadczenia Cyfrowe na Wielu Stronach i Rynkach

Producent samochodów wdraża system CMS AEM w celu poprawy i standaryzacji doświadczeń klientów na wszystkich stronach i we wszystkich regionach.

Projekt Przegląd

Międzynarodowy producent pojazdów luksusowych, posiadający portfolio marek samochodów i motocykli.

Cel

Poprawa interfejsu i doświadczenia użytkownika (UI/UX) w celu zapewnienia spójnego i ujednoliconego doświadczenia użytkownika na wszystkich markach samochodów, stronach i rynkach.

Zespół
3

Analityk biznesowy, Programista frontendowy, Inżynier QA

Główne Wyzwania

Firma produkująca samochody współpracuje z Adobe, aby napędzić cyfrową transformację w marketingu i sprzedaży w całym swoim portfolio marek.

Opierając się na sukcesie ulepszeń UX i UI wprowadzonych na jednej ze stron internetowych swojej marki, firma zdecydowała się rozszerzyć nowy standard doświadczeń klienta na pozostałe swoje właściwości online.

Firma słynie z doskonałych wrażeń z jazdy premium i dąży do tego, aby klienci doświadczali szybkości, wyjątkowej wydajności i komfortu w każdej interakcji z ich markami. Dlatego też poprawa wydajności strony była priorytetem.

Custom Solution

Frame 749

LENIWE ŁADOWANIE

Aby zmniejszyć początkowe obciążenie strony i poprawić czasy ładowania bez kompromisów w zakresie treści, zespół wdrożył leniwe ładowanie. Technika ta zapewnia, że obrazy spoza ekranu są ładowane tylko wtedy, gdy są potrzebne, a konkretnie, gdy użytkownik przewija stronę w dół.

Image 27

INTELIGENTNE BANERY APLIKACJI NA MOBILNEJ STRONIE INTERNETOWEJ

Aby delikatnie zachęcić użytkowników do pobrania aplikacji mobilnej firmy ze sklepu App Store lub Google Play, firma zintegrowała inteligentne banery aplikacji we wszystkich przeglądarkach mobilnych Android i iOS. Banery te są konfigurowane w systemie CMS opartym na AEM i są zgodne z najlepszymi praktykami nienachalnych metod promocji.

Frame 752

STRONY LOKALNYCH DEALERÓW SAMOCHODOWYCH

Aby ułatwić wybór dealerów samochodowych i zapewnić odwiedzającym odpowiednie informacje bez opuszczania witryny, firma stworzyła komponent Nawigacja Dealerów. To dynamiczne menu zawiera linki i listy rozwijane, które dynamicznie zmieniają się w zależności od oferty każdego dealera. Informacje i dane kontaktowe wyświetlane na tych stronach pochodzą z internetowych zasobów dealera i są zawsze aktualne.

Tap 1

PASEK WEZWANIA DO DZIAŁANIA

Firma korzysta z zewnętrznych widżetów czatu online i opinii klientów. Ponieważ widżety były rozwijane przez różne zespoły, miały różne projekty. Ikony widżetów były rozrzucone w różnych sekcjach strony i zakłócały komfort użytkowania witryny. Firma skonsolidowała ikony w jeden pasek CTA, aby zapewnić bardziej spójne doświadczenie użytkownika (UX) i atrakcyjny wizualnie interfejs użytkownika (UI).

Connect 1 2

AUDYT WYDAJNOŚCI

Zespół programistów frontendowych przeprowadził audyt witryny Lighthouse, aby zidentyfikować obszary wymagające poprawy w szybkości ładowania strony. Wprowadzili najbardziej wpływowe zmiany zalecane w raporcie, aby zwiększyć wydajność witryny.

Code

ASYNCHRONICZNE ŁADOWANIE

Programiści zmniejszyli liczbę skryptów wykonywanych w głównym wątku JavaScript i przekonfigurowali pomocnicze pliki i biblioteki JS, aby ładowały się asynchronicznie.

Notification 1

PASKI POWIADOMIEŃ DLA DEALERÓW

Firma wprowadziła uniwersalne banery powiadomień, aby pomóc dealerom w dostarczaniu pilnych lub wrażliwych czasowo informacji odwiedzającym za pośrednictwem ich stron na witrynie marki samochodowej.

Exchange 1 1

PAMIĘĆ PODRĘCZNA WSTECZ/NAPRZÓD

Zespół zapewnił niezawodne działanie pamięci podręcznej wstecz/naprzód, umożliwiając przeglądarkom użytkowników przechowywanie migawek wcześniej odwiedzonych stron internetowych i szybkie wyświetlanie treści, gdy użytkownicy nawigują w przód i w tył.

Rezultaty & Wygrane

Firma motoryzacyjna podniosła jakość cyfrowych doświadczeń marki na wielu zlokalizowanych stronach dzięki jednolitkom UX/UI i poprawionym wskaźnikom Core Web Vitals.
Wygrane: 01
Ujednolicono doświadczenie użytkownika i projekt we wszystkich cyfrowych kanałach.
Wygrane: 02
Osiągnięto
81
Wynik wydajności
Wygrane: 03
Wdrożono niestandardowe komponenty AEM wielokrotnego użytku na wielu stronach.
Wygrane: 04
Osiągnięto
1.9s
w indeksie szybkości strony
Wygrane: 05
Reduced Total Blocking Time to 10ms to improve user experiences on interactive pages.
Leave Us a MessageWspaniałe doświadczenia powstają
Tutaj — Skontaktuj się z naszymi
Konsultantami

    Christina Dandorf Roszkowska
    Christina Dandorf Roszkowska Dyrektor ds. Sprzedaży Strategicznej i Partnerstw w Europie
    Siedziba główna +1 (438) 383-6878
    Biura Przedstawicielskie +48 (22) 204-3511