Curve (Redesign) Redesign conceptuel, projet personnel, non affilié à Curve.
Refonte de l’interface de Curve Finance visant à moderniser son langage visuel, améliorer la hiérarchie de l’information et renforcer la cohérence des composants, tout en préservant les fonctionnalités et les repères essentiels du produit existant.
Audit de l'existant
L’interface de Curve est complète et fiable, mais elle accumule les niveaux de lecture. La navigation est répartie sur deux barres, toutes deux en majuscules, et le sous-menu n’indique pas clairement la page active, ce qui complique le repérage. Dans le module de swap, les montants sont affichés en petit, les soldes sont peu lisibles et le titre « SWAP » répète le sous-menu, ce qui affaiblit la hiérarchie. Les informations de transaction (slippage, price impact, taux, route) sont serrées et collées au bouton, sans séparation visuelle, et l’action principale apparaît deux fois sous la forme d’un bouton carré à l’aspect daté. L’ensemble souffre d’un bruit visuel marqué : majuscules partout, gris sur fond beige, textes de petite taille et un footer d’une vingtaine de liens bleus de même poids. Les fenêtres de réglage, enfin, mêlent jargon et styles hétérogènes, avec des icônes sans libellé.
Objectifs
- Simplifier la navigation sur une seule ligne, avec un onglet actif clairement identifiable.
- Donner une hiérarchie claire au swap : montant en grand, valeur en dollars, jetons en pastilles.
- Adopter une palette neutre et moderne, plus lisible que le gris sur beige et les majuscules partout.