Rénovation d’un site internet :
le projet Nature Matériaux
Rénover un site internet, ce n’est pas seulement lui donner un nouveau look. Après près de dix ans d’existence, le site de Nature Matériaux devait évoluer. En dix ans, les habitudes avaient profondément changé : navigation sur mobile, lisibilité, accès aux produits, référencement et simplicité d’utilisation. Le web avait changé. Mais le projet est rapidement allé plus loin. Il ne s’agissait plus seulement de moderniser quelques pages. La rénovation devenait aussi un projet d’identité. Nouvel univers visuel, création d’une mascotte, illustrations dédiées et cohérence entre le site internet et les réseaux sociaux : Nature Matériaux allait disposer d’une véritable identité numérique. L’objectif n’était donc pas de faire « plus joli » à tout prix, mais de construire un site plus actuel, plus pratique et surtout plus identifiable. Moderniser sans effacer près de dix années de contenus et d’histoire.
- ÉTAPE 1 : renforcer l’impact visuel de Nature Matériaux
Lorsque j’ai commencé à travailler avec Nature Matériaux, la demande était relativement simple : renforcer l’impact visuel de l’entreprise et développer sa communication. Nature Matériaux possédait déjà son logo et une identité bien installée. Son format très horizontal fonctionnait parfaitement sur de nombreux supports, mais se montrait parfois moins pratique pour certains usages numériques. Notamment sur les réseaux sociaux, les petits formats ou le mobile. L’objectif n’était donc pas de remplacer le logo existant, mais de lui apporter un élément graphique complémentaire. Une identité plus facile à utiliser selon les supports. J’ai exploré plusieurs pistes et réalisé plusieurs propositions. Puis, parmi elles, une s’est imposée presque naturellement. Elle est devenue le nouvel emblème de Nature Matériaux, utilisé aux côtés du logo historique. Le point de départ d’une identité visuelle beaucoup plus large.
- ÉTAPE 2 : la rénovation du site Nature Matériaux
Peu de temps après ce premier travail graphique, Nature Matériaux m’a contacté avec une nouvelle question : pouvais-je également m’occuper de leur site internet ?
Le projet prenait alors une tout autre dimension.
Le site existant avait près de dix ans. Il avait accompagné l’entreprise pendant toutes ces années et rempli son rôle. Mais entre-temps, le web avait profondément évolué.
Les habitudes de navigation avaient changé, le smartphone était devenu incontournable et les attentes en matière de lisibilité, de rapidité et de simplicité n’étaient plus les mêmes. Il fallait adapter le site aux nouveaux usages.
Il ne s’agissait donc pas simplement de changer quelques couleurs ou de moderniser une page. Il fallait d’abord comprendre l’existant.
Identifier ce qui pouvait être conservé, ce qui devait évoluer et comment moderniser l’ensemble. Sans perdre près de dix années de contenus et de travail.
- ÉTAPE 3 : Conserver ce qui fonctionne pour maîtriser le budget
Avant de commencer la rénovation, il fallait d’abord comprendre comment fonctionnait le site existant et identifier ce qui devait réellement être remplacé… mais aussi ce qui méritait d’être conservé.
Au fil des années, Nature Matériaux avait constitué une importante base de données regroupant plusieurs centaines de produits, leurs références, descriptifs, caractéristiques et visuels, un véritable patrimoine numérique pour l’entreprise.
Recréer entièrement cette base sur un nouveau site aurait représenté un travail considérable et aurait surtout fait fortement augmenter le coût de la rénovation, sans apporter de réel bénéfice à l’entreprise ou à ses clients.
J’ai donc fait le choix de conserver cette base de données et le catalogue existant, tout en reconstruisant autour d’eux une nouvelle partie vitrine, moderniser sans tout reconstruire.
Cette décision a ensuite guidé une grande partie de la conception du nouveau site : conserver ce qui fonctionnait encore et concentrer le travail et le budget là où ils apportaient une véritable amélioration. Faire mieux, sans faire inutilement plus cher.
ÉTAPE 4 : Penser d’abord à l’utilisateur
Un site de commerce n’a pas forcément vocation à être spectaculaire. Il doit avant tout être clair, simple à utiliser et permettre au visiteur de trouver rapidement ce qu’il cherche.
Il aurait bien sûr été possible de multiplier les animations, les effets graphiques ou d’utiliser des templates très démonstratifs. Mais pour Nature Matériaux, cela n’aurait pas forcément rendu le site plus efficace.
L’objectif était donc différent :
Faire un site qui ressemble à Nature Matériaux.
La personnalité du site repose avant tout sur son identité graphique. Et c’est ici que l’emblème créé précédemment va connaître une nouvelle évolution : la maison prend vie et devient la mascotte Nature Matériaux.
Déclinée selon les différents univers du site, elle accompagne le visiteur, apporte une touche plus humaine et permet d’identifier immédiatement l’univers Nature Matériaux.
Elle crée également un lien entre le site internet et les réseaux sociaux, où elle peut être utilisée et déclinée dans de nombreuses situations.
ÉTAPE 5 : Montrer avant de construire
Maintenant que les principaux éléments du projet étaient définis, je pouvais passer à une première mise en situation concrète. J’ai réalisé 3 ou 4 pages de démonstration afin de permettre à Nature Matériaux de découvrir ce que pourrait devenir son futur site : son identité, son ambiance, sa navigation et son organisation générale. Ces premières pages ont permis d’échanger, de tester différentes idées et d’apporter quelques ajustements avant d’aller plus loin. Une fois cette direction validée, je pouvais alors décliner le concept sur l’ensemble du site.
ÉTAPE 6 : Construire le nouveau sans arrêter l’ancien
Une fois le concept validé, j’ai pu commencer la construction complète du nouveau site dans un environnement séparé. Pendant toute cette période, l’ancien site de Nature Matériaux est resté en ligne et a continué de fonctionner normalement. Le nouveau site a ainsi pu être construit progressivement, sans perturber l’activité de l’entreprise ni ses visiteurs. Une fois l’ensemble terminé, Nature Matériaux a pu parcourir et tester l’intégralité du nouveau site, aussi bien sur ordinateur que sur mobile, et demander les derniers ajustements.
ÉTAPE 7 : Préserver les acquis et améliorer le référencement
Nature Matériaux avait deux exigences importantes : conserver son nom de domaine historique et ne pas repartir de zéro concernant sa présence sur Google. La migration a donc été préparée pour préserver autant que possible les acquis du référencement existant. Les anciennes pages déjà connues de Google ont notamment été identifiées afin de mettre en place des redirections vers les pages correspondantes du nouveau site, plutôt que de laisser les visiteurs arriver sur des pages d’erreur. Et puisque les pratiques SEO ont beaucoup évolué depuis la création de l’ancien site, cette rénovation a également été l’occasion d’améliorer son optimisation pour les moteurs de recherche : structure des pages, contenus, titres, navigation et adaptation aux usages mobiles.
ÉTAPE 8 : Choisir le bon moment pour la migration
Le nouveau site étant construit, testé et validé, il restait une dernière étape importante : remplacer l’ancien sans perturber l’activité de Nature Matériaux.
J’ai volontairement profité des congés annuels de l’entreprise pour effectuer cette opération dans les meilleures conditions.
Dans ce cas précis, il a fallu prévoir :
environ 2 à 3 jours pour effectuer la bascule et les contrôles.
Ce délai correspond uniquement à la migration du site de préparation vers le site officiel, à la remise en place des différents services et aux vérifications nécessaires après la bascule.
Il ne correspond évidemment pas au temps nécessaire à la conception et à la réalisation complète du nouveau site.
ÉTAPE 9 : On arrête le blabla… le résultat !
Survolez l’image pour découvrir le nouveau site.
Avant
Après
Avant
