L’objectif de ce projet était de proposer une nouvelle interface immersive et sensorielle pour Spotify. En appliquant les codes du Neumorphism, j’ai voulu transformer l’application den un objet digital presque physique, où chaque bouton semble inviter au toucher.
Le défi du Neumorphism réside dans l’équilibre subtil des lumières et des ombres.
Travail Chromatique : Utilisation de palettes de couleurs douces et de dégradés subtils pour assurer la profondeur.
Relief Dynamique : Création d’un jeu d’ombres portées (shadows) et de reflets (highlights) pour simuler des boutons extrudés ou enfoncés.
Épure Visuelle : Une interface minimaliste qui laisse toute la place à l’artwork des albums.
Logiciels utilisés
- Figma
Couleurs utilisées
- #1FBD58
- #ECF0F1
- #000000
- #FFFFFF
Compétences
- Maîtrise avancée des effets d’ombres et de lumières (UI Design).
- Prototypage d’une interface mobile moderne.
- Réflexion sur l’accessibilité et l’ergonomie des interfaces de demain.
refonte Spotify
LE CONCEPT
L’objectif de ce projet était de proposer une nouvelle interface immersive et sensorielle pour Spotify. En appliquant les codes du Neumorphism, j’ai voulu transformer l’application den un objet digital presque physique, où chaque bouton semble inviter au toucher.
Le défi du Neumorphism réside dans l’équilibre subtil des lumières et des ombres.
Travail Chromatique : Utilisation de palettes de couleurs douces et de dégradés subtils pour assurer la profondeur.
Relief Dynamique : Création d’un jeu d’ombres portées (shadows) et de reflets (highlights) pour simuler des boutons extrudés ou enfoncés.
Épure Visuelle : Une interface minimaliste qui laisse toute la place à l’artwork des albums.
L’enjeu UX :
Le Neumorphism étant un style complexe pour l’accessibilité, j’ai porté une attention particulière à la lisibilité :
Accentuation des contrastes sur les icônes de navigation.
Hiérarchie visuelle claire pour que l’utilisateur ne se perde pas dans les reliefs.
Conservation des codes de couleurs iconiques de Spotify (le vert électrique) pour les éléments d’action principaux (CTA).
Logiciels utilisés
- Figma
Couleurs utilisées
- #1FBD58
- #ECF0F1
- #000000
- #FFFFFF
Compétences
- Maîtrise avancée des effets d’ombres et de lumières (UI Design)
- Prototypage d’une interface mobile moderne.
- Réflexion sur l’accessibilité et l’ergonomie des interfaces de demain.