Roc Master
Fusionner deux sites en un écosystème digital cohérent, au service d'un moment de vie parmi les plus délicats.
Roc Master possédait deux sites distincts qui créaient de la confusion chez les utilisateurs. L'enjeu : unifier l'expérience tout en respectant la sensibilité du secteur funéraire.
Deux sites, trois verticales, une expérience fragmentée
Roc Eclerc opérait sur deux plateformes distinctes et silotées : un site dédié aux obsèques et à la marbrerie, un autre à la prévoyance. Cette séparation créait une expérience fragmentée. Les utilisateurs ne comprenaient pas que ces deux entités appartenaient au même réseau, ni que l'offre couvrait trois verticales complémentaires.
Les enjeux étaient multiples : fusionner les deux sites en une plateforme unifiée sous la marque Roc Master, structurer clairement les trois verticales Obsèques, Prévoyance et Hommage, et moderniser une stack technique et une interface qui ne répondaient plus aux standards actuels.
Concevoir pour le deuil impose une exigence particulière : chaque parcours doit être clair, rassurant et sans friction, pour des utilisateurs qui arrivent souvent dans un état émotionnel difficile et qui doivent prendre des décisions importantes rapidement.
Rejoindre un projet en mouvement et grandir avec lui
Le projet Roc Master était déjà en cours quand j'ai rejoint le poste. Mon rôle initial était centré sur l'exécution UI, je travaillais sur les premières versions d'interface en attendant la nouvelle charte graphique qui se construisait en parallèle. Les choses avançaient progressivement, par blocs.
Au fil du projet, mon périmètre s'est élargi naturellement. Je suis passée de la pure exécution UI à une responsabilité UX/UI complète sur certaines pages, de la réflexion sur les parcours jusqu'à la conception finale. C'est cette évolution qui a marqué ma transition vers une pratique de product design.
Ce sur quoi le travail a porté
- –Pages produits des trois verticales, Obsèques, Prévoyance, Hommage
- –Gabarits de pages génériques réutilisables à travers tout le site
- –Tunnels de conversion et parcours de devis
- –Store locator, trouver une agence Roc Eclerc à proximité
- –Configurateur marbrerie, parcours de personnalisation d'un monument
- –Initiation du design system, socle repris et enrichi ensuite par l'équipe
- –Participation aux tests utilisateurs sur des fonctionnalités clés
Créer les conditions pour que le métier arrive aux bonnes décisions
Tests utilisateurs en équipe
Sans protocole de recherche formelle dédié, des sessions de tests utilisateurs ont été menées collectivement avec l'équipe design sur des fonctionnalités clés. Ces sessions ont permis d'identifier les points de friction, de valider ou d'invalider des hypothèses de conception, et d'alimenter les itérations suivantes avec des observations concrètes.
« L'atelier sur la page Hommages a réuni les parties prenantes autour d'une question centrale : que doit ressentir un utilisateur en arrivant sur cette page ? »
Atelier de co-conception, page verticale Hommages
Atelier de co-conception : la page Hommages
La page Hommages était une page cruciale pour orienter correctement les utilisateurs sur cette verticale, et la plus délicate à concevoir, car elle touche à un moment de vie particulièrement sensible. Pour structurer les décisions de contenu et de parcours, un atelier de co-conception a été organisé avec les parties prenantes : direction, communication, SEO.
La méthode retenue s'inspirait des 6 chapeaux de De Bono, adaptée au contexte émotionnel du projet : chaque participant devait se mettre à la place d'un utilisateur selon un prisme émotionnel différent, et exprimer ce qu'il attendrait de cette page dans cet état. Un exercice de consensus a suivi pour prioriser les éléments essentiels.
L'atelier est parti d'un wireframe existant à affiner collectivement. Les décisions prises en session ont directement nourri la conception finale de la page, une page qui n'aurait pas eu la même structure sans cette étape de validation.
Concevoir pour trois verticales, un seul système
Pages produits des trois verticales
Chaque verticale, Obsèques, Prévoyance et Hommage, avait ses propres enjeux de contenu, de ton éditorial et de parcours utilisateur.
La conception de ces pages a impliqué de travailler étroitement avec les équipes métier et SEO, pour que chaque verticale soit clairement identifiable tout en maintenant une cohérence visuelle et fonctionnelle globale à travers la plateforme.
Tunnels de conversion & store locator
Les tunnels de conversion, parcours de devis Obsèques, Prévoyance et Marbrerie, ont fait l'objet de plusieurs itérations avant qu'une version soit retenue. L'enjeu : réduire au maximum la friction à l'entrée en contact, dans un contexte où l'utilisateur est souvent dans l'urgence. Le store locator a été conçu pour permettre de trouver une agence à proximité de façon fluide et rapide.
Configurateur marbrerie
Le configurateur marbrerie est un parcours de personnalisation d'un monument funéraire, un cas d'usage unique qui demandait une attention particulière à la clarté des étapes et à la réassurance tout au long du parcours. Le travail a porté sur la refonte UI de ce configurateur existant, en améliorant la lisibilité et la cohérence avec la nouvelle charte.
Transformer une charte print en système digital scalable
De la couleur CMJN à la palette web
La charte graphique fournie par la communication était conçue pour le print, des couleurs CMJN basiques, non déclinées pour le web. Le premier travail a été de transformer ces couleurs en palettes digitales complètes : chaque couleur de base a été étendue en une échelle du plus clair au plus foncé, permettant de couvrir tous les usages d'interface, fonds, textes, boutons, états, bordures.
Style guide et règles d'usage
Au-delà des palettes, un style guide complet a été élaboré pour définir les règles d'usage, quelles couleurs pour quels contextes, comment décliner l'identité de chaque verticale tout en maintenant la cohérence globale de Roc Master.
Ce socle a ensuite été repris et enrichi par l'équipe design au fil du projet, une base solide qui a permis à d'autres designers de s'intégrer sans repartir de zéro.
Construire un design system, c'est concevoir pour ceux qui viendront après soi, pas juste pour le projet en cours.
Un projet livré, des KPI atteints, une évolution continue
Mise en ligne respectant les délais fixés malgré la complexité du périmètre
Objectifs de trafic et de génération de leads respectés dès les premiers mois
Données comportementales en place pour piloter l'évolution continue du produit
Projet vivant, parcours et fonctionnalités continuellement affinés selon les données
- –Fusion de deux sites silotés en une plateforme unifiée autour de trois verticales
- –Pages produits Obsèques, Prévoyance et Hommage conçues de A à Z
- –Tunnels de conversion repensés pour réduire la friction à l'entrée en contact
- –Store locator et configurateur marbrerie redessinés
- –Design system fondé sur une charte print transformée en palette web scalable
- –Infrastructure de mesure en place pour piloter les évolutions post-lancement
Résultat et les next steps
Roc Master a été un projet d'envergure, porté par des enjeux forts et des délais serrés, livré dans les temps malgré sa complexité. Cette expérience a profondément redéfini ma façon d'aborder n'importe quel projet, quel que soit le secteur. Depuis son lancement, le produit continue d'évoluer : on affine, on retravaille, on ajuste, on ajoute de nouvelles fonctionnalités. C'est un projet vivant, en perpétuelle évolution, auquel je continue de contribuer activement.
Vous pouvez retrouver le site en ligne ici.
Ce que Roc Master a changé dans ma pratique
Roc Master est le projet sur lequel je suis passée de designer UI à designer UX/UI, pas par décision, mais par nécessité et par progression naturelle.
Rejoindre un projet en cours oblige à comprendre avant de proposer. Les décisions déjà prises, les contraintes déjà actées, les directions déjà validées, tout ça s'intègre avant de pouvoir apporter sa propre vision.
Concevoir pour le deuil apprend quelque chose que peu de projets enseignent : la clarté n'est pas un choix esthétique, c'est une exigence humaine. Chaque friction supprimée, chaque information bien placée a un impact réel sur des personnes dans un moment difficile.
Initier un design system, c'est penser à long terme dans un contexte qui pousse à l'urgence. C'est une forme de générosité envers l'équipe qui reprendra le travail, et une discipline qui structure toute la pratique qui suit.