01 Décembre 2017
Le changement de charte graphique du spa des Thermes de Vittel et l'Expérience Utilisateur invitaient à une refonte complète.
LE CONTEXTE
En 2014, les services proposés par les Thermes de Vittel (Vosges) impliquaient d'un point de vue marketing la séparation au niveau communication des activités de cures médicalisées et celles de confort et de loisirs de type « spa ». La création d'un site web de vente en ligne des activités du spa s'est imposée d'elle-même : c'est la naissance du site e-commerce Spa-Vittel.com.
Dès la première mouture, le site disposait d'une version mobile, d'un webservice pour le suivi des points fidélités, du module de paiement sécurisé, et l'ensemble des prestations (soins, produits, cartes cadeaux…) pouvaient être directement commandés en ligne depuis le site (front-office). Le personnel gérait les commandes, les clients, les offres dans le back-office du module Boutique du CMS.
LA DIFFERENCIATION
Fin 2016, une nouvelle charte graphique s'est imposée pour valoriser les activités du spa par rapport aux cures thermales médicalisées et pour produire de la différenciation (sortir des tons bleus). En parallèle, nous bénéficiions d'un recul de 2 ans sur les comportements des internautes (ordinateurs et mobiles) via les statistiques de fréquentation, les taux de rebond et de transformation.
Ces précieuses informations ont permis de travailler sur l'ergonomie du site afin d'améliorer l'expérience utilisateur (UX) pour, in fine, faire augmenter le nombre de commandes et le chiffre d'affaires.
L'ETAT DE L'ART
Une approche multi-devices (travailler en même temps les écrans « ordinateur » et « mobiles ») au niveau des mockups et maquettes graphiques est désormais obligatoire dans toute création de site internet et a fortiori dans une stratégie e-commerce : la vision « mobile first » prônée par les agences étant encore difficile à s'imposer.
La refonte du front-office du site se devait d'être entièrement responsive design afin d'améliorer le rendu de chaque écran, quel que soit le support utilisé. Un travail sur les contenus a également été fait pour rendre plus performants à la lecture : titres, descriptifs, prix, options … ont été retravaillés. Des « effets » de mouvement sobres mais pertinents (encadrement à la volée de l'information active, mouvement d'étiquette à l'affichage du prix…) permettent d'attirer l'oeil vers les zones utiles.
PENSER SEO
Comme dans toute refonte de site internet et plus encore lorsqu'il s'agit d'un site e-commerce, il a fallu veiller à ne pas envoyer de signaux négatifs aux moteurs de recherche lors de la migration du site afin de ne pas perdre un volume significatif d'internautes. Le travail d'analyse des statistiques en amont de la refonte du site et de mise en place de redirections d'url ont permis d'éviter cet écueil.
POUR ALLER PLUS LOIN
La refonte de site e-commerce est un vrai enjeu souvent mal pris en compte par les agences web. Dans le cadre d'une e-boutique, tant qu'il s'agit d'une création, il y a tout à gagner et pas grand-chose à perdre puisqu'il n'y a pas de référentiel. En revanche, quand il s'agit d'une refonte de site existant, la plupart du temps les URLs vont changer. Ne pas en tenir compte, c'est perdre tous les liens entrants qui se sont créés au fil du temps et qui ont donné de la popularité à votre site auprès des moteurs de recherche.
Lors de la migration, dans le cadre de la refonte d'un site, il faut donc prévoir un plan d'action spécifique piloté par le pôle SEO de l'agence et s'assurer que les outils (et en premier lieu le CMS) permettront techniquement la prise en charge.
La refonte de site e-commerce est un vrai enjeu souvent mal pris en compte par les agences web. Dans le cadre d'une e-boutique, tant qu'il s'agit d'une création, il y a tout à gagner et pas grand-chose à perdre puisqu'il n'y a pas de référentiel. En revanche, quand il s'agit d'une refonte de site existant, la plupart du temps les URLs vont changer. Ne pas en tenir compte, c'est perdre tous les liens entrants qui se sont créés au fil du temps et qui ont donné de la popularité à votre site auprès des moteurs de recherche.
Lors de la migration, dans le cadre de la refonte d'un site, il faut donc prévoir un plan d'action spécifique piloté par le pôle SEO de l'agence et s'assurer que les outils (et en premier lieu le CMS) permettront techniquement la prise en charge.