Je clarifie les parcours. Du besoin à l’interface.

Senior Product DesignerRecherche utilisateur · Design UX/UI · Prototypage avec l’IA

Je pars des usages, définis les priorités avec les équipes et conçois des interfaces où l’on comprend quoi faire ensuite.

Voir mes réalisations
Gabriel Nion, Product Designer

Une sélection de projets

Trois missions clients et AppHalt, un produit macOS que je conçois et développe.

La recherche a orienté un choix concret : montrer le reste à charge d’abord, puis expliquer sa composition sans perdre le détail.

Explorer mes réalisations
Malakoff HumanisParcours de l’espace client

Comprendre les usages.
Repenser l’espace client.

Mon rôle : UX Designer. Recherche utilisateur et conception des parcours et interfaces pour la refonte de l’espace client, sur ordinateur et mobile.

Le choix UX

Voir le reste à charge, puis sa répartition.

Sur ordinateur comme sur mobile
Explorer mes réalisations
Planche de présentation de l’espace client Malakoff Humanis
Planche de présentation du projet

Recherche utilisateur et conception UX. Écrans adaptés pour le portfolio.

Malakoff HumanisVoir l’étude de cas
Cetelem

J’ai conçu un parcours de préremplissage qui explique les données partagées avant la connexion et conserve la saisie manuelle. Prototype non déployé.

Explorer mes réalisations
BNP Paribas Personal Finance

De l’atelier à l’interface.

Préremplir une demande de crédit, tout en laissant la personne décider quelles données partager.

Mon rôle · Cadrage UX, wireframes & interface

Prototype de conception, non déployé · écrans présentés pour le portfolio

Chargement de l’animation… Les écrans restent disponibles plus bas.

UX · Wireframes & interfaces

CetelemVoir l’étude de cas
Les écrans, sans animation

Poser les questions

Comment réduire la saisie tout en expliquant clairement ce que le client autorise ?

Interface de préremplissage avec consentementAgrandir

Structurer les choix

Préremplir avec l’accord du client, expliquer les données partagées et conserver la saisie manuelle.

Information sur la connexion et les données transmisesAgrandir

Concevoir les écrans

Du wireframe à l’interface, le choix entre connexion bancaire et saisie manuelle reste visible.

Interface de sélection bancaireAgrandir

Un prototype pour simplifier la saisie. Le préremplissage vise à réduire la saisie. L’interface explique le partage des données et propose la saisie manuelle. Ce prototype n’a pas été déployé.

Captures produit authentiques. Atelier et wireframes reconstitués pour expliquer les choix de conception. Démonstration sans connexion réelle.

Préremplissage et parcours partenaires

Choix éclairé. Bénéfice, données partagées et saisie manuelle expliqués avant connexion.

Chez Apple France et Orange, un autre enjeu : garder les repères de la commande jusqu’au financement.

Voir les parcours partenaires Allianz Trade

J’ai relié le paiement acheteur et le suivi marchand autour d’un même repère : la commande, son statut et la prochaine action.

Explorer mes réalisations
Allianz Trade

Refondre une solution de paiement B2B.

De l’audit au parcours acheteur et à l’espace de gestion marchand.

Audit et tests utilisateurs

Repartir
de l’existant.

Audit et tests : remboursements et réglages trop complexes.

Architecture & wireframes

Une commande.
Deux parcours.

Un repère commun pour l’acheteur et le marchand.

Interface acheteur

Choisir
en confiance.

Conditions avant validation. Une alternative accessible.

Espace marchand

Voir la suite.
Savoir agir.

Échéancier, remboursement et prochaine action réunis par commande.

Résultat du projet

Une nouvelle version,
mise en production.

Un parcours acheteur et un espace marchand reliés par une commande.

Refonte UX et améliorations techniques menées en parallèle.

Allianz TradeVoir l’étude de cas
Mon rôle

De la recherche à la livraison

