Moderniser un site existant sans interrompre l’activité
Lors de mon passage chez Ecodis, j’ai travaillé sur la refonte du site officiel Ah! Table!, marque dédiée aux ustensiles de cuisine naturels et éco-conçus. Le site existant n’avait pas été mis à jour depuis plusieurs années et présentait des limites techniques liées à WordPress, aux plugins et au thème utilisé.
L’enjeu était double : moderniser l’image de la marque selon sa nouvelle identité visuelle, tout en conservant un site accessible aux utilisateurs, aux partenaires et aux équipes internes. Cette contrainte a demandé une approche progressive, organisée et sécurisée.
Auditer, cadrer et préparer la refonte
Avant toute intégration, j’ai réalisé un audit du site afin d’identifier les points faibles : contenus obsolètes, limites ergonomiques, problèmes techniques, catalogue à actualiser et incohérences graphiques.
Ce travail a été mené en collaboration avec l’équipe PAO, la direction artistique et les chefs de produit. L’objectif était de transformer une refonte complexe en plan d’action clair, avec des priorités réalistes et une organisation adaptée aux contraintes de l’entreprise.
Concevoir l’interface avec Adobe XD
J’ai ensuite créé des maquettes sous Adobe XD pour traduire la nouvelle charte graphique dans une interface web cohérente. Ces maquettes ont permis de valider la structure des pages, la hiérarchie des contenus, les choix visuels, l’intégration des photographies et les besoins fonctionnels avant la phase de production.
Cette étape a été essentielle pour aligner les équipes autour d’une vision claire du futur site et limiter les risques lors de l’intégration sous WordPress.
Reconstruire le site sous WordPress et Elementor
La refonte a été menée progressivement afin d’éviter toute interruption du site. J’ai d’abord actualisé certaines parties en HTML/CSS, puis remplacé l’ancien thème par une base plus moderne et compatible avec Elementor.
Elementor m’a permis de reconstruire les pages avec plus de souplesse, d’améliorer la lisibilité des contenus et d’adapter les blocs à la nouvelle identité graphique. Le travail a porté sur la structure des pages, les espacements, les visuels produits, le responsive design et l’harmonisation générale de l’interface.
Actualiser le catalogue et optimiser le SEO
Une partie importante du projet concernait le catalogue produit. En lien avec les chefs de produit, j’ai participé à la mise à jour des fiches, à la suppression des références obsolètes, à la réorganisation des catégories et à l’intégration d’informations utiles comme les codes produits et les visuels optimisés.
La refonte a également intégré un travail SEO : amélioration des balises, hiérarchie des titres, organisation des contenus, nommage des images et optimisation de leur poids. L’objectif était d’améliorer la visibilité du site tout en renforçant la qualité de navigation.
Sécuriser la mise en ligne et renforcer l’écosystème digital
La refonte devait être réalisée sur un site actif. Pour limiter les risques, j’ai travaillé par étapes, avec des sauvegardes régulières et des interventions planifiées sur des moments à faible trafic.
Un flux Instagram a également été intégré afin de connecter le site à la communication sociale de la marque et de dynamiser l’interface avec des contenus actualisés.
Résultat et valeur professionnelle
Le résultat est un site plus moderne, plus clair et mieux aligné avec l’identité visuelle d’Ah! Table!. Le catalogue produit est plus structuré, la navigation plus fluide, l’expérience mobile améliorée et les contenus mieux optimisés pour le référencement. Visitez le nouveau site Ah! Table! ici.
Ce projet démontre ma capacité à gérer une refonte WordPress dans un environnement professionnel réel, avec des contraintes techniques, éditoriales, graphiques et organisationnelles. Il illustre mon profil de Designer 360° : capable de relier webdesign, intégration, SEO, performance, contenu produit et cohérence de marque dans un projet digital complet.
