GaleonRebranding des univers santé et blockchain de Galeon, puis UX/UI d'Atlantis, sa web app gamifiée.TechSantéFinanceBrandingInterface
Notre expertise en
design d'interface
Sites web, applications, produits, outils métier, design system : des interfaces pensées pour ceux qui s’en servent tous les jours, sur de vraies données.
Pour beaucoup de vos clients, votre marque, c’est votre interface. Ils la retrouvent chaque jour, bien plus souvent que votre logo ou votre site. Nous la concevons pour qu’elle inspire la même confiance que le reste.
Ce que change une interface conçue pour l’usage
Un usage plus simple pour vos utilisateurs, et moins de corrections pour vos équipes.
- UX
La structure d’abord
Nous posons les parcours utilisateur et l’architecture d’information en fils de fer. Vous validez la logique avant de voir les couleurs.
- Clarté
Des données lisibles
Tableaux, graphiques, indicateurs : nous rendons vos données claires en un coup d’œil. Un chiffre mal présenté suffit à faire douter.
- Système
Un design system documenté
Nous livrons des composants avec leurs états et leurs règles. Votre équipe ajoute des écrans sans perdre la cohérence du produit.
- Prototype
Des prototypes qui fonctionnent
Grâce au vibe coding, nous codons un prototype en quelques jours. Vous testez le vrai parcours, et nous itérons à chaque retour.
- Livraison
Présents pendant l’intégration
Nous restons aux côtés de vos développeurs. Nous relisons les écrans intégrés et corrigeons les écarts avec eux, au fil de l’eau.
- Terrain
Conçues sur des cas réels
Nous commençons par les écrans qui posent problème, avec vos vraies données : montants à rallonge, libellés interminables, listes vides, formulaires en erreur. Les écrans de présentation viennent ensuite.
Notre processus de travail
Cinq étapes validées une à une, avec un prototype codé pour tester vos parcours avant le développement.
- (01)
Audit et cadrage
1 à 2 semainesNous démarrons par un onboarding : vos objectifs, vos interlocuteurs, vos échéances, et le planning du projet posé étape par étape. Puis nous parcourons le produit comme un utilisateur, écran par écran. Nous relevons ce qui freine : l’étape où les gens abandonnent, le formulaire rempli deux fois, le vocabulaire éloigné du métier. Vos données d’usage et vos tickets de support complètent l’audit.
Livrables- Audit d'interface
- Points de friction priorisés
- Lecture des données d'usage
- Cadrage du périmètre
- (02)
Parcours et structure
2 semainesNous posons l’architecture d’information, les parcours principaux et les fils de fer. Pour chaque écran, nous définissons ce qu’il doit permettre, dans quel ordre et avec quelles décisions. Les cas difficiles sont traités dès cette étape : compte vide, erreur serveur, droits insuffisants, données incomplètes.
Livrables- Architecture d'information
- Parcours clés
- Fils de fer
- Inventaire des états
- (03)
Design et prototype
2 à 3 semainesNous concevons les écrans avec des données réalistes, car ce sont les vrais noms et les vraies listes qui font casser une mise en page. Très tôt, nous les transformons en prototype codé grâce au vibe coding, du code généré avec l’IA et contrôlé par nos soins : en quelques jours, vous naviguez dans un vrai parcours, sur ordinateur comme sur mobile. Vous le testez, nous itérons sur vos retours, et la nouvelle version est prête dans la foulée. Le contraste, la taille des zones cliquables et la navigation au clavier sont vérifiés pendant la conception, pas après coup.
Livrables- Écrans finalisés
- Prototype codé et cliquable
- Itérations sur vos retours
- États et cas limites
- Spécifications de comportement
- (04)
Design system
1 à 2 semainesNous construisons une bibliothèque de composants documentée, avec ses jetons de couleur, de typographie et d’espacement. Vos designers composent un nouvel écran sans repartir de zéro. Vos développeurs retrouvent dans le code les noms qu’ils lisent dans Figma.
Livrables- Bibliothèque de composants
- Jetons de design
- Documentation d'usage
- Règles de contribution
- (05)
Accompagnement développement
2 à 4 semainesNous restons disponibles pendant l’intégration, et les questions de développement se règlent vite. Nous relisons les écrans intégrés, nous signalons les écarts et nous ajustons ce qui doit l’être, en tenant compte des contraintes techniques de votre équipe.
Livrables- Revue des écrans intégrés
- Liste des écarts
- Ajustements de conception
- Passation aux équipes
Services en complément
Une interface ne vit pas seule : elle prolonge une marque et un site.
Tous nos servicesNos outils
Un aperçu des outils avec lesquels nous concevons et livrons, parmi ceux que le studio utilise au quotidien.
À lire sur le sujet
Pour aller plus loin : contraste, typographie, lisibilité des données. Ce que nous apprenons sur nos projets.

Que doit contenir le site d'un cabinet de gestion de patrimoine ?
Le socle d'un site de cabinet, à adapter à chaque cabinet : ce qu'un prospect y cherche, les pages qui le rassurent, et ce que l'AMF, la CNIL et la LSFin exigent, en France et en Suisse romande.
BlogInterfaceFinance