J’ai pris en charge l’ensemble du design : audit de l’existant, tests utilisateurs, architecture, parcours acheteur, espace de gestion marchand, UI web/mobile, prototypage et accompagnement du développement. Les wireframes et interfaces sont reconstitués pour expliquer les choix de conception.

Enjeu B2B

Servir l’acheteur et le marchand

Les clients avaient besoin d’un paiement sûr, mais aussi d’une gestion plus simple des commandes, remboursements, automatisations et litiges.

Solution livrée

Relier paiement et pilotage

Le parcours couvre le paiement côté acheteur et, côté marchand, le suivi des commandes, des paiements échelonnés, des incidents et des impayés.

La nouvelle version a été mise en production. Les interfaces sont reconstituées ici pour présenter les choix de conception.

AppHalt

AppHalt Produit personnel · macOS

J’ai conçu et développé AppHalt pour mettre les apps inactives en pause sans fermer leurs fenêtres, puis les reprendre quand on en a besoin.

Découvrir AppHalt
  1. Choisir

    Une app à suspendre.
    Le reste continue.

    Seule l’app choisie est mise en pause. Les autres continuent de fonctionner.

  2. Suspendre

    En pause.
    La fenêtre reste là.

    L’état « Paused » confirme la pause. « Resume » permet de reprendre l’app.

  3. Reprendre

    Même fenêtre.
    Même point de reprise.

    La reprise se fait depuis le même menu, sans rouvrir l’app.

AppHaltVoir l’étude de cas
Mon parcours

Parcours & expériences

De la recherche au produit.

Depuis 2016, je conçois des parcours et des interfaces avec les équipes produit, métier et développement. J’interviens surtout en finance, assurance et paiement B2B. Avec AppHalt, je conçois et développe aussi un logiciel pour macOS.

Consulter mon CV (PDF)

Expériences clés

  1. 2026
    BNP Paribas Personal Finance

    Senior Product Designer

    Financement, consentement et parcours partenaires.

  2. 2025
    Allianz Trade

    UX/UI Designer

    Paiement B2B : parcours acheteur et suivi marchand.

  3. 2023–2024
    BNP Paribas Personal Finance

    Senior UX/UI Designer

    Parcours de demande de financement et conception des interfaces.

  4. 2020–2023
    Malakoff Humanis

    UX Designer

    Refonte de l’espace client, recherche et conception UX.

    Lire l’étude
  5. 2016–2020
    Indépendant

    UX/UI Designer

    Missions pour Colas, Nexter et Adopte un Bureau : refonte de parcours, wireframes, prototypes et interfaces.

Comment j’utilise l’IA

Pour clarifier, explorer et prototyper. Je garde la main sur les choix et les vérifications.

Comprendre

Clarifier le problème.

L’IA regroupe les notes. Je vérifie les thèmes dans les sources.

Quelles données partager ?Puis-je saisir moi-même ?

Expliquer les données avant le choix.

Explorer

Comparer deux pistes.

L’IA propose des variantes. Je choisis une piste à tester.

Une page
ChoixInformationsConfirmation
Par étapes
ComprendreChoisirConfirmer

L’explication précède le choix.

Prototyper

Rendre l’idée testable.

L’IA m’aide à coder. Je vérifie les états et les interactions.

Votre demande
Comment remplir la demande ?
Préremplir mes informations
Saisir moi-même
Continuer
1 / 3
Contact · Paris · Travail hybride

Et si on travaillait
ensemble ?

Vous recrutez, vous faites évoluer un produit ou vous souhaitez en savoir plus sur mon travail ? Parlons-en. Je peux aussi vous présenter d’autres travaux.

Mon profil LinkedIn (nouvel onglet)

M’écrire

Adresse email et message obligatoires.

Quelques mots sur le poste, la mission ou le produit dont vous souhaitez parler.

Ces informations servent uniquement à vous répondre. Confidentialité

En haut