ROMAIN BELIN

INITIALISATION

Portfolio Romain Belin

CATHARSIS

UX / UI Design

Shade

Side-wallet crypto & Trading automatisé


Mon rôle : Lead UI Designer & UX Researcher

Notre objectif : Concevoir une application mobile de A à Z permettant de démocratiser, sécuriser et simplifier l'accès aux bots de trading crypto (copy-trading et sniping).

Le Problème


Le constat : Actuellement, l'utilisation de bots de trading crypto est un parcours du combattant. Les utilisateurs sont forcés de passer par des canaux Telegram (manque de confiance de l’utilisateur), avec des interfaces textuelles (CLI) désastreuses et une ergonomie inexistante. De plus, cet environnement non régulé favorise massivement les arnaques (scams) et la perte de fonds.


Le défi : Remplacer cette expérience anxiogène par une application mobile centralisée, rassurante, avec une interface (UI) extrêmement épurée et une expérience utilisateur (UX) si intuitive qu'elle rendrait le trading automatisé accessible aux débutants.


La Méthodologie UX (Recherche & Wireframing)


Du rôle d’UX Researcher en découle une phase de veille concurrentielle pour analyser les standards des plateformes d'échange actuelles. L'objectif était de comprendre les codes visuels auxquels les traders sont habitués pour ne pas les brusquer.

Les phases qui en découlent sont celles d'idéation et de Wireframing. Les croquis suivant nous ont permis de structurer l'architecture de l'information. L'enjeu principal était de hiérarchiser les données : le solde total en évidence, un accès direct aux deux fonctionnalités clés (Copy Trade / Sniping), et un système de "Flex" permettant de partager visuellement ses performances simplement. L'UX devait guider l'utilisateur sans le surcharger de graphiques complexes.

Page Home

Page d’un trade effectué

Page Flex principale

La Solution UI (Design Haute Fidélité)


En tant que Lead UI Designer, j'ai transformé ces parcours utilisateurs en une interface moderne et rassurante.

- Dark Mode natif : L'interface repose sur un fond sombre (Deep Black/Grey) pour réduire la fatigue visuelle, une norme essentielle pour des utilisateurs qui consultent l'application quotidiennement.

- Clarté de la donnée : La typographie Satoshi a été choisie pour sa lisibilité numérique parfaite. Les couleurs sont utilisées de manière fonctionnelle : le bleu électrique de la marque pour les appels à l'action (Boutons), et les traditionnels vert/rouge limités strictement aux indicateurs de performance (PnL) pour une lecture instantanée.

- Minimalisme cognitif : L'UI est épurée de tout bruit visuel. Les graphiques d'évolution sont lissés et intégrés dans des cartes (Cards) aux bords arrondis, rendant l'analyse financière visuellement agréable et moins intimidante.

Shade Visuel 1Shade Visuel 2Shade Visuel 3

GreenFlow

Festival de Musique Éco-responsable


Mon Rôle : Lead UI Designer & UX Researcher.

L'objectif : Concevoir l'expérience numérique complète (application mobile et parcours utilisateur) pour un grand festival de rap français engagé dans une démarche de durabilité.

Le Défi Utilisateur


Le constat : Le public cible (accoutumé aux grands festivals de rap français) s'attend à une atmosphère festive, dynamique et énergique. Les codes visuels traditionnels de l'éco-responsabilité (verts ternes, minimalisme institutionnel) sont perçus comme trop sobres et risquent de briser cet aspect festif indispensable.


Le défi : Concevoir un branding et une application mobile qui incarnent la dimension écologique de manière organique, sans tomber dans le cliché. L'UI et l'UX doivent coexister : le design doit être percutant et énergique pour le public Rap, tout en intégrant des fonctionnalités durables de manière transparente et intuitive (agenda, cartes d'accès épurées).


La Méthodologie UX (Recherche & Wireframing)


En tant qu'UX Researcher, j'ai débuté par une phase d'analyse sectorielle et de benchmarking. L'objectif était de déconstruire les codes visuels habituels de l'écologie pour y injecter l'énergie vibrante et brute des festivals de musique urbaine.

Étape 1 : Recherche d'Inspirations (Moodboard)

Étape 2 : Wireframing (Architecture de l'Information)
Je suis ensuite passé à la phase de Wireframing pour structurer l'architecture de l'information. L'enjeu principal était de hiérarchiser les données pour répondre aux besoins immédiats de l'utilisateur dans un environnement de festival souvent bruyant et surchargé.

- Clarté de la programmation : La vue “Home” centralise la liste des artistes par jour et par scène. L'UX devait permettre une navigation fluide pour planifier sa journée entre les concerts de ses artistes préférés.

- Accès rapide au billet : La section “Ticket” a été conçue pour un accès instantané au QR Code, réduisant les temps d'attente à l'entrée.

- Centralisation de l'information : La section “Infos” centralise les cartes d'accès, les points de recyclage et les informations générales de manière épurée, sans surcharger l'utilisateur de données complexes.

Page Home

Page Ticket

Page Infos

La Solution UI (Design Haute Fidélité & Immersion)


En tant que Lead UI Designer, j'ai transformé les parcours filaires en une interface vibrante et fonctionnelle, pensée spécifiquement pour l'effervescence d'un festival. L'objectif était de faire oublier la complexité de l'application au profit de l'immersion musicale.

- Direction Artistique & Contraste : Pour éviter l'esthétique "écolo institutionnelle", le design s'appuie sur le vert forêt profond de la charte en fond, dynamisé par des cartes et des boutons aux teintes chaudes (orange et rose). Cette approche visuelle apporte immédiatement l'énergie urbaine et festive attendue par le public.

- Fluidité de la Programmation : L'écran Agenda permet une navigation intuitive. L'utilisation de filtres par jour bien distincts et de cartes horaires aérées aide les festivaliers à organiser leur parcours entre les différentes scènes sans aucune friction visuelle.

- Le E-Billet Immersif et Fonctionnel : L'accès au billet est souvent un point de friction critique à l'entrée d'un événement. Le design reprend les codes nostalgiques du ticket physique (bords perforés) tout en y intégrant des visuels fluides très modernes. Surtout, la zone du QR code bénéficie d'un fond clair à contraste maximal pour garantir un scan instantané aux portiques de sécurité, de jour comme de nuit.

GreenFlow Visuel 1GreenFlow Visuel 2GreenFlow Visuel 3