UI DesignerRedesignFintech3 participants
🎨
Modernise l'écran de connexion de NéoBanq
Ta mission est de repenser l'écran de connexion d'une application bancaire traditionnelle pour offrir une expérience moderne, rassurante et fluide. L'objectif est de remplacer une interface vieillissante par un design épuré qui inspire confiance dès le premier geste, sans sacrifier la clarté ni la sécurité perçue.
🎬Le scénario
NéoBanq est une banque de détail française fictive qui cherche à rajeunir son image auprès des 25-40 ans. Leur application mobile actuelle date de 2017 : formulaire austère, typographie datée, aucune cohérence visuelle avec les standards actuels du secteur fintech. Le product owner souhaite un écran de connexion repensé qui serve de point d'entrée moderne à une refonte plus large prévue pour l'année prochaine.
📦Livrable attendu
- 1 écran de connexion mobile (format iPhone 14, 390 × 844 px) au design finalisé
- 1 variante light mode et 1 variante dark mode du même écran
- Un fichier Figma partagé en mode visualisation avec les composants nommés proprement
- Une courte note de design (max 5 lignes) dans le fichier Figma expliquant tes choix visuels principaux
🚧Contraintes
- Respecter les dimensions mobile iOS : 390 × 844 px @2x
- Utiliser une palette de 2 couleurs maximum en dehors du blanc, noir et niveaux de gris
- Les champs de saisie (identifiant, mot de passe) doivent rester visibles et accessibles, sans être déprioritisés au profit de l'esthétique
- Contraste texte/fond minimum WCAG AA (ratio 4,5:1) sur tous les éléments interactifs
- Aucune illustration complexe ou asset 3D — le design doit reposer sur la typographie et la mise en page
- Police de caractères gratuite ou open source uniquement (Google Fonts ou similaire)
🎯Critères d'évaluation
Ton travail sera évalué sur les critères suivants.
- Modernité et cohérence visuelle : le design rompt clairement avec les codes bancaires dépassés tout en restant crédible pour le secteur fintech
- Hiérarchie de l'information : les éléments clés (champs, CTA de connexion) sont immédiatement identifiables et bien mis en valeur
- Maîtrise des contraintes d'accessibilité : contrastes respectés, taille des zones tactiles suffisante, lisibilité irréprochable
- Cohérence entre les deux variantes light/dark : la logique de design est maintenue, seule la palette s'adapte
- Soin du détail UI : espacement, alignement, nomenclature des calques dans Figma — tout trahit un niveau d'attention professionnelle
