Un design produit que les gens aiment utiliser.

Design UX et UI pour SaaS, applis et plateformes. Nous étudions, concevons et testons avec de vrais utilisateurs. Ensuite, nos propres développeurs le réalisent aussi.

Voir nos réalisationsPlanifiez un échange gratuit
  • 5,0 sur Google, selon 49 avis
  • 150+ projets
  • 14+ ans d’expérience
Passer le canevas

Touchez un design pour l’agrandir

Nos réalisations50 designs

Ce que nous avons conçu.

Tableaux de bord, applis mobiles, produits d’IA, landing pages et composants isolés. Cliquez sur un design pour l’afficher en grand, zoomer et découvrir les choix que nous avons faits.

Une sélection de projets clients et de concepts. Nous ne citons pas les noms des clients.

  • Éditeur d’images avec IA

    Produit d’IA

  • Onboarding pour les connexions

    Appli mobile

  • Factures et clients

    Appli web

  • Landing page SaaS sombre

    Landing page

  • Filtres d’une appli de recharge

    Appli mobile

  • Choisir un modèle et un mode d’IA

    Produit d’IA

  • Cartes de chiffres financiers

    Appli web

  • Rejoindre un espace vidéo

    Appli mobile

  • Automatisation dans une appli web

    Appli web

  • Boîte de réception d’une appli mail

    Appli web

  • Détail d’une transaction crypto

    Composant

  • Partage et droits d’accès

    Appli mobile

12 sur 50

Ce que nous concevons. Du premier échange au dernier pixel.

Huit disciplines, une seule équipe. Nous partons des personnes qui utilisent votre produit et nous arrivons à des écrans que votre développeur construit sans rien deviner.

Pour les SaaS, les applis, les plateformes et tableaux de bord et les sites web.

Démo · Bakkerij Vennegem

Chaque vignette suit la même démo : l’appli de commande d’une boulangerie.

  • 01Recherche UX

    Nous parlons avec vos utilisateurs et observons comment ils travaillent. Ce que nous entendons, nous le transformons en enseignements sur lesquels vous pouvez décider.

    Pour votre développeur: User stories et critères d’acceptation, tirés directement de la recherche.

  • 02Design UX

    Flows et wireframes : que voit l’utilisateur, où touche-t-il, que se passe-t-il en cas de problème. D’abord la logique, ensuite l’apparence.

    Pour votre développeur: Chaque flow avec tous ses écrans et cas limites : vide, chargement et erreur.

  • 03Design UI

    Le design final : typographie, couleurs et détails qui portent votre marque et apportent de la sérénité.

    Pour votre développeur: Dimensions, espacements et tokens exacts dans Figma, icônes en SVG.

  • 04Design systems

    Une seule bibliothèque de composants et de règles, pour que chaque nouvel écran soit juste d’emblée. Même sur plusieurs produits.

    Pour votre développeur: Tokens en variables CSS, composants avec variantes et états.

  • 05Prototypes

    Des écrans cliquables qui donnent la sensation du vrai produit. Vous testez l’idée avant qu’il n’existe une seule ligne de code.

    Pour votre développeur: Chaque transition avec son déclencheur, sa durée et son easing.

  • Exemple

    06Tests d’utilisabilité

    De vraies personnes réalisent de vraies tâches, nous observons où elles bloquent. Ensuite, nous ajustons le design.

    Pour votre développeur: Des constats classés par priorité, avec l’écran corrigé.

  • 07Accessibilité

    Un contraste lisible, un focus visible et des zones tactiles d’au moins 24 × 24 pixels. Votre produit fonctionne ainsi pour tout le monde.

    Pour votre développeur: Les WCAG 2.2 AA comme point de départ, vérifiées composant par composant.

  • 08Ateliers de stratégie produit

    Autour de la table avec votre équipe : objectifs, utilisateurs et ce que vous construisez en premier. Vous repartez avec un plan.

    Pour votre développeur: Un périmètre pour la première version, avec des priorités.

