France Obsèques
Refondre une plateforme funéraire hybride de A à Z — architecture, système de gabarits, design system et handoff — en tant que seule designer sur le projet.
France Obsèques sert simultanément deux audiences très différentes : les particuliers qui cherchent une agence funéraire et les professionnels qui souhaitent y référencer la leur. La plateforme existante ne répondait plus aux besoins de l'une ni de l'autre.
Une plateforme qui ne parlait plus à personne
France Obsèques fonctionnait déjà en double architecture — un site principal et des mini-sites par enseigne partenaire — mais la navigation entre ces deux niveaux était incompréhensible pour les utilisateurs. L'architecture d'information était fragmentée, la charte graphique obsolète, et le contenu éditorial ne répondait plus aux standards actuels.
D'un côté, les particuliers — souvent dans un contexte émotionnellement difficile — devaient pouvoir trouver rapidement une agence proche et initier un premier contact. De l'autre, les professionnels partenaires avaient besoin d'une vitrine cohérente et identifiable pour leur agence au sein du réseau.
La plateforme avait besoin d'être repensée de fond en comble — pas juste redessinée, mais restructurée pour servir efficacement deux audiences aux besoins radicalement différents.
Travailler sans données, aller vite sans sacrifier la cohérence
La stack technique vieillissante du site existant ne permettait aucun suivi de navigation — aucune donnée comportementale, aucune carte de chaleur, aucun taux de conversion mesurable. Le projet devait avancer vite, avec des délais serrés, sans les fondations de recherche habituelles.
Aucune donnée de départ
La stack existante ne permettait aucun tracking. Les décisions de conception ont été prises sur la base du benchmark, des visites terrain et des insights collectés directement auprès des experts métier et SEO.
Délais contraints
Le développement se faisait au fil de l'eau — les premières pages conçues partaient en production pendant que les suivantes étaient encore en conception. Impossible d'attendre une vision complète pour commencer à livrer.
Seule designer, cinq équipes
PM, PO, développement, communication, SEO, métier et parties prenantes — tous avec des priorités différentes. Maintenir la cohérence de la vision design tout en répondant à chaque interlocuteur était une contrainte organisationnelle à part entière.
Construire une vision sans les outils habituels
Visites terrain et insights métier
En l'absence de recherche utilisateur formelle, des visites en agences ont été organisées pour comprendre les réalités du terrain — ce que les professionnels souhaitaient mettre en avant, comment ils présentaient leurs services, quelles informations étaient prioritaires pour leurs clients. Ces insights qualitatifs, combinés aux données et recommandations des équipes SEO et métier, ont constitué la base des premières décisions d'architecture.
Benchmark ciblé par page
Pour chaque type de page à concevoir — store locator, tunnel de devis, page enseigne, annuaire — un benchmark spécifique a été conduit pour identifier les patterns qui fonctionnent dans des contextes comparables, les angles morts de l'existant, et les opportunités de différenciation. Ce benchmark a structuré les premières recommandations UX présentées aux parties prenantes et servi de référence tout au long de la conception.
Repenser un système à deux niveaux pour 300+ agences
Avant de concevoir quoi que ce soit, j'ai cartographié l'existant. Le site fonctionnait essentiellement comme un annuaire d'agences : chaque page cherchait à faire remonter un maximum d'informations, sans hiérarchie claire entre les parcours. Recherche d'agence, demande de devis, avis de décès, contenus par verticale, tout coexistait sans logique de priorité, ce qui rendait la navigation confuse à la fois pour le visiteur et pour le suivi business.
Ce constat a fait émerger un problème de fond. Le système reposait sur une architecture à deux niveaux, un site principal et des mini-sites par enseigne, mais la navigation entre ces deux niveaux était incompréhensible pour l'utilisateur comme pour le réseau des 300+ agences.
J'ai donc proposé une nouvelle architecture, pensée pour rendre ce système fluide et lisible. Une homepage centrale qui distribue clairement vers les grands parcours (recherche d'agence, demande de devis, pages services, avis de décès), et des pages agence/marque restructurées pour porter chacune un rôle précis dans le funnel.
Cette proposition a servi de base de travail pour la suite du projet.
De l'insight au pixel
Seule designer face à cinq équipes aux priorités différentes, le process a été conçu pour que tout le monde avance avec le même niveau d'information.
Cadrage
Définition du périmètre et des priorités avec le PM et le PO. Collecte des insights auprès des équipes métier, SEO et communication.
Wireframes
Base de travail structurelle soumise aux équipes SEO et communication pour y intégrer le wording et les contenus avant le design.
Maquettes V1
Première version designée présentée aux parties prenantes métier pour validation et arbitrages fonctionnels.
Itérations
Affinements successifs jusqu'aux maquettes définitives.
Handoff & recette
Livraison pixel-perfect aux développeurs, avec documentation des contraintes d'implémentation. Recette UX assurée à chaque mise en production.
Un système de variables pour deux états du même produit
Variables Figma multi-brand
Pour gérer le double versioning des maquettes sans dupliquer le travail, un design system avec variables Figma a été construit en s'alignant sur l'architecture des autres chartes du groupe.
Chaque marque dispose de sa propre colonne de tokens de couleur, normalisés sur une échelle de 0 à 1000 en différentes nuances, permettant une cohérence système à travers toutes les enseignes du réseau.
Un clic pour basculer d'une version à l'autre
Les maquettes ont été conçues en deux états parallèles : une version transitoire reprenant la charte graphique existante pour permettre une mise en ligne immédiate des premières pages, et une version finale avec la nouvelle identité visuelle pour la mise en production complète. En changeant une seule variable Figma, l'ensemble des maquettes bascule d'un état à l'autre, sans risque d'erreur, sans travail en double.
Cette décision, prise collectivement avec l'équipe, a permis de ne pas bloquer la livraison au nom du design idéal, tout en maintenant une vision cible cohérente sur le long terme.
La page gabarit enseigne : une innovation produit
La page gabarit enseigne est le livrable le plus complexe et le plus gratifiant de ce projet. Elle n'existait pas sur les autres plateformes du groupe. C'est une conception entièrement nouvelle, pensée pour porter l'identité propre de chaque marque tout en restant cohérente à l'échelle d'un réseau de 300+ agences.
Les contraintes de conception
- –S'adapter à plus de 100 marques aux identités visuelles différentes
- –Fonctionner pour une agence unique comme pour un réseau de 20+ agences
- –Être identifiable et reproductible par les équipes de développement
- –Porter l'identité locale de chaque enseigne sans perdre la cohérence globale
Ce que ce projet a produit
Des pages conçues de A à Z — en tant que seule designer sur le projet
Agences couvertes par le système de gabarits scalables
Des maquettes maintenues en parallèle grâce aux variables Figma multi-brand
Coordonnées simultanément avec un process structuré du wireframe au handoff
- –Architecture d'information entièrement restructurée pour deux audiences simultanées
- –Système de gabarits scalable couvrant 300+ agences et 100+ marques
- –Design system avec variables Figma multi-brand — bascule en un clic entre version transitoire et finale
- –Process de conception structuré du wireframe au handoff pixel-perfect
- –Infrastructure de mesure comportementale en place pour piloter l'évolution post-lancement
- –Mise en ligne partielle en cours — premières pages en production
Lien vers le projet : France obsèques
Ce que ce projet a confirmé
France Obsèques est le projet qui a confirmé une transition : de designer UX/UI en exécution à product designer en responsabilité pleine.
Être seule designer sur un projet de cette envergure, ce n'est pas être isolée — c'est apprendre à structurer sa vision, à la défendre avec des arguments qui parlent à chaque interlocuteur, et à documenter avec assez de rigueur pour que les décisions tiennent dans le temps.
Travailler sans données de départ oblige à être rigoureuse sur la méthode : chaque décision doit être justifiable par autre chose que l'intuition. Le benchmark, les insights terrain et la collaboration avec les experts métier ont remplacé ce que la recherche formelle n'a pas pu apporter.
Savoir s'aligner sur les contraintes business sans perdre la cohérence de la vision design — c'est peut-être la compétence la plus difficile à acquérir, et la plus utile. Ce projet m'a appris à choisir mes batailles et à défendre ce qui compte vraiment.