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

Senior Product DesignerFinance, assurance et paiement B2B · En design depuis 2016

Je pars des usages pour définir les priorités avec les équipes et rendre la prochaine action claire à l’écran.

Réalisations

Planche de l’espace client

Planche de présentation de l’espace client Malakoff Humanis — Planche de conception de l’espace client

Reconstitution pour le portfolio. Sur 35 € de frais, 22 € sont remboursés par Malakoff Humanis et 2 € par la Sécurité sociale. Il reste 11 € à payer.

Malakoff HumanisVoir l’étude de cas

Cetelem

BNP Paribas Personal Finance

Du cadrage à 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 préremplissage · écrans présentés pour le portfolio

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

UX · Wireframes & interfaces

Les écrans, sans animation

Prototype de préremplissage.

Voir l’étude de cas

Comprendre les deux voies.

L’écran de choix présente la connexion bancaire et l’alternative de saisie manuelle.

Écran de choix entre connexion bancaire et saisie manuelle

Agrandir

Lire ce qui sera partagé.

Le détail du service peut être ouvert depuis l’écran de choix avant de lancer la connexion bancaire.

Information sur la connexion et les données transmises

Agrandir

Choisir sa banque.

La sélection de banque vient après le choix de continuer par la connexion.

Agrandir

Deux façons de poursuivre. Le préremplissage passe par la connexion bancaire. La saisie manuelle reste accessible.

Captures et extraits du prototype de 2026. Cadrage et wireframes reconstitués. Démonstration sans connexion réelle.

Préremplissage et parcours partenaires

Le choix avant la connexion. L’écran présente le préremplissage, les données partagées et la saisie manuelle.

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

Voir les parcours partenaires Allianz Trade

Refondre une solution de paiement B2B.

Du choix du paiement au suivi de la vente par le marchand.

Le besoin

Choisir le paiement.
Suivre la commande.

L’acheteur doit comprendre les modalités du paiement. Le marchand doit retrouver le statut et l’action à effectuer.

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

Concevoir les deux parcours

J’ai conçu les parcours acheteur et marchand, les prototypes et l’interface web et mobile, puis accompagné le développement avec les équipes produit et techniques.

Enjeu B2B

Servir l’acheteur et le marchand

L’acheteur lit les modalités avant de payer. Le marchand utilise la référence de la commande pour suivre le paiement et retrouver l’action à effectuer.

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 sur web et mobile. Les interfaces et la commande montrées ici sont des exemples reconstitués.

AppHalt

Choisir
Une app à suspendre.
Le reste continue.
Suspendre
En pause.
La fenêtre reste là.
Reprendre
Même fenêtre.
Même point de reprise.

AppHaltVoir l’étude de cas

Mon parcours

Parcours & expériences

De la recherche au produit.

J’ai conçu des parcours de remboursement, de financement et de paiement B2B avec les équipes produit, métier et développement. Je conçois et développe aussi AppHalt, un logiciel pour macOS.

Consulter mon CV (PDF)

Expériences clés

2026
BNP Paribas Personal Finance
Senior Product Designer
Prototype de préremplissage d’une demande de crédit, avec saisie manuelle ou connexion bancaire.
Voir les écrans de préremplissage
2025
Allianz Trade
UX/UI Designer
Paiement B2B : parcours acheteur et suivi marchand.
Lire l’étude Allianz Trade
2023–2024
BNP Paribas Personal Finance
Senior UX/UI Designer
Parcours Cetelem et intégrations chez les partenaires.
Voir les parcours partenaires
2020–2023
Malakoff Humanis
UX Designer
Refonte de l’espace client, recherche et conception UX.
Lire l’étude Malakoff Humanis
2016–2020
Missions en indépendant
UX/UI Designer
Missions pour Colas, Nexter et Adopte un Bureau : refonte de parcours, wireframes, prototypes et interfaces.

Comment je conçois avec l’IA

L’IA m’aide à mettre des parcours à l’essai plus tôt pour que l’équipe puisse comparer les pistes avant de développer.

Comprendre

Avec l’IA

L’IA regroupe les difficultés récurrentes dans mes notes de recherche.

Mon travail

Je mène la recherche et vérifie les regroupements dans mes notes avant de définir le problème.
Explorer

Avec l’IA

Je fournis les besoins et les contraintes. L’IA propose des variantes de parcours.

Mon travail

Je compare les points de friction et choisis la piste à prototyper.
Prototyper

Avec l’IA

L’IA assemble un prototype interactif de la piste retenue.

Mon travail

Je teste les interactions, repère les états manquants et affine l’interface.

Contact · Paris · Travail hybride

Et si on travaillait
ensemble ?

Vous recrutez ou avez un projet en tête ? Je peux vous présenter d’autres travaux et échanger sur vos enjeux produit.

Aller au formulaire de contact Mon profil LinkedIn

nion.gabriel@gmail.com

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

Réalisations

Planche de l’espace client

Du cadrage à l’interface.

Comprendre les deux voies.

Lire ce qui sera partagé.

Choisir sa banque.

Refondre une solution de paiement B2B.

Choisir le paiement.Suivre la commande.

Une commande.Deux parcours.

Choisiren confiance.

Voir la suite.Savoir agir.

Une nouvelle version,mise en production.

Concevoir les deux parcours

Servir l’acheteur et le marchand

Relier paiement et pilotage

Une app à suspendre.Le reste continue.

En pause.La fenêtre reste là.

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

De la recherche au produit.

Expériences clés

Comprendre

Explorer

Prototyper

Et si on travaillait ensemble ?

M’écrire

Choisir le paiement.
Suivre la commande.

Une commande.
Deux parcours.

Choisir
en confiance.

Voir la suite.
Savoir agir.

Une nouvelle version,
mise en production.

Une app à suspendre.
Le reste continue.

En pause.
La fenêtre reste là.

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

Et si on travaillait
ensemble ?