pistonudos.com

Les sites web des marques à la loupe : PSA Peugeot Citroën


Pablo Mayo Sanz
@pablomayosanz
:
:
:
:

Il existe presque autant d'approches de sites web que de fabricants ; quelle que soit la créativité utilisée, les objectifs sont différents pour les marques généralistes, premium et de luxe. Cependant, il existe un certain nombre de caractéristiques et de traits communs qui permettent d'homogénéiser le mélange. Il y a d'une part l'agilité du site, d'autre part l'offre d'informations, et enfin le configurateur, qui nécessite un article à part.

Nous commençons par le Groupe PSA qui, dans le cadre de cette étude, peut être considéré comme un groupe de taille moyenne : deux marques généralistes (Citroën et Peugeot) et une marque premium (DS).


La toile du Groupe PSA en matière de données

Cette section évalue les données qui donnent une idée de l'agilité du site, obtenues à l'aide d'outils de simulation qui ne dépendent pas de la plate-forme informatique utilisée. Certaines valeurs absolues ne sont pas pertinentes et doivent être considérées comme une simple référence ; les chiffres seront plus ou moins différents selon l'utilisateur et l'appareil utilisé pour consulter le site web, qu'il s'agisse d'un ordinateur de bureau ou d'un appareil mobile.

La simulation prend en compte les données de la première visite sur les sites web respectifs, avec une connexion DSL standard de 10 Mb, dans les conditions suivantes :

  • Bureau : navigateur Chrome
  • Apple : la version 9 d'iOS, le navigateur par défaut et un combiné iPhone 5C
  • Android : terminal Nexus 7 avec navigateur Chrome

Les résultats obtenus sont les suivants :

Citroën Bureau iOS Android
Poids de la page (KB) 2.939 2.100 2.810
Temps de chargement du premier octet (s) 2,225 2,376 4,536
Début du rendu de la page (s) 8,143 8,200 9,671
Temps de chargement total (s) 18,717 16,632 22,431
Niveau de complexité 194 112 143


Peugeot Bureau iOS Android
Poids de la page (KB) 3.463 1.114 3.157
Temps de chargement du premier octet (s) 0,542 1,296 0,945
Début du rendu de la page (s) 3,414 6,283 5,011
Temps de chargement total (s) 19,997 14,256 37,990
Niveau de complexité 324 197 325

DS Bureau iOS Android
Poids de la page (KB) 6.305 5.072 6.139
Temps de chargement du premier octet (s) 1,062 1,681 1,199
Début du rendu de la page (s) 4,721 4,345 5,711
Temps de chargement total (s) 37,233 31,793 38,118
Niveau de complexité 78 50 78
  • Poids de la page : taille du téléchargement (Kilobyte). Plus le nombre est élevé, plus la consommation de données est importante.
  • Temps de chargement du premier octet : Intervalle entre la demande effectuée et la première réponse du serveur.
  • Début du rendu de la page : intervalle de temps entre la demande et la représentation à l'écran des éléments Web.
  • Temps de chargement total : intervalle entre la première demande et le téléchargement complet de la page, y compris les éléments qui sont chargés en arrière-plan et ne sont pas visibles au premier abord.
  • Niveau de complexité : mesuré par le nombre d'éléments de la page (textes, images, animations, etc.)

Résultats quantitatifs

  • Bien que la page de Citroën soit la plus légère en termes de taille, elle semble se charger plus lentement en raison du temps de "l'écran blanc" (entre le moment où nous envoyons la requête au serveur et celui où nous voyons le premier écran chargé).
  • En termes de rapidité de réponse, Peugeot prend la tête, bien qu'il soit le plus complexe. Le premier écran est très rapide
  • Le site web du DS est le plus gourmand en données, bien qu'il comporte le moins d'éléments. Cela est dû aux images, dont le poids est de 87,4% pour les ordinateurs de bureau, 89,3% pour iOS et 87,6% pour Android.

