Refonte du site web de TMA Menuiseries : un projet SEO et UX sur-mesure

Récemment, j’ai eu l’opportunité de travailler sur la refonte du site internet de TMA Menuiseries, une entreprise de menuiserie basée à Limoges, spécialisée dans l’installation de menuiseries sur-mesure, ainsi que dans l’aménagement intérieur et extérieur. Gérée par Monsieur Jérôme Trignac, l’entreprise intervient principalement en Haute-Vienne, mais aussi dans d’autres départements de la région Nouvelle-Aquitaine. Dans une optique de développement, elle prépare également l’ouverture d’une prochaine agence à La Rochelle.

Le défi : améliorer la visibilité en ligne

Lorsque Monsieur Trignac m’a contacté, le principal souci était la visibilité en ligne de son entreprise. Le site existant, un site one-page très basique, manquait cruellement de contenu, ce qui nuisait à son référencement naturel (SEO). Cela réduisait fortement la visibilité de l’entreprise sur les moteurs de recherche, notamment Google, rendant difficile l’acquisition de nouveaux clients via le canal digital.

Après plusieurs échanges avec Monsieur Trignac pour bien cerner ses besoins, nous avons établi ensemble une stratégie SEO visant à augmenter la visibilité du site tout en améliorant l’expérience utilisateur (UX).

Stratégie de refonte : découpage en deux phases

Le projet s’est articulé en deux phases majeures :

1. Création des pages principales : cette première étape visait à concevoir et développer les pages clés du site (Accueil, Menuiseries, Aménagements, Contact).
2. Création de pages d’index pour présenter les produits, dans le but de fournir davantage de contenu pour améliorer le SEO.

La première phase, déjà livrée, a permis à l’entreprise d’avoir un site avec une structure plus solide et un contenu optimisé pour le référencement. La seconde phase est actuellement en cours de développement.

Étapes de conception : wireframes, maquettes UI, et choix technologiques

Avant de me lancer dans le développement proprement dit, il était crucial de poser les bases visuelles du site. J’ai donc commencé par réaliser des wireframes pour organiser la disposition des éléments et optimiser l’expérience utilisateur. Ces esquisses ont ensuite servi de base pour la conception de maquettes UI, où il a été décidé de conserver la palette de couleurs existante de l’entreprise afin de respecter son identité visuelle. Cependant, certaines modifications ont été apportées, notamment sur les typographies et le logo, ce dernier ayant été refait par un graphiste.

Une fois les maquettes validées, j’ai pu débuter le développement.

Pour ce projet, j’ai choisi d’utiliser NuxtJS, un framework basé sur Vue.js. Ce choix s’est imposé naturellement pour plusieurs raisons :

• La possibilité de créer des composants réutilisables, facilitant la gestion des différentes sections du site.
• La structure automatique de NuxtJS, qui permet une organisation claire des pages et une livraison rapide tout en garantissant une maintenance simplifiée par la suite.

Livraison de la première phase

Après un mois de travail intensif, la première partie du projet a été livrée, avec un site refondu, plus riche en contenu, et optimisé pour le SEO. L’impact sur la visibilité du site devrait commencer à se faire sentir progressivement, une fois que Google aura indexé les nouvelles pages et pris en compte les optimisations effectuées.

La seconde phase, qui comprend la création des pages d’index pour les produits, est actuellement en cours et sera livrée prochainement.

Ce projet avec TMA Menuiseries m’a permis de mettre en pratique des compétences en conception UX, en développement web et en optimisation SEO, ainsi qu’en planification de tâches tout en répondant à des problématiques concrètes d’une entreprise locale souhaitant améliorer sa visibilité en ligne. Je suis impatient de finaliser la deuxième partie du projet et de voir les résultats complets de cette refonte.

Site internet : https://tma-menuiseries.fr