Étude de cas

Une Marque Automobile Offre des Expériences Numériques Cohérentes sur Tous les Sites et Marchés

Un constructeur automobile met en œuvre le CMS AEM pour améliorer et uniformiser l'expérience client sur l'ensemble de ses sites et régions.

Projet Aperçu

Fabricant multinational de véhicules de luxe possédant un portefeuille de marques automobiles et de motos.

Objectif

Améliorer l'interface utilisateur et l'expérience utilisateur web pour assurer une expérience utilisateur cohérente et unifiée à travers les marques automobiles, les sites et les marchés.

Équipe
3

Analyste Commercial, Développeur Frontend, Ingénieur QA

Principaux Défis

Une entreprise de fabrication automobile collabore avec Adobe pour stimuler la transformation numérique du marketing et des ventes sur l’ensemble de son portefeuille de marques.

S’appuyant sur le succès des améliorations UX et UI introduites sur le site web de l’une de ses marques, l’entreprise a décidé d’étendre le nouveau standard d’expériences client à l’ensemble de ses propriétés en ligne.

L’entreprise est réputée pour son expérience de conduite premium et vise à ce que les clients retrouvent la vitesse, des performances exceptionnelles et le confort à chaque interaction avec ses marques. Par conséquent, l’amélioration des performances du site était une priorité.

Custom Solution

Frame 749

CHARGEMENT DIFFÉRÉ

Pour réduire la charge initiale de la page et améliorer les temps de chargement sans compromettre le contenu, l’équipe a mis en œuvre le chargement différé. Cette technique garantit que les images hors écran ne sont chargées qu’en cas de besoin, précisément lorsqu’un utilisateur fait défiler la page.

Image 27

BANNIÈRES D’APPLICATIONS INTELLIGENTES SUR LE WEB MOBILE

Pour encourager en douceur les utilisateurs à télécharger l’application mobile de l’entreprise depuis l’App Store ou Google Play, l’entreprise a intégré des bannières d’applications intelligentes sur tous les navigateurs web mobiles Android et iOS. Ces bannières sont configurées dans le CMS basé sur AEM et respectent les meilleures pratiques des méthodes de promotion discrètes.

Frame 752

PAGES DES CONCESSIONNAIRES AUTOMOBILES LOCAUX

Pour faciliter la sélection de concessionnaires automobiles et fournir aux visiteurs des informations pertinentes sans quitter le site Web, l’entreprise a développé un composant de navigation pour les concessionnaires. Ce menu dynamique intègre des liens et des listes déroulantes qui changent dynamiquement en fonction des offres de chaque concessionnaire. Les informations et coordonnées affichées sur ces pages proviennent des propriétés en ligne du concessionnaire et sont toujours à jour.

Tap 1

BARRE D’APPEL À L’ACTION

L’entreprise utilise des widgets de chat en ligne et de feedback client tiers. Comme les widgets ont été développés par différentes équipes, ils avaient des designs différents. Les icônes des widgets étaient dispersées dans diverses sections de la page et perturbaient l’expérience du site. L’entreprise a regroupé les icônes dans une seule barre d’appel à l’action pour garantir une UX plus cohérente et une UI visuellement attrayante.

Connect 1 2

AUDIT DE PERFORMANCE

L’équipe de développement frontend a effectué l’audit de site Lighthouse pour identifier les domaines d’amélioration de la vitesse de chargement des pages. Elle a mis en œuvre les changements les plus impactants recommandés dans le rapport pour améliorer les performances du site.

Code

CHARGEMENT ASYNCHRONE

Les développeurs ont réduit le nombre de scripts s’exécutant dans le thread principal de JavaScript et ont reconfiguré les fichiers et bibliothèques JS secondaires pour qu’ils se chargent de manière asynchrone.

Notification 1

BARRES DE NOTIFICATION DES CONCESSIONNAIRES

L’entreprise a introduit des bannières de notification universelles pour aider les concessionnaires à communiquer des informations urgentes ou sensibles au facteur temps aux visiteurs via leurs pages sur le site de la marque automobile.

Exchange 1 1

CACHE RETOUR-AVANT

L’équipe a veillé à ce que le cache retour-avant fonctionne de manière fiable, permettant aux navigateurs des utilisateurs de stocker des instantanés des pages Web précédemment visitées et d’afficher rapidement le contenu lorsque les utilisateurs naviguent d’avant en arrière.

Résultats et Succès

L'entreprise automobile a amélioré les expériences en ligne de la marque sur une série de sites localisés grâce à une UX/UI uniforme et à l'amélioration des Core Web Vitals.
Taux de réussite 01
Rendu l'expérience utilisateur et la conception cohérentes sur toutes les propriétés numériques.
Taux de réussite 02
Score de Performance
81
Atteint
Taux de réussite 03
Implémentation de composants AEM personnalisés réutilisables sur plusieurs sites.
Taux de réussite 04
Index de Vitesse de Page
1.9s
Atteint
Taux de réussite 05
Reduced Total Blocking Time to 10ms to improve user experiences on interactive pages.
Leave Us a MessageDe Grandes Expériences Sont Construites
Ici — Contactez Nos
Consultants

    Christina Dandorf Roszkowska
    Christina Dandorf Roszkowska Responsable Ventes Stratégiques et Partenariats Europe
    Siège social +1 (438) 383-6878
    Bureaux de représentation +48 (22) 204-3511