Au-delà de la simulation et en utilisant mon équipement de travail habituel (PC avec Linux, tablette avec Android 4.2 et smartphone avec Android 5.0, tous trois avec le navigateur Firefox), l'expérience réelle est très similaire aux résultats des tableaux : la page Citroën a été la plus lente pendant les heures où je l'ai expérimentée (il peut s'agir d'un problème de serveur spécifique, d'une conséquence du poids supplémentaire de la promotion commerciale ces jours-ci, ou d'un défaut structurel du site). Le site web de Peugeot s'est révélé être le plus agile et driveds.es présente le meilleur compromis entre contenu et performance.


Sites web du groupe PSA : analyse qualitative

Les trois sites web du Groupe PSA sont tous en espagnol et ont été conçus pour s'adapter à différentes tailles d'écran, tant sur ordinateur de bureau que sur téléphone portable.

Citroën

Le site Internet de Citroën est actuellement fortement marqué par une promotion commerciale, qui présente en séquence automatique rapide les voitures particulières et les véhicules utilitaires de la marque, la promotion équivalente de DS et celle du modèle 100% électrique C-ZERO. Les couleurs liées à chacun de ces groupes étant différentes, le résultat est quelque peu heurté et peu esthétique.

En haut du site, on trouve, à gauche, le bouton "home" et le nom de la page. A sa droite un petit menu secondaire où il y a des contrôles pour accéder aux informations liées au réseau officiel en Espagne de la marque. A droite de cet élément se trouve le logo Citroën. Immédiatement en dessous du menu secondaire se trouve le menu principal, où certains éléments donnent accès à d'autres sous-menus. Le premier détail qui saute aux yeux lorsqu'il parvient à éviter l'effet hypnotique du diaporama, c'est l'insistance sur les différentes promotions, au point d'être dupliquées.

Sous le diaporama se trouve un troisième menu, cette fois graphique avec défilement horizontal, qui insiste sur les différentes promotions, de celles déjà vues aux pneus. L'élément de ce menu qui donne accès à la demande de rendez-vous est le plus caché. Comme s'ils étaient peu nombreux, il existe un quatrième menu, cette fois vertical, qui donne accès au configurateur et à d'autres éléments commerciaux. Au premier chargement de la page s'affiche sous la forme d'une bande horizontale un avertissement sur les cookies, qui sans être discret, n'est pas aussi gênant que dans d'autres cas que nous verrons.


Au fur et à mesure que l'on navigue sur la page, on découvre que le contenu vraiment intéressant est caché sous tant de promotions bruyantes : Citroën Assistance, Recherche sur le point de vente, FAQ, Blog, réseaux sociaux et d'autres non moins intéressants, bien sûr, dans d'autres menus ! Le numéro de téléphone du service clientèle est encore plus caché, de même que les informations juridiques (oui, dans un autre menu), qui sont aussi décousues et lourdes que sur la plupart des grands sites web (Traitement des données, Protection des données, Mentions légales et Cookies).

Les informations sur les différents modèles sont correctes, avec une approche qualitative plutôt que quantitative. Il est accompagné d'images de taille variable (de moyenne à grande), et parfois d'une vidéo (hébergée sur la chaîne YouTube de l'entreprise). Quant aux images, il y a à la fois des photographies de studio de bonne taille et de bonne qualité (sans référence à d'autres objets), et d'autres des différents modèles intégrés dans un environnement. Ceux qui sont intégrés dans les galeries se distinguent par leur qualité.

Vous trouverez ci-dessous un tableau résumant les caractéristiques du site officiel de Citroën Espagne.

