Aller au contenu
Prenez de l'avance pour le prochain trimestre ! Réserver votre créneau
ExpertiseInterface UX/UI

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.

  • Écran des offres de l'application Galeon
  • Reward Hub de Ultimate Champions
  • Parcours mobile Galeon
  • Cartes de l’interface Sway Finance
  • Composants du Reward Hub de Ultimate Champions
  • Coffre Galeon sur MacBook
  • Facture payée dans la web app Sway Finance
  • Écran de paiement Nimbus sur téléphone
  • Page produit Golfiller, desktop et mobile
  • Site mobile de La Lignière sur iPhone

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.

  1. (01)

    Audit et cadrage

    1 à 2 semaines

    Nous 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
  2. (02)

    Parcours et structure

    2 semaines

    Nous 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
  3. (03)

    Design et prototype

    2 à 3 semaines

    Nous 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

    Branding

  4. (04)

    Design system

    1 à 2 semaines

    Nous 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
  5. (05)

    Accompagnement développement

    2 à 4 semaines

    Nous 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

    Site web

Services en complément

Une interface ne vit pas seule : elle prolonge une marque et un site.

Tous nos services
Tous nos services

Nos outils

Un aperçu des outils avec lesquels nous concevons et livrons, parmi ceux que le studio utilise au quotidien.

Nos réalisations en interface UX/UI

Écrans mobiles d'Atlantis, la web app de Galeon : accueil, offres et boutique, entourés de personnages illustrésLe coffre (Vault) de la web app Galeon sur un MacBook en lévitation, dans un faisceau de lumière doréeAccueil mobile de la web app Galeon sur un iPhone doré : bâtiment illustré, solde $GALEON et parrainage
GaleonRebranding des univers santé et blockchain de Galeon, puis UX/UI d'Atlantis, sa web app gamifiée.TechSantéFinanceBrandingInterface
Le Reward Hub d'Ultimate Champions en version desktop et mobile : tableau des récompenses à réclamerLe Reward Hub mobile d'Ultimate Champions sur un iPhone en lévitation, sur fond gris anthracite
Ultimate ChampionsRenfort design sur la web app d'un jeu de fantasy sport en blockchain : nouveaux composants, nouvelles interfaces, nouveaux modes de jeu.TechFinanceCultureInterface

À lire sur le sujet

Pour aller plus loin : contraste, typographie, lisibilité des données. Ce que nous apprenons sur nos projets.

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 !”
Alban Le Vallois · Sway Finance
“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.”
Thomas Cremese · A-Track
“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.”
Martin Reyt · Upsilon Marketing

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.