Pour Anaé, marque d’Écodis dédiée à l’hygiène naturelle, j’ai participé à une refonte web complète visant à moderniser l’image, structurer les contenus et faciliter leur gestion. Le projet combine UX/UI, WordPress, Elementor Pro, contenus dynamiques et SEO.
Outils
Elementor
CSS
Adobe XD

Client

Écodis — refonte du site Anaé, marque engagée dans l’hygiène naturelle et écoresponsable.

Rôle

UX/UI, prototypage Adobe XD, intégration WordPress/Elementor Pro, CSS et contenus dynamiques.

Mission

Moderniser le site, structurer les contenus et rendre leur gestion quotidienne plus autonome.

Moderniser l’image d’une marque engagée

Anaé souhaitait faire évoluer son site web afin de mieux refléter ses valeurs : durabilité, proximité, bien-être et respect de l’environnement. Le projet ne se limitait pas à une mise à jour esthétique. Il s’agissait de repenser l’expérience globale du site, de mieux organiser les contenus et de rendre la gestion quotidienne plus simple pour les équipes internes.

L’enjeu était donc double : créer une interface plus moderne et cohérente avec la nouvelle charte graphique, tout en construisant une base technique capable d’accompagner l’évolution des produits, recettes, articles et actualités.

Structurer l’expérience utilisateur avec Adobe XD

La première étape a consisté à participer à une phase de réflexion avec les équipes PAO, marketing et direction artistique. Cette collaboration a permis d’aligner les besoins de la marque, l’architecture du site et le parcours utilisateur.

J’ai ensuite conçu un prototype interactif sous Adobe XD afin de visualiser la structure des pages, la hiérarchie des contenus et l’ambiance graphique avant l’intégration. Cette maquette a servi de support de validation avec les équipes, permettant d’ajuster rapidement les sections, les espaces, les visuels produits et la logique de navigation.

Intégrer une interface fidèle sous WordPress

Le site a été intégré sous WordPress avec Elementor Pro. L’objectif était de respecter fidèlement la maquette Adobe XD tout en conservant une interface flexible, administrable et responsive.

Elementor Pro m’a permis de construire des sections claires, cohérentes et facilement modifiables par les équipes. Lorsque certaines limites de l’outil ne permettaient pas d’obtenir exactement le rendu souhaité, j’ai utilisé du HTML et du CSS pour affiner l’interface, ajuster certains comportements et répondre aux besoins spécifiques du projet.

Créer une structure dynamique et autonome

Un des points forts du projet était la mise en place de contenus dynamiques avec des Custom Post Types. Cette structure permettait d’organiser les produits, recettes, articles, catégories et tags de manière plus claire dans l’administration WordPress.

L’objectif était de rendre les équipes plus autonomes : créer une nouvelle fiche produit, publier une recette ou mettre à jour un contenu sans dépendre d’une intervention technique à chaque modification. Cette approche transforme le site en véritable outil de travail, pensé pour une utilisation quotidienne.

Optimiser le contenu, le SEO et l’écosystème digital

La refonte a aussi intégré une logique SEO. J’ai retravaillé l’organisation des produits, la structure des catégories, les tags, les mots-clés et la hiérarchie des contenus afin d’améliorer la lisibilité du site pour les utilisateurs comme pour les moteurs de recherche.

Le projet incluait également l’ajout de langues supplémentaires pour élargir l’accessibilité du site, ainsi que l’intégration du flux Instagram d’Anaé afin de connecter le site à la communication sociale de la marque.

Résultat et valeur professionnelle

Le résultat est un site plus moderne, plus clair et plus cohérent avec l’univers écoresponsable d’Anaé. L’interface respecte la direction définie sous Adobe XD, tout en intégrant les ajustements techniques nécessaires sous WordPress, Elementor Pro, HTML et CSS. Vous pouvez visiter le site ici.

Ce projet démontre ma capacité à intervenir sur une refonte web complète : réflexion UX, maquettage, intégration WordPress, contenus dynamiques, SEO, responsive design et autonomie éditoriale. Il illustre mon profil de Designer 360° : capable de relier design, technique, contenu et besoins réels des équipes dans une solution web durable et exploitable.

Partager

Projets similaires