www.citroen.es
Responsive design (adapté aux mobiles) Oui
En espagnol Oui
Accessibilité générale à l'information Mauvais
Accès aux modèles Bon
Accès aux manuels Mauvais
Accès aux concessionnaires Via le moteur de recherche
Informations juridiques Caché
Feuilles de secours (*) Oui
Contenu supplémentaire Histoire
Bulletin d'information Oui
Blog Oui
Offres d'emploi Non
Informations sportives Oui
Qualité de l'image Bon
Taille de l'image Bon
Vue 3D Oui
Moteur de recherche interne Régulier
Intégration des réseaux sociaux Régulier
Téléchargement multimédia Non
Autres téléchargements Fiches techniques et catalogues d'accessoires
Boutique (merchandising) Non
Traitement promotionnel Très agressif
Informations sur l'entreprise Non
(*) Dossiers standardisés avec des informations provenant de la Commission européenne.
véhicule

La perception générale du site web de Citroën Espagne est celle d'une organisation chaotique, d'un manque de cohérence et d'une approche commerciale très agressive, qui peut être gênante, avec certains aspects d'un marché aux puces. L'aspiration à vendre est légitime, mais lorsque cela est fait avec classe, le résultat peut être meilleur. Il n'est pas non plus agréable de voir la quantité de commandes qui s'ouvrent dans une autre instance du navigateur ; en quelques minutes, vous pouvez avoir l'écran rempli d'onglets. On ne peut pas dire que les informations soient incomplètes, mais il n'est pas très intuitif, voire encombrant, d'accéder à certaines sections. Tout ce qui précède concerne la version de bureau. Sur un appareil mobile, c'est encore pire.

Peugeot

Le site web de Peugeot Espagne est un bon exemple de la façon dont deux frères peuvent être différents. Il a en commun avec le site précédent certains des principaux éléments du menu général, le réseau de vente et la manière d'y accéder. Il dispose également d'un "diaporama" - moins agressif - et de plusieurs menus. Les similitudes s'arrêtent là, car la grande différence en faveur du site de Peugeot Espagne est la cohérence de la page en termes de graphisme, ainsi que la disposition rationnelle de tous ses éléments.

Dans la version desktop, tout est à portée de main : menu général, accès immédiat aux différents modèles, informations complémentaires dans un menu graphique esthétique, informations légales en un coup d'œil, intégration aux réseaux sociaux discrète mais visible, et autres contenus regroupés sous la rubrique : "Liens utiles", regroupés de manière appropriée et visuellement bien mis en valeur. Le site web de Peugeot peut être plus ou moins attrayant selon le goût de chaque utilisateur, mais il ne fait aucun doute que, en tant qu'outil, il est bien conçu.

Pour illustrer le soin apporté à la conception et à la mise en page du contenu, citons la section "mentions légales". Il contient les mêmes termes décousus et presque juridiques que presque tous les autres sites connexes, mais il est bien organisé, esthétiquement agréable et rationnellement disposé, ce qui permet de trouver précisément les différents aspects.

La version mobile de Peugeot.co.uk n'est pas aussi complète, mais l'esprit de travail cohérent et bien fait se poursuit ; il est agréable et intuitif de naviguer sur le site même avec des smartphonesà petit écran.

Jetons un coup d'œil à un résumé des caractéristiques du site officiel de Peugeot Espagne.

www.peugeot.es
Responsive design (adapté aux mobiles) Oui
En espagnol Oui
Accessibilité générale à l'information Excellent
Accès aux modèles Excellent
Accès aux manuels Non
Accès revendeur Par moteur de recherche et par code postal
Informations juridiques Visible et bien organisé
Feuilles de secours (*) Non
Contenu supplémentaire Non
Bulletin d'information Oui
Blog Non, bien qu'il y ait un service d'information
Offres d'emploi Non
Informations sportives Oui
Qualité des images Bon
Taille de l'image Régulier
Vue 3D Non
Moteur de recherche interne Non
Intégration des réseaux sociaux Bon
Téléchargement multimédia Non
Autres téléchargements Catalogues d'accessoires
Boutique (merchandising) Non
Traitement des promotions Rationnel
Informations sur l'entreprise Non
(*) Fiches de données standardisées avec des informations sur le
véhicule

DS

Le dernier-né de la famille PSA est la marque premium DS, qui dispose de son propre site web, bien qu'il soit possible d'y accéder directement ou indirectement à partir du site Citroën (du moins en ce qui concerne les promotions). Sur le site de DS Automobiles, les tons sombres, presque noirs, dominent. Dans certaines images, notamment la première qui apparaît dans le passage automatique, l'idée que le noir est associé au luxe est poussée à l'extrême, à tel point que le résultat ressemble à celui de deux ninjas qui se battent dans un tunnel non éclairé pour une once de chocolat : les détails sont perdus au milieu de toute cette obscurité. L'implémentation mobile souffre de la même chose.

Hormis le choix de la couleur, le site web de DS est simple, avec un menu de base qui permet un accès direct à sa maigre gamme. Le design du site souffre d'une certaine incohérence entre des sections noires comme la nuit et d'autres d'un blanc neigeux. Elle donne l'impression d'être inachevée (et si elle l'est, il lui manque plus qu'une ébullition). Outre l'accès direct aux modèles, il propose un contenu intéressant dans le petit sous-menu à trois rubriques : "inside", "connect" et "services".

L'allégation publicitaire "Nous vous appelons gratuitement", sous la forme d'une bannière qui peut être cachée, a le comportement d'un vilain enfant. C'est bien s'il apparaît au chargement de la page, mais si l'utilisateur choisit de le masquer, il ne doit pas réapparaître à chaque fois que l'on passe d'un menu à l'autre. Si c'est un bug de programmation, le père du code se fait taper sur les doigts. Si c'est l'idée du département marketing : vous êtes un emmerdeur ! Soit on est premium, soit on ne l'est pas ; tant de gratuité nuit à l'image de la marque.

Comme le site ne donne pas beaucoup plus d'informations sur lui-même, voici le tableau récapitulatif des fonctionnalités :

www.dsautomóviles.es
Responsive design (adapté aux mobiles) Oui
En espagnol Oui
Accessibilité générale à l'information Bien
Accès aux modèles Excellent
Accès aux manuels Non
Accès revendeur Régulier
Informations juridiques Caché
Feuilles de secours (*) Non
Contenu supplémentaire Oui, histoire
Bulletin d'information Oui
Blog Non
Offres d'emploi Non
Informations sportives Non
Qualité de l'image Bon
Taille de l'image Fin
Vue 3D Non
Moteur de recherche interne Oui
Intégration des réseaux sociaux Rare
Téléchargement multimédia Non
Autres téléchargements Non
Boutique (merchandising) Non
Traitement des promotions Discret
Informations sur l'entreprise Non
(*) Fiches de données normalisées avec des informations provenant de la
véhicule

Conclusions de l'analyse qualitative

En termes de conception, d'organisation et d'outil pour l'utilisateur, le site web de Peugeot España est de loin supérieur à ses homologues. Le site de Citroën est plus complet en termes de contenu. Les sites Citroën et DS souffrent tous deux d'un fort parti pris commercial, excessif dans le cas de Citroën et insuffisant dans le cas de la marque premium.

En ce qui concerne les informations sur les entreprises, il en va de même dans ces trois cas que dans les autres groupes : il existe un portail spécifique à cet effet. Le Groupe PSA dispose d'un site Internet international, en anglais et en français, avec des informations sur la responsabilité sociale de l'entreprise, des informations financières, le cours de l'action, etc. Il existe également un site espagnol, centré sur l'usine PSA de Villaverde (Madrid), et un autre consacré au site de Vigo. Les deux sites espagnols fournissent principalement des informations sur les plantes, mais il manque des informations qui ne sont disponibles que sur le portail international.

Ajouter un commentaire de Les sites web des marques à la loupe : PSA Peugeot Citroën
Commentaire envoyé avec succès ! Nous l'examinerons dans les prochaines heures.