Être cité par ChatGPT quand un client cherche un conseiller en gestion de patrimoine
Une partie des épargnants interroge une IA avant un placement. Ce qui est prouvé, probable ou non prouvé pour qu'un cabinet apparaisse dans la réponse, et comment le mesurer.
BlogIAFinance

Logo, identité visuelle, charte graphique : ce que vous achetez vraiment
Trois mots employés l'un pour l'autre, trois livrables différents. Ce que contient chacun, ce que dit le droit sur le logo, et les lignes d'un devis qui distinguent un logo livré d'un système livré.
BlogBrandingFinance
Ce qu'en disent nos clients
“Super collaboration avec Unfable. Raphaël est très réactif, engagé et fournit un travail hautement qualitatif. Chez Sway Finance nous travaillons avec le studio depuis plus d'un an et nous comptons bien continuer. Bravo, et merci encore !”
“Raphaël est un véritable maître en termes de UI/UX et design […]. Grâce à lui mes équipes et moi avons gagné un temps fou sur tous les projets où nous avons eu le bonheur de collaborer. Je le recommande chaleureusement.”
“Proximité, réactivité et créativité. J'ai eu l'occasion de collaborer avec Raphaël sur plusieurs projets et il a su à chaque fois répondre à mes demandes de manière précise et juste tout en étant à l'écoute de mes remarques. Je recommande.”
Avant de nous confier votre projet
Le design d’interface conçoit la façon dont on utilise un produit numérique. L’UX organise les parcours et l’information, l’UI conçoit les écrans, les composants et leurs états. Chez Unfable, nous l’appliquons surtout à des produits financiers, des outils métier et des logiciels SaaS, sur de vraies données.
En cinq étapes : un onboarding et un audit du produit, les parcours et la structure en fils de fer, le design des écrans, le design system, puis l’accompagnement de vos développeurs pendant l’intégration. Chaque étape se valide avec vous avant la suivante. Le détail est dans notre processus.
Oui, et c’est un point central de notre méthode. Grâce au vibe coding, du code généré avec l’IA et contrôlé par nos soins, nous transformons les écrans en prototype fonctionnel en quelques jours. Vous et vos utilisateurs testez le vrai parcours, sur ordinateur comme sur mobile, et nous itérons sur vos retours avant que vos développeurs n’écrivent la moindre ligne de production.
La durée dépend du nombre d’écrans réels : un parcours ciblé se traite en quelques semaines, un produit complet avec design system demande davantage. Le planning est posé à l’onboarding, étape par étape.
Sur devis, selon le nombre d’écrans et la présence d’un design system. Pour vous situer, nos repères sur les autres expertises : une identité visuelle dès 4 800 € HT, un site dès 6 200 € HT, une landing page dès 3 200 € HT. Le premier échange est sans engagement : décrivez-nous votre produit.
Les écrans finalisés avec leurs états et leurs cas limites, les spécifications de comportement, et une bibliothèque de composants documentée dans Figma, avec ses jetons de design et ses règles de contribution. Tous les fichiers sources vous appartiennent. Le détail est fixé à l’onboarding.
Oui, et c’est le cas de la plupart des missions, y compris quand le produit a été conçu par quelqu’un d’autre. Nous commençons par un audit écran par écran, sur vos vraies données : ce qui freine, ce que vos utilisateurs connaissent par cœur, ce qui casse quand un libellé est long. Nous corrigeons ce qui coûte, sans leur faire réapprendre le logiciel.
Un design system est une bibliothèque de composants documentés, avec leurs états et leurs règles d’usage. Il devient utile dès que plusieurs personnes ajoutent des écrans : sans lui, chaque nouvelle page invente ses marges et ses boutons. Sur un produit de quelques écrans, c’est souvent prématuré, et nous vous le dirons.
Pas le code de production d’un produit : vos développeurs l’intègrent. Nous leur fournissons les maquettes, les composants, les états, les spécifications et le prototype codé qui sert de référence, et nous restons disponibles pendant la recette. Les contraintes techniques entrent dans la discussion dès les fils de fer. Pour un site, en revanche, nous concevons et intégrons.
Le développement n’est pas notre métier, mais nous ne vous laissons pas chercher seul. Si vous n’avez pas d’équipe technique, nous travaillons avec des développeurs de confiance, avec qui nous collaborons régulièrement. Nous restons dans la boucle jusqu’à la mise en production, pour que le produit livré corresponde aux écrans validés.
Oui. Le design system, sa documentation et ses règles de contribution permettent à vos designers et à vos développeurs d’ajouter des écrans sans nous. La passation se fait avec eux, sur vos fichiers. Nous concevons aussi des interfaces d’agents et des systèmes IA de marque : c’est notre expertise design agentique.
Nous restons disponibles le temps que le produit se stabilise, sans abonnement imposé. Pour un produit qui évolue chaque mois, l’accompagnement Design Partner réserve du temps de design : nouveaux écrans, évolutions du design system, revue des intégrations, avec un accès direct au fondateur.































