- 12k+Utilisateurs actifs
- 350k+Transactions
- 5M+Actifs échangeables
01
Overview
Le Portal est un hub qui regroupe plusieurs fonctions (compte, inventaire, ajout/transfert de fonds), dont une marketplace pour acheter/vendre des assets Web3. Les actifs (cartes de jeu, cosmétiques et monnaies) représentaient une valeur financière importante.
Public cible :
- joueurs expérimentés,
- spéculateurs,
- profils crypto très informés
Le paradoxe : expertise élevée, mais charge cognitive énorme.
Dans un écosystème Web3 en construction, la stabilité de l’expérience ne pouvait
pas reposer sur des décisions figées.
Le design a nécessité des arbitrages réguliers et la capacité de
faire évoluer des choix déjà validés
pour rester aligné avec la réalité du produit et de la technologie.
Le défi principal était de rendre intelligible une densité de données complexe sans surcharger l’interface ni ralentir la prise de décision.
03
Mes missions
Hiérarchisation
de l’information & architecture UX
Structuration d’interfaces à forte densité afin de rendre lisibles des informations complexes liées à la valeur, aux statuts et à la rareté des assets, ainsi qu'aux opérations transactionnelles.
Conception
de Design System scalable
Structuration d’un Design System capable d’absorber la complexité transactionnelle du produit tout en restant lisible et maintenable.
- Repenser la hiérarchie d’information “decision-first”
- Unifier des patterns transactionnels communs (Buy / Sell / Offer / Craft, ..)
- Gestion des états critiques liés aux transactions (pending, success, error, annulable)
- Composants pensés pour l’évolution continue des règles métier
Vulgarisation
de concepts Web3 à forte valeur économique
Rendre lisibles et actionnables des mécaniques Web3 complexes en les traduisant en repères clairs, compréhensibles et sécurisants pour l’utilisateur.
- Exposer la transparence Web3 sans imposer la technicité sous-jacente
- Mises en avant des notions de valeur, rareté et statut
- Unifier la lecture des prix malgré la coexistence de plusieurs devises
- Visualisation explicite des quantités disponibles (supplies) et des montants associés
Collaboration
produit & technique (dev-driven UX)
Travail en lien direct avec les développeurs pour intégrer contraintes, états système et faisabilité dans les décisions UX et UI.
- Co-conception des parcours en tenant compte des contraintes blockchain et front
- Alignement UX avec les états réels du système (wallet, transfert, burn, validation)
- Spécifications claires et suivi de l’implémentation jusqu’à la QA
Chaque feature était pensée comme un composant à part entière, intégrant l’ensemble des états nécessaires à la robustesse du système.
04
Challenges & Solutions
Combler le fossé entre donnée et compréhension
- Densité élevée d’informations (valeur, rareté, statuts, variations)
- Statuts Web2 / Web3 aux implications peu explicites
- Prises de décision à enjeu financier
- Risque d’erreur en cas de mauvaise interprétation
Structurer l’information pour guider l’action
- Hiérarchisation claire des données critiques pour la décision
- Lecture en couches : action → contexte → détail
- Traçabilité claire des transactions et accès aux détails on-chain
- Encadrement des actions irréversibles grâce à des étapes de validation visibles et contextualisées
04
Impacts produit
Nouvelles fonctionnalités livrées
Intégration de nouvelles fonctionnalités clés dans le Portal (gestion des assets, visualisation des états, annulation d’actions, affichage multi-devises), renforçant l’utilité et la maturité du produit.
Parcours transactionnels fluidifiés
Amélioration des flows d’achat et de vente avec des étapes, états et confirmations plus explicites, réduisant la friction sur des actions à enjeu financier.
Décisions plus sécurisées
Meilleure compréhension des statuts, de la valeur et des implications économiques des assets, permettant aux utilisateurs d’agir avec plus de clarté et de confiance.
UX alignée sur une roadmap évolutive
Une conception pensée pour accompagner des itérations continues et l’ajout progressif de nouvelles fonctionnalités, sans rompre la cohérence de l’expérience existante
Évolution technique
Une UI capable d’absorber des évolutions techniques et économiques majeures sans perte de lisibilité ni rupture dans les usages.
Design System durable et cohérent
Mise en place de patterns et conventions UI facilitant l’évolution du produit tout en garantissant cohérence et maintenabilité dans le temps.
05
Ce que j'en retiens
Dans un environnement Web3 complexe, le design devient un garde-fou : il ne s’agit pas seulement de rendre les fonctionnalités accessibles, mais d’encadrer les usages pour éviter les erreurs coûteuses et irréversibles.