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.