Étude de cas · N° 03 · Web3 · marketplace d’art · 2025
ArtChain : collectionner de l’art numérique sans parler crypto
Une app mobile pour découvrir, enchérir et collectionner des œuvres numériques : un portefeuille intégré, des prix lisibles en dollars, et chaque attente ou échec expliqué au lieu d’être subi.
- UX mobile
- UI iOS
- Design system
- Rôle
- Product designer, de la recherche au prototype
- Durée
- 6 semaines
- Équipe
- Projet conceptuel, en solo
- Plateforme
- iOS
- Outils
Figma 
Miro 
Google Meet 
Google Docs- Livrables
- Benchmark, Proto-personas, Journey map, User flows, Wireframes, Design system, 49 écrans, Prototype
Le projet en chiffres
Ce qui a été livré, compté dans le fichier Figma. Produit fictif : aucun résultat d’usage.
49
écrans
De la création du portefeuille à la revente d’une œuvre
6
états d’attente et d’erreur
Transaction en attente, échouée, hors ligne, enchère en conflit, collection et activité vides
17
composants
Dont la carte d’œuvre, la ligne d’enchère et le compte à rebours
01 · Le projet
L’art numérique, pour ceux qui n’y connaissent rien
Le marché des NFT a fondu après 2022 : 13,7 milliards de dollars échangés en 2024, moins qu’en 2023 et très loin du pic. Ceux qui restent ne cherchent plus la spéculation : ils collectionnent des œuvres et suivent des artistes.
Le frein, pour un nouveau venu, n’est pas l’œuvre : c’est la crypto. Phrase de récupération, frais de réseau, prix en ETH, transactions qui restent « en attente » sans explication.
ArtChain est une app de collection qui met l’œuvre devant la technique : un portefeuille créé en quelques écrans, des prix doublés en dollars, des enchères en un écran, et un langage simple pour chaque attente ou échec.
Six semaines, quarante-neuf écrans
01 · Semaines 1 à 2
Découvrir
Le marché et ses chiffres, quatre familles de plateformes, le vocabulaire qui bloque.
- Benchmark
- Recherche documentaire
02 · Semaines 2 à 2
Définir
Deux proto-personas, la carte d’expérience d’une première enchère.
- Proto-personas
- Journey map
- HMW
03 · Semaines 2 à 3
Idéer
Priorisation, flux d’enchère et d’achat, wireframes.
- Impact × effort
- User flow
- Wireframes
04 · Semaines 3 à 6
Prototyper
Design system sombre, 49 écrans dont les états d’erreur, prototype relié.
- Design system
- UI haute fidélité
- Prototype Figma
05 · Semaines 6 à 6
Vérifier
Revue des lois UX et des schémas trompeurs à éviter, plan de test.
- Revue heuristique
- Plan de test
02 · Découverte
Un marché qui a changé de public
−76 %
par rapport au pic de 2022
La spéculation est partie, la collection reste.
12 mots
à noter avant la première œuvre
La phrase de récupération : le premier mur pour un novice.
Hypothèse
< 1 min
de l’œuvre à l’enchère placée
L’ambition du parcours, portefeuille déjà rempli.
Hypothèse
Quatre façons d’acheter une œuvre numérique
Nommées par famille : les grandes places de marché, les plateformes de curation, les portefeuilles, et la vente directe sur les réseaux.
| Critère | ArtChain · le projetLe projet | Grande place de marchéGénéraliste | Plateforme de curationSélective | Vente sur les réseauxIndirect |
|---|---|---|---|---|
| Prix en dollars à côté de la crypto | OuiPartout | Partiel | Partiel | Non |
| Frais de réseau avant de signer | OuiDans le total | PartielDans le portefeuille | Partiel | Non |
| Portefeuille intégré et guidé | OuiPhrase vérifiée | NonPortefeuille externe | Non | Non |
| Attentes et échecs expliqués | Oui6 états dessinés | Partiel | Partiel | Non |
| Mise en avant des créateurs | OuiProfil, collections | Partiel | Oui | Oui |
Le tableau défile de côté.
Revue documentaire, verdicts simplifiés par famille.
À retenir
Les places de marché parlent aux initiés, les réseaux aux fans. La place libre : la curation d’une galerie avec la simplicité d’une app de paiement.
03 · Définition
La novice et l’initié
Proto-personas : des hypothèses à valider en entretien ; leurs citations sont illustratives.
P1 · la novice
Sara, 29 ans
Directrice artistique, suit des artistes numériques, n’a jamais acheté d’œuvre
- Objectif
- Enchérir sur une œuvre sans craindre de perdre son argent
- Ce qui bloque
- Le jargon, la phrase de récupération, les frais qui apparaissent au dernier moment
« Je veux acheter une œuvre, pas apprendre la blockchain. »
P2 · l’initié
Kenji, 36 ans
Collectionneur depuis 2021, suit une dizaine de créateurs
- Objectif
- Repérer une enchère et surenchérir vite, depuis son téléphone
- Ce qui bloque
- Les apps lentes, les enchères perdues pour quelques secondes
« Une enchère se gagne dans la dernière minute. »
La première enchère de Sara, ailleurs
Sara
01Découvrir
02Le portefeuille
03Acheter de l’ETH
04Enchérir
05Attendre
06Gagner
Fait
Pense
Ressent
Opportunité
La carte défile de côté.
Le problème à résoudre
Les nouveaux collectionneurs ont besoin de comprendre ce qu’ils paient et ce qui se passe pendant une transaction, parce que l’argent engagé est réel. Aujourd’hui, la technique passe avant l’œuvre, et chaque attente ressemble à une perte.
Les questions auxquelles la conception répond
Q1
Comment pourrions-nous créer un portefeuille sûr sans faire peur ?
Pourquoi elle · C’est le premier mur de la carte d’expérience.
Q2
Comment pourrions-nous dire chaque prix en dollars, frais compris ?
Pourquoi elle · Sara compte en dollars, pas en ETH.
Q3
Comment pourrions-nous expliquer chaque attente et chaque échec ?
Pourquoi elle · L’autre point bas : « en attente » sans fin.
Q4
Comment pourrions-nous laisser Kenji surenchérir en quelques secondes ?
Pourquoi elle · La vitesse fait l’enchère.
04 · Idéation
Ce que la première version garde
Impact ↑
Gains rapides · Impact fort · Effort faible
Prix doublés en dollarsEn V1
Q2
Frais dans le totalEn V1
Q2
États d’attente et d’erreurEn V1
Q3
Grands chantiers · Impact fort · Effort fort
Portefeuille intégré, phrase vérifiéeEn V1
Q1
Enchère en un écranEn V1
Q4
Création et mise en venteEn V1
Bonus · Impact faible · Effort faible
Compte à rebours qui pressePlus tard
Écarté : fausse urgence
Plus tard · Impact faible · Effort fort
Encaisser en monnaie localeEn V1
Fermer la boucle
Fil social et commentairesPlus tard
Effort →
Une urgence ne s’affiche que si elle est réelle : le compte à rebours suit la vraie fin de l’enchère, jamais un délai inventé.
Placer une enchère
Début
Œuvre
Enchère en direct, compte à rebours
Écran
Placer une enchère
Montant suggéré, frais, total en dollars
Décision
Solde suffisant ?
Non : acheter de l’ETH ou recevoir, puis retour
Système
Code ou Face ID
Signature de la transaction
Système
Envoi au réseau
« En attente » expliqué
Écran
Enchère placée
Fonds bloqués jusqu’à la fin
Fin
Gagnée ou dépassée
Notification, remboursement automatique si dépassée
Les wireframes basse fidélité
01 · Accueil
02 · Œuvre
03 · Enchère
04 · Portefeuille
05 · Enchère placée
05 · Conception
Du verre sombre et une seule action
Un fond d’encre, des surfaces en verre, une action blanche par écran, et le dégradé Aurora pour ce qui est en direct, réussi ou à soi.
Couleurs
Encre
#030508
Fond
Verre
#FFFFFF14
Surfaces, cartes
Texte
#FFFFFF
Texte, action principale
Aurora vert
#2BFF88
En direct, à soi
Succès
#34D399
Gagné, confirmé
Danger
#F87171
Échec, dépassé
Typographie
Display
Poppins Bold 40
Bid placed!
Titre 1
Poppins Bold 32
Neon Bust #01
Prix
Poppins Bold 28
2.40 ETH
Corps
Inter Regular 16
Discover trending NFTs.
Adresse
Inter Medium 13
0x8f3c…a91d
17 composants
- Bouton
- Champ
- Bouton social
- Étapes
- Puce
- Toggle
- Badge
- Avatar
- Compte à rebours
- Statistique
- Carte d’œuvre
- Ligne d’enchère
- Ligne de jeton
- Barre du haut
- Barre d’onglets
- Logo
- Fond
L’accueil : une preuve avant la promesse
Première itération
Version finale
Ce qui change
Le nombre d’œuvres et de créateurs en tête : on sait où l’on entre.
Loi UX · Effet esthétique-pratiqueRespectée
Une entrée pour commencer, une pour se connecter quand on collectionne déjà.
Loi UX · Loi de JakobRespectée
L’inscription : savoir où l’on en est
Première itération
Version finale
Ce qui change
Chaque étape a son icône et son nom : vérification, profil, sécurité et portefeuille.
Loi UX · Effet ZeigarnikRespectée
Les conditions sont dites avant de créer le compte, pas après.
Loi UX · Règle de PostelRespectée
Le parcours, de la découverte à la revente
Phrase de récupération (Q1)
Accueil
Explorer
Œuvre
Enchère (Q2)
Enchère placée
Portefeuille
Créer
Minting
Encaisser
En attente (Q3)
Enchère en conflit (Q4)
06 · Validation
Les lois UX à l’œuvre
- Respectée
Effet Zeigarnik
Les tâches inachevées restent en tête : montrez la progression, invitez à revenir.
Des étapes nommées : on sait ce qui reste.
Inscription
- Respectée
Aversion à la perte
Perdre fait environ deux fois plus mal que gagner ne fait plaisir.
Les frais sont dans le total avant de signer.
Enchère
- Respectée
Seuil de Doherty
Sous 400 ms, le système ressemble à une conversation.
Chaque transaction dit où elle en est.
Attente
- Respectée
Effet de rareté
Rare paraît précieux, jusqu’à ce que la pression sonne faux.
La rareté affichée est réelle : une œuvre unique, une vraie fin d’enchère.
Œuvre
- Respectée
Effet Von Restorff
Ce qui diffère est ce dont on se souvient.
Une seule action blanche par écran.
Partout
- Respectée
Règle du Peak-End
On juge le pic et la fin, pas la moyenne.
La fin du parcours rassure : fonds bloqués, remboursés si dépassée.
Enchère placée
Résultats attendus
Ce qu’un test devrait montrer. Rien n’a été mesuré.
| Résultat attendu | Indicateur | Cible indicative |
|---|---|---|
| Un portefeuille créé sans abandon | Testeurs novices qui vont au bout de la création | 4 sur 5 en test |
| Des prix compris | Testeurs qui annoncent le total en dollars avant de signer | 5 sur 5 en test |
| Des attentes sans angoisse | Testeurs qui expliquent l’état « en attente » | 4 sur 5 en test |
Le test qui validerait le parcours
ParticipantsSix personnes : quatre qui n’ont jamais acheté de NFT, deux collectionneurs réguliers, en séance de 40 minutes sur le prototype.
01
TâcheCréer son compte et son portefeuille.
Critère de réussitePhrase notée et vérifiée, sans aide.
02
TâcheEnchérir sur Neon Bust #01.
Critère de réussiteTotal en dollars annoncé avant de signer.
03
TâcheExpliquer l’écran « transaction en attente ».
Critère de réussiteLa personne sait que ses fonds ne sont pas perdus.
04
TâcheCollectionneur : surenchérir après une alerte.
Critère de réussiteMoins de 20 secondes de la notification à l’enchère.
Questions d’entretien
- Qu’est-ce qui vous a retenu jusqu’ici d’acheter une œuvre numérique ?
- Comment comptez-vous un prix en crypto : en crypto, ou en dollars ?
- Qu’auriez-vous pensé en voyant « en attente » pendant cinq minutes ?
Ce que j’en retiens
01
Dessiner les états d’erreur d’abord
Les six écrans d’attente et d’échec ont fixé le ton de tous les autres : expliquer avant de célébrer.
02
Une urgence honnête
Le compte à rebours suit la vraie fin de l’enchère ; la fausse rareté a été écartée dès la priorisation.
03
Traduire, toujours
Chaque montant en ETH a son équivalent en dollars : c’est la décision qui a le plus simplifié le reste.
Un projet en tête ?
Décrivez l’écran ou le parcours qui coince : je réponds avec une première lecture du problème.