Un seul design system. Tous vos écrans restent cohérents.

Un design system, c’est la boîte à outils commune de votre produit : couleurs, polices, espacements et composants, définis sous forme de tokens. Modifiez un token, et chaque écran suit. Essayez ci-dessous.

Pour votre développeur : les tokens passent dans le code sous forme de variables CSS ou de thème Tailwind. Design et code utilisent donc exactement les mêmes valeurs.

Design system/Bakkerij Vennegem

Choisissez une marque

Tokens

Police
Densité
Mode sombre

Contraste selon WCAG 2.2 AA

  • Texte sur les boutons4,33:1, min. 4,5:1Contraste insuffisant
  • Couleur de marque en texte4,33:1, min. 4,5:1Contraste insuffisant
  • Anneau de focus4,33:1, min. 3,0:1AA atteint

Ajuste juste assez la luminosité de votre couleur de marque. La teinte reste la même.

Aperçu de boutons, de badges, d’un formulaire, d’une carte, d’une notification, d’une barre d’onglets et de lignes de tableau avec les tokens choisis. Modifiez les tokens pour les voir changer.

Démo · Bakkerij Vennegem

Ce qu’un design system vous apporte

Cohérent partout
Chaque bouton, chaque formulaire et chaque tableau a le même aspect, sur votre site, dans votre appli et dans votre portail client. Vos utilisateurs n’apprennent votre produit qu’une seule fois.
Développer plus vite
Les développeurs construisent avec des composants prêts à l’emploi au lieu de refaire chaque écran. Les nouveaux écrans arrivent plus vite, avec moins d’erreurs.
Accessible dès la base
Contraste, anneaux de focus et navigation au clavier sont intégrés aux composants eux-mêmes. Nous partons des WCAG 2.2 niveau AA, les règles internationales pour un design numérique accessible.
Documenté
Chaque composant indique quand l’utiliser, quelles variantes existent et comment il s’appelle dans le code. Le système reste ainsi utilisable quand votre équipe ou votre produit grandit.

Cliquez dans votre produit, avant même la première ligne de code.

Un prototype se comporte comme la vraie appli : vous touchez, faites défiler et commandez. Vous voyez ainsi en quelques jours ce qui fonctionne et ce qui ne fonctionne pas, quand une modification coûte encore une heure au lieu de semaines de développement.

Démo · Bakkerij Vennegem
Prototype

Plan du flow1 · Accueil

Interaction

Accueil → Produit

Déclencheur
Au toucher
Action
Naviguer vers Produit
Animation
Glisser
Courbe
Ease out
Durée
300 ms

Pour votre développeur : les mêmes valeurs en CSS

transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1);

Parcourez l’appli vous-même. Touchez à côté d’un bouton et les zones cliquables s’allument, comme dans un vrai outil de prototypage.

Du wireframe à la maquette hi-fi

Exemple
WireframeHi-fi

D’abord la structure, en gris : quoi, où et dans quel ordre. Ce n’est que lorsque le flow tient la route qu’arrivent couleurs, photos et typographie. Vous parlez ainsi d’abord de ce que ça fait, et seulement ensuite de l’apparence.

Chaque état est conçu

Exemple

Un écran, c’est plus qu’une belle image. Nous concevons aussi le chargement, le complet et l’absence de connexion, pour que votre développeur n’ait rien à inventer et que votre client ne se retrouve jamais face à un écran blanc.

Pourquoi un prototype

  • Décider sur du concret

    Tout le monde parcourt le même prototype. Fini les discussions sur ce qu’un document voulait dire.

  • Tester avec de vraies personnes

    Vous partagez un lien, les testeurs cliquent sur leur propre smartphone. Ce qui coince, nous l’ajustons avant le développement.

    Comment nous testons avec de vraies personnes

  • Prêt pour votre développeur

    Écrans, transitions et états sont fixés. Votre développeur construit ce que vous avez déjà vu et validé.

Recherche et tests

Des décisions fondées sur les gens, pas sur les goûts.

Nous parlons à vos utilisateurs avant de dessiner quoi que ce soit, et nous observons comment ils utilisent vraiment le design avant la première ligne de code. Ce qu’ils disent, où ils cliquent et où ils bloquent : c’est cela qui façonne le design. Pas ce que nous trouvons joli.

Démo · Garage VennegemExemple

Passez d’un cycle de test à l’autre, ou mélangez à nouveau les notes.

Notre approche

Tester petit, tester souvent.

Pas besoin d’un gros budget de recherche. Quelques entretiens et trois courts cycles de test font ressortir les plus gros problèmes, bien avant qu’ils ne coûtent de l’argent en code.

5testeurs
par cycle de testCinq testeurs trouvent déjà environ 85 % des problèmes, selon Jakob Nielsen.
3cycles
tester et améliorerMieux vaut trois petits cycles qu’un seul grand : après chaque cycle, nous ajustons le design.
4,5:1
contraste pour le texteLe minimum pour du texte normal selon les WCAG 2.2 AA. Pour du texte de grande taille, c’est 3:1.
24px
zone cliquable minimaleNouveau dans les WCAG 2.2 : des cibles d’au moins 24 × 24 pixels, ou assez d’espace entre elles.

Ce que nous utilisons

  • Entretiens avec les utilisateurs
  • Tests d’utilisabilité, à distance ou chez vous
  • Cartes de clics et heatmaps
  • Analytics et entonnoirs de conversion
  • Tri par cartes et tests d’arborescence
  • Audit UX de votre produit existant
  • Audit d’accessibilité
  • Tests A/B après le lancement

Accessible dès la première esquisse

Les WCAG 2.2 AA sont notre point de départ : contraste, focus, clavier et lecteurs d’écran sont pensés dans le design, pas corrigés après coup. Depuis le 28 juin 2025, l’acte européen sur l’accessibilité s’applique à de nombreux services numériques destinés aux consommateurs, comme les boutiques en ligne et les services bancaires. Les microentreprises qui fournissent des services en sont exemptées.

Pour votre développeur : chaque constat devient un ticket avec une capture d’écran, la gravité et une proposition. Pas de rapport de quarante pages que personne ne lit.

Sources : Nielsen Norman Group (2000) (s’ouvre dans un nouvel onglet), W3C, WCAG 2.2 (s’ouvre dans un nouvel onglet), Commission européenne, acte européen sur l’accessibilité (s’ouvre dans un nouvel onglet), MeasuringU, SUS (s’ouvre dans un nouvel onglet). Vérifié le 28 septembre 2026.

Méthode

Comment se déroule un projet de design. Étape par étape, et vous suivez tout.

Chaque produit est différent, chaque planning aussi. L’ordre, lui, reste le même : d’abord comprendre, puis esquisser, puis peaufiner, puis tester. Après chaque étape, vous voyez où nous en sommes et vous décidez avec nous.

Démo · Tandartsenpraktijk Vennegem

Un fichier de design avec sept frames, une par étape, et en dessous les moments où vous intervenez.

Étape 1 sur 7Découverte

À chaque étape : ce que vous recevez, et ce que nous vous demandons.

  1. 01

    Découverte et objectifs

    Nous apprenons à connaître votre produit, vos utilisateurs et vos objectifs. Qu’est-ce qui doit s’améliorer, pour qui, et comment saurons-nous que c’est réussi ?

    Vous recevez

    • Un brief court, sur une page
    • Objectifs et critères de réussite
    • Un planning et un prix fixe

    VousVous nous parlez de votre produit et de vos clients, lors d’un échange ou d’un atelier.

  2. 02

    Recherche et discovery

    Nous parlons avec de vrais utilisateurs, examinons vos données et votre produit existant, et cherchons où les gens bloquent.

    Vous recevez

    • Entretiens et revue UX
    • Enseignements regroupés par thème
    • La liste des principaux points de friction

    VousVous nous mettez en contact avec quelques clients ou collègues.

  3. 03

    Flows et wireframes

    D’abord la structure, encore sans couleur. Quels écrans, quelles étapes, quoi va où. Nous parlons ainsi de logique, pas de goûts.

    Vous recevez

    • Parcours utilisateurs
    • Wireframes des écrans principaux
    • Une esquisse cliquable

    VousVous donnez votre avis : le flow correspond-il à votre façon de travailler ?

  4. 04

    Design UI et design system

    Place à l’esthétique. Nous concevons les écrans aux couleurs de votre marque et construisons en même temps les briques : couleurs, typographie, composants.

    Vous recevez

    • Écrans finalisés, desktop et mobile
    • Un design system avec composants
    • Mode clair et mode sombre, si vous le souhaitez

    VousVous participez au choix de la direction et validez les écrans.

  5. 05

    Prototype et tests

    Nous créons un prototype cliquable et faisons réaliser des tâches à de vrais utilisateurs. Ce qui ne fonctionne pas, nous l’ajustons avant le développement.

    Vous recevez

    • Un prototype cliquable
    • Résultats de test par tâche
    • Ajustements fondés sur nos observations

    VousVous assistez aux tests, ou vous recevez les enregistrements.

  6. 06

    Transfert et développement

    Nos propres développeurs le construisent, ou nous transmettons tout proprement à votre équipe. Les fichiers de design vous appartiennent.

    Vous recevez

    • Fichiers de design et spécifications
    • Design tokens et composants
    • Accompagnement pendant le développement

    VousÀ vous de choisir : nous le développons, ou vos développeurs.

  7. 07

    Mesurer et améliorer

    Après le lancement, nous observons comment les gens l’utilisent réellement. Ce qui peut être mieux, nous le traitons par petites améliorations ciblées.

    Vous recevez

    • Mesures des étapes clés
    • Une liste d’améliorations
    • De nouveaux écrans quand votre produit grandit

    VousEnsemble, nous fixons les priorités.

  8. Combien de temps cela prend-il ?

    Cela dépend de votre produit. Une revue UX peut se faire en quelques jours, une nouvelle plateforme prend plus de temps. Après le premier échange, vous recevez un planning et un prix fixe.

    Voir les prix

Du design au code

De Figma au code, sans rien perdre en route.

Ce que nous concevons, nous le développons aussi. Chaque bouton du design existe comme un vrai composant dans le code, avec les mêmes noms, les mêmes variantes et les mêmes valeurs. Ce que vous validez, c’est ce que vous obtenez.

Démo · Tandartsenpraktijk VennegemSimplifié

Un composant bouton dans un inspecteur de design, le même bouton en React et Tailwind, et le résultat dans le navigateur.

InspecteurButton

Propriétés

Accessibilité

  • Contraste 4,97:1AA exige 4,5:1
  • Cible de 40 px de hautAA exige 24 × 24
  • Focus visiblefocus-visible outline

Choisissez une variante, une taille ou une icône : le design, le code et le résultat suivent.

  • La même équipe conçoit et développe

    Nos designers et nos développeurs travaillent côte à côte. Pas de dossier lancé par-dessus le mur, pas de « ce n’est pas ce qu’on voulait ».

  • Des design tokens partagés

    Couleurs, espacements et arrondis sont définis une seule fois, sous forme de tokens. Le design et le code lisent les mêmes valeurs.

  • Des composants documentés

    Chaque composant présente ses variantes et ses exemples, par exemple dans Storybook. Votre équipe continue ainsi sans deviner.

  • Accessibilité testée dans le navigateur

    Nous vérifions le contraste, le clavier, le focus et les cibles cliquables dans le vrai produit, pas seulement dans le design.

Le faire développer aussi ?

Les personnes qui conçoivent votre produit le développent aussi.

  • Applis

    iOS et Android à partir d’une seule base de code.

  • Logiciels

    Caisses, portails, SaaS et outils internes.

  • Sites web

    Conçus sur mesure, rapides et faciles à trouver.

Prix

Combien coûte le design produit ? À la journée, ou à prix fixe.

Pour un audit, un atelier ou un sprint, nous travaillons à la journée. Pour un design complet, vous recevez un prix fixe, après un échange gratuit. Vous connaissez toujours le montant avant que nous commencions.

Conseil en design

Un designer expérimenté qui réfléchit et travaille avec vous, exactement le temps qu’il vous faut.

700 €

par jour · HT

Envoyez votre question

Par exemple pour

  • Un audit UX de votre produit existant
  • Un atelier sur votre stratégie produit
  • Une revue UX de nouveaux écrans
  • Un design sprint, de la question au prototype testé
  • Un contrôle d’accessibilité selon les WCAG 2.2
  • Du renfort en design aux côtés de votre équipe

Exemple de calcul

Exemple

5 jours : 3 500 € HT

5 jours

Comme un design sprint de 5 jours

Projet de design

De la recherche au transfert, avec un prix fixe que vous recevez par écrit à l’avance.

Prix fixe

après un échange gratuit · HT

Planifiez un échange gratuit

Ce qui est inclus

  • Recherche et entretiens avec vos utilisateurs
  • Flows et wireframes
  • Design UI de chaque écran, desktop et mobile
  • Un prototype cliquable pour tester
  • Un design system avec composants et tokens
  • Transfert à vos développeurs, ou nous le développons
  • Les fichiers de design vous appartiennent

Ce qui détermine le prix

  • Nombre d’écrans et de flows
  • Web, iOS, Android ou tout à la fois
  • Volume de recherche et de tests
  • Nouveau design system ou enrichissement de l’existant

Le faire développer aussi ?

La même équipe développe ce que nous concevons. Composez votre projet et voyez tout de suite le prix.

Composez votre projet
  • Tous les prix HT
  • Montant connu à l’avance, par écrit
  • Fichiers de design à vous
  • 5,0 sur Google, selon 49 avis

FAQ

Questions sur le design produit

Ce que les fondateurs, les équipes produit et les développeurs nous demandent le plus souvent. En langage clair, avec une ligne pour votre développeur.

Prix et planning

Il y a deux formules. Pour du conseil, comme un audit, un atelier ou un design sprint, vous payez 700 € par jour HT. Un projet de design complet reçoit un prix fixe après un échange gratuit. Nous évaluons ensemble le nombre d’écrans et de plateformes et la recherche nécessaire, et vous recevez le montant par écrit avant que nous commencions. Voir les prix

Exemple : un design sprint de 5 jours5 × 700 €3 500 €

Fichiers et développement

Audits, accessibilité et systèmes

Votre question n’y figure pas ?

Posez-la simplement. Un membre de l’équipe vous répond sous 24 heures, les jours ouvrables.

Prochaine étape

Prêt pour un produit que les gens aiment utiliser ?

Parlez-nous de votre produit lors d’un échange gratuit. Ou envoyez-nous par e-mail un lien, quelques écrans ou une courte explication. Vous recevez une réponse sous 24 heures, les jours ouvrables.

Planifiez un échange gratuit

30 minutes, en ligne. Nous écoutons, posons des questions et vous disons honnêtement ce que nous ferions.

Choisir un créneau

Envoyez-nous votre produit

Envoyez un lien, des captures d’écran ou une courte explication. Une esquisse sommaire convient aussi.

info@brisk.be

Envoyez un message

Vous préférez court et rapide ? Posez votre question sur WhatsApp.

WhatsApp (s’ouvre dans un nouvel onglet)
  • Un prix fixe ou un tarif journalier clair
  • Les fichiers de design vous appartiennent
  • Un interlocuteur attitré
  • Conçu et développé par une seule équipe
  • Réponse sous 24 heures, les jours ouvrables

Brisk · Genk, Belgique