Étude de cas 01 · Site web

Refonte éditoriale & UX du site EZad

Repenser un site B2B devenu trop difficile à lire pour mieux expliquer l’offre, rapprocher la communication des usages clients et renforcer la visibilité organique.

Stratégie de contenu UX / UI SEO / GEO Figma Astro / Tailwind
Voir le site en ligne ↗
Nouvelle page d’accueil du site EZad, présentant Toucan et les campagnes magasin

Le point de départ

Le site ne racontait plus vraiment l’entreprise.

L’offre EZad avait évolué, mais le site restait construit autour d’une présentation très générale de « solutions d’affichage ». Les produits, services et cas d’usage étaient difficiles à hiérarchiser et le discours ne permettait pas toujours de comprendre rapidement ce que l’entreprise apportait concrètement à un réseau ou à un point de vente.

La refonte ne devait donc pas être seulement graphique. L’enjeu principal était de remettre à plat la structure, les messages et les parcours pour partir des besoins clients, puis rendre les différentes solutions plus lisibles.

Identité de marque · 2017

Poser les bases visuelles d’EZad.

En 2017, j’ai conçu le logo d’EZad et sa charte graphique. L’objectif était de rajeunir l’image de la société sans rompre avec l’héritage de ses logiciels, tout en installant une identité visuelle forte, dynamique et immédiatement reconnaissable.

J’ai formalisé les règles d’usage du logotype — variantes, zone de protection, utilisation sur fonds et interdictions — ainsi que les typographies, la palette Pantone / RVB / hexadécimale et les principales déclinaisons print et web.

Extraits de la charte graphique EZad conçue en 2017 : couverture, construction du logotype, palette de couleurs et papeterie
Extraits de la charte graphique : identité, règles du logotype, palette et premières déclinaisons.

Déclinaisons · communication dans les locaux

Faire vivre l’identité au-delà du logo.

J’ai ensuite décliné cette identité sur une série d’affiches destinées à habiller les locaux d’EZad. Elles reprenaient les grandes promesses de l’offre — simplicité, rapidité, conformité — et mettaient en scène des usages concrets : impression depuis les catalogues enseigne, conformité des affiches, affichage dynamique ou bornes interactives.

Avant Une page très dense, peu hiérarchisée et centrée sur des catégories de solutions.
Ancienne page d’accueil du site EZad
Après Une entrée centrée sur les usages, Toucan et les bénéfices pour le point de vente.
Nouvelle page d’accueil du site EZad
Nouvelle page d’accueil complète du site EZad
La nouvelle page d’accueil dans son ensemble : une progression pensée des usages et du produit vers les preuves, la méthode de déploiement et la prise de contact.

La démarche

Clarifier d’abord, concevoir ensuite.

01

Restructurer l’offre

Revoir l’arborescence, distinguer produits, solutions et services, puis créer des parcours plus directs selon les besoins.

02

Réécrire les messages

Partir des usages terrain et des bénéfices clients plutôt que d’une liste de fonctionnalités techniques.

03

Concevoir les parcours

Maquetter les pages et les hiérarchies dans Figma, puis adapter l’expérience aux usages desktop et mobile.

04

Mesurer et ajuster

Suivre l’indexation, les requêtes, les impressions et les performances techniques après la mise en ligne.

Maquette Figma de la refonte de la page d’accueil EZad
Une maquette de travail de la nouvelle page d’accueil avant intégration.

Un site plus lisible

Donner à chaque sujet le bon niveau de profondeur.

La nouvelle structure donne à chaque offre un niveau de lecture adapté : bénéfice client d’abord, fonctionnement ensuite, puis détails utiles. Les pages solutions gagnent en lisibilité tandis que le blog devient un point d’entrée vers l’expertise de l’entreprise et les problématiques métier.

Page de présentation de la solution de personnalisation produit du nouveau site EZad
Une page solution qui rend immédiatement tangible le bénéfice client avant d’expliquer le fonctionnement.
Page blog du nouveau site EZad
Un blog structuré autour des sujets de communication point de vente et des retours terrain.

Responsive & international

Une expérience pensée au-delà de la page desktop.

Version mobile d’une page solution EZad

Les pages sont conçues pour rester lisibles sur mobile, avec une hiérarchie resserrée, des CTA visibles et des blocs qui conservent leur logique sans simplement empiler la version desktop.

Le site existe également en anglais, avec des contenus adaptés plutôt qu’une simple duplication littérale des pages françaises.

Version anglaise de la page d’accueil EZad

Mise en production & expérience utilisateur

Aller au-delà de la refonte des pages.

La mise en ligne a aussi été l’occasion d’enrichir l’expérience et de fiabiliser le fonctionnement du site : accès plus direct à l’information produit grâce à un assistant conversationnel, et gestion du consentement avant le déclenchement des outils de mesure.

Assistant conversationnel Toucan intégré au site EZad
Assistant conversationnel Intégration d’un chatbot pour faciliter l’accès à l’information produit et orienter les visiteurs à partir de leurs questions.

Résultats

Une visibilité qui progresse, sans sacrifier la qualité technique.

+138 % d’impressions organiques sur les 30 jours suivant la mise en ligne, par rapport aux 30 jours précédents
98 Performance PageSpeed desktop
100 Accessibilité
100 SEO

Sources : Google Search Console et PageSpeed Insights, données consultées le 25 août 2026.

Rapport PageSpeed Insights du site EZad : 98 en performance et 100 en accessibilité, bonnes pratiques et SEO
PageSpeed Insights — version desktop, 25 août 2026.

Ce que ce projet démontre

Relier compréhension produit, contenu, UX et mesure.

Ce projet résume bien ma manière de travailler : comprendre une offre complexe, identifier ce qui doit être clarifié, structurer les messages et les parcours, puis suivre les résultats pour continuer à améliorer l’expérience.

Communication B2B Identité de marque Vulgarisation de sujets techniques Coordination transverse UX / contenu SEO / GEO Mesure de performance Chatbot & conformité RGPD
Projet suivant Toucan — identité produit & UX/UI →