Résumé
Étude
Galerie
Logo Klyxor
SaaS B2B · Product Design · LegalTech · 2026

Concevoir la plateforme qui automatise l'indexation contractuelle

De 0 à la V1 en 3 mois : conception UX/UI complète d'un SaaS B2B qui remplace Excel pour les équipes de gestion contractuelle

Collage de captures de la plateforme Klyxor : dashboard, liste des contrats et bibliothèque de formules.
Mon rôle

Ce que j'ai fait concrètement

Seule sur l'intégralité du design, du cadrage produit à la recette UX

01 · Cadrage & flows

Identification des 3 profils utilisateurs et de leurs droits, puis 7 flows FigJam complets (F1→F7). Un cadrage solide qui a rendu possible la vitesse des lots suivants.

02 · Design system Klyxor Components

Avant le premier écran : typographie, palette, composants. Julien implémentait directement, sans interprétation.

03 · Maquettes Figma par lots

Livraison séquentielle des 7 lots avec validation à chaque étape, en parallèle côté backoffice et côté entreprise. 15 livrables au total.

04 · Specs, recette & roadmap V2

SuiviSpecDev Notion en temps réel, recette UX animée avec l'équipe et roadmap V2 de 21 features priorisées issues de 5 calls clients.

Les résultats

Recette validée. Équipe autonome. Roadmap claire.

La plateforme Klyxor V1 a été validée lors de la recette UX de mai 2026, sans blocage critique. L'équipe repart avec une plateforme fonctionnelle, un design system réutilisable et une roadmap V2 de 21 features priorisées.

En bonus de fin de mission : une refonte complète du site marketing Klyxor (10+ pages avec design tokens, animations et mock-up produit), réalisée hors scope.

Le mot du client
Logo Klyxor

Samy Bentahar, fondateur de Klyxor

« Merci à Sophie ! J'ai eu l'opportunité de travailler avec Sophie dans le cadre de la conception de Klyxor, une plateforme SaaS B2B aux enjeux métier complexes. En tant que client, j'ai particulièrement apprécié sa capacité à comprendre rapidement notre vision, à s'approprier des problématiques fonctionnelles pointues et à les traduire en une expérience utilisateur claire, intuitive et efficace.

Sophie ne se limite pas à produire de belles interfaces : elle apporte une véritable réflexion produit, challenge les besoins lorsque cela est nécessaire et propose des solutions pertinentes, alignées à la fois sur les attentes des utilisateurs et les objectifs business. Son professionnalisme, sa rigueur et sa capacité à structurer des idées complexes ont joué un rôle clé dans la concrétisation de Klyxor.

Tout au long du projet, elle a fait preuve d'écoute, d'implication et d'un réel souci de qualité. Je recommande vivement Sophie à toute entreprise ou entrepreneur recherchant une Product Designer capable de combiner vision stratégique, excellence UX/UI et compréhension approfondie des enjeux métier. »

Logo Klyxor
SaaS B2B · Product Design · LegalTech · 2026

Concevoir la plateforme qui automatise l'indexation contractuelle

Conception d'une plateforme SaaS from scratch : 3 profils utilisateurs, 7 flows et un design system complet, en collaboration quotidienne avec le fondateur et le développeur Julien Robert.

entreprise

Klyxor

rôle

Product Designer UX/UI

période

2026 · 3 mois

Collage de captures de la plateforme Klyxor : dashboard, liste des contrats et bibliothèque de formules.
Vue d'ensemble

Le projet en un coup d'œil

Samy Bentahar fonde Klyxor pour résoudre un problème concret : les gestionnaires de contrats B2B passent des heures chaque mois à calculer manuellement leurs indexations contractuelles. Une obligation légale, répétitive, à fort risque d'erreur, encore gérée dans des fichiers Excel.

Mon rôle : Product Designer UX/UI freelance, seule sur l'intégralité du design, du cadrage produit et des flows FigJam jusqu'à la recette UX, en collaboration quotidienne avec Julien Robert (développeur) et Samy (fondateur).

Contexte

Un métier expert,
zéro interface existante

Samy arrive avec une expertise métier pointue et une vision précise, mais aucune maquette. L'indexation contractuelle est un métier expert, réglementé, non négociable : impossible de simplifier à outrance sans trahir la réalité terrain.

À ça s'ajoutent trois profils utilisateurs aux droits radicalement différents, et un impératif : livrer une plateforme testable de bout en bout en 3 mois.

Décision de cadrage

Découper la V1 en 7 lots fonctionnels (F1 → F7) livrés séquentiellement, avec validation à chaque étape avant de passer à la suivante. Chaque lot est conçu en parallèle côté backoffice Klyxor et côté interface entreprise, pour maintenir un miroir strict entre les deux vues.

01
23 mars → 3 avril

Cadrage & conception

Onboarding avec Samy, identification des 3 profils et de leurs droits, puis 7 flows FigJam complets. On n'est jamais revenus en arrière sur un parcours.

02
7 avril → 2 mai

Conception et Prototypage

Klyxor Components d'abord (typographie, palette, composants), puis les maquettes haute fidélité livrées lot par lot dans Figma.

03
5 mai → 30 mai

Livraison & recette

Specs Notion en temps réel, recette UX animée avec l'équipe et roadmap V2 de 21 features priorisées issues de 5 calls clients.

Phase 1

Analyse et parcours utilisateurs

Klyxor s'adresse à trois profils aux droits et aux intentions radicalement différents : l'équipe Klyxor qui opère le backoffice, l'Admin qui pilote le compte de son entreprise, et le Gestionnaire qui exécute les calculs au quotidien.
Chaque parcours a été cartographié dans FigJam : qui voit quoi, qui peut faire quoi, et ce qui se passe côté backoffice quand une action est réalisée côté entreprise.

Cette étape a servi de référence commune entre design, développement et métier pendant toute la mission.

L'Admin entreprise

Direction ou responsable de service · pilote le compte

Configure l'entreprise : utilisateurs, clients, contrats et formules
Veut une visibilité complète sur le portefeuille et les échéances
Doit pouvoir déléguer sans perdre le contrôle
Besoin clé → superviser sans faire à la place des gestionnaires

Le Gestionnaire

Gère un portefeuille de contrats · exécute les indexations

Jongle entre des dizaines de contrats et d'échéances trimestrielles
Ne maîtrise pas toujours les subtilités des formules expertes
Doit préparer, calculer et envoyer un rapport sans ressaisie
Besoin clé → calculer vite, sans erreur, avec une traçabilité complète
Flow FigJam : création et gestion des clients

Les 7 lots de la V1

Une fois les parcours posés, j'ai regroupé les fonctionnalités en 7 lots autonomes. Chaque lot répond à un besoin précis, et chaque écran entreprise a son miroir dans la console Support Klyxor.

F1 · Onboarding & connexion

Création de compte, première connexion sécurisée, onboarding guidé en 4 étapes avec import Excel des clients et contrats existants.

F2 · Gestion des clients

Liste, recherche et filtres, fiche client, suspension et réactivation avec garde-fous sur les contrats actifs.

F3 · Gestion des contrats

Création et gestion des contrats avec leurs métadonnées : dates, montants, formule d'indexation, statuts et historique.

F4-F5 · Indices & Formules

Bibliothèque d'indices synchronisée INSEE, formules multi-indices avec planchers et plafonds, calcul en 3 étapes avec prévisualisation.

F6 · Rapport d'indexation

Génération automatique du rapport PDF, téléchargement et envoi email, traçabilité complète dans l'historique du contrat.

F7 · Dashboard & notifications

Indicateurs par profil, priorités du jour, calculs bloqués, notifications in-app et email.

Mon parti pris UX : un backoffice miroir

Tout ce que l'Admin peut faire, l'équipe Klyxor peut le voir depuis sa console Support. Ce parallélisme a structuré chaque lot : une cohérence logique totale, et un support client capable de reproduire n'importe quelle action côté client.
Phase 2

Architecture UX & Flows

Avant d'ouvrir Figma, chaque module complexe a été cartographié en flow complet : états, cas d'erreur, pop-ups, statuts. Ces flows ont permis de valider la logique avec Samy et Julien avant d'investir dans l'UI.

Onboarding : de l'invitation au dashboard

Création de compte par invitation, première connexion sécurisée et onboarding en 4 étapes. L'import Excel permet de démarrer avec son portefeuille complet, sans ressaisie ; les erreurs d'import sont listées ligne par ligne pour être corrigées ou ignorées.

Indices & Formules : le cœur métier

L'administrateur gère une bibliothèque d'indices synchronisée INSEE et des formules réutilisables. Chaque formule est testée avec les dernières valeurs d'indices avant activation, et l'archivage est verrouillé tant qu'un contrat actif l'utilise.

Un choix UX qui a fait la différence

Sur le module Formules, le client voulait tout exposer dans un seul formulaire. J'ai proposé un paramétrage par étapes avec prévisualisation du résultat. La progression guidée permet à chacun d'aller aussi loin que nécessaire, sans surcharge cognitive, validé dès les premiers tests.
Phase 3

UI Design & Klyxor Components

Le design system a été posé avant le premier écran : typographie, palette, composants, états. Un investissement rentabilisé sur chaque lot suivant : Julien implémentait directement, et la console Support reste strictement cohérente avec l'interface entreprise.

Dashboard gestionnaire : priorités, calculs bloqués, activités
Calcul d'indexation en 3 étapes : vérification, calcul, validation
Recette & Validation

Confronter la plateforme aux utilisateurs

Fin mai, j'ai rédigé et animé le parcours de recette UX avec Samy, Djamali et Mohamed : chaque flow rejoué de bout en bout sur la plateforme développée. La V1 a été validée sans blocage critique. En parallèle, 5 calls clients ont nourri une roadmap V2 de 21 features priorisées.

Roadmap Notion du projet Klyxor : onboarding, conception, développement, maquettes et livraison, toutes les étapes terminées.

Enseignement clé

Sur une mission de 3 mois livrée par lots, un cahier des charges statique est obsolète avant la fin du premier lot. Le SuiviSpecDev Notion mis à jour en continu a éliminé les malentendus et réduit les allers-retours à quasi zéro. La spec vivante n'est pas un luxe : c'est elle qui a tenu le rythme.
Résultats & Impact

Résultats mesurables

15

Livrables Figma répartis en 7 lots fonctionnels

<2min

Pour générer un rapport d'indexation prêt à l'envoi

100%

De traçabilité sur les calculs, là où Excel ne traçait rien

21

Features priorisées pour la roadmap V2

Ce que ce projet m'a appris

Concevoir un SaaS métier, c'est comprendre le métier assez bien pour décider à la place de l'utilisateur quand c'est nécessaire, et s'effacer quand ça ne l'est pas.

Travailler en trio serré avec un fondateur expert métier et un développeur en temps réel m'a confirmé une conviction : la vitesse ne vient pas de l'improvisation, mais d'un cadrage solide et d'une spec vivante.

Projet et Impact

La plateforme Klyxor V1 est aujourd'hui en ligne sur klyxor.com. L'équipe repart avec un design system réutilisable, une console Support autonome et une roadmap claire.

En bonus de fin de mission : une refonte complète du site marketing Klyxor (10+ pages, design tokens, animations), réalisée hors scope.

Merci à Sophie ! J'ai eu l'opportunité de travailler avec Sophie dans le cadre de la conception de Klyxor, une plateforme SaaS B2B aux enjeux métier complexes. En tant que client, j'ai particulièrement apprécié sa capacité à comprendre rapidement notre vision, à s'approprier des problématiques fonctionnelles pointues et à les traduire en une expérience utilisateur claire, intuitive et efficace.

Sophie ne se limite pas à produire de belles interfaces : elle apporte une véritable réflexion produit, challenge les besoins lorsque cela est nécessaire et propose des solutions pertinentes, alignées à la fois sur les attentes des utilisateurs et les objectifs business. Son professionnalisme, sa rigueur et sa capacité à structurer des idées complexes ont joué un rôle clé dans la concrétisation de Klyxor.

Tout au long du projet, elle a fait preuve d'écoute, d'implication et d'un réel souci de qualité. Je recommande vivement Sophie à toute entreprise ou entrepreneur recherchant une Product Designer capable de combiner vision stratégique, excellence UX/UI et compréhension approfondie des enjeux métier.

Samy Bentahar
Samy Bentahar
Co-fondateur & CEO, Klyxor
Galerie

Les écrans Klyxor

Du dashboard au calcul d'indexation : les écrans clés de la plateforme. Cliquez pour agrandir.

Vous avez un projet similaire ?

Que vous ayez une idée floue ou un SaaS déjà lancé, je vous accompagne à l'étape où vous en êtes. On commence par un appel de 15 min ?