Logo Wikipédia modifié

Refonte Bandcamp

Choix UX

Structuration de l’information Flèche du bas

L’objectif majeur de la refonte est de clarifier la hiérarchie de l’information afin de limiter la surcharge visuelle des pages. Actuellement trop d’éléments sont présentés simultanément, rendant la lecture confuse.

Pour y remédier, l’organisation repose désormais sur une priorisation des contenus selon leur importance ainsi que sur l’ajout de repères visuels (titres, espacements, jeux de couleur) permettant de guider intuitivement l’utilisateur.

Filtres, navigation et accès rapide Flèche du bas

Les filtres de recherche sont pensés pour devenir plus compacts tout en restant facilement accessibles. Une barre latérale repliable regroupe ainsi l’ensemble des options, tandis que des icônes signalent de manière permanente les filtres actifs.

Le merchandising est dissocié du contenu musical : les articles (t-shirts, objets dérivés) sont intégrés à la modale du produit, évitant ainsi de polluer la liste principale des albums. Par ailleurs, le clic sur la cover ouvre la modale détaillant le produit, tandis qu’une icône distincte permet de lancer la lecture.

Lecteur audio intelligent et navigation fluide Flèche du bas

Un lecteur audio flottant accompagne l’utilisateur tout au long de la navigation. Il affiche les métadonnées essentielles de l’album (artiste, label, date de sortie, genre, durée), ainsi que des commandes de lecture à la manière des plateformes de streaming.

Ce lecteur bénéficie d’une intégration de playlists continues (« En cours de lecture »), garantissant une écoute ininterrompue entre les pages. Il permet également d’ajuster le volume facilement.

Des fonctionnalités enrichies offrent une expérience plus immersive : accès à l’historique des écoutes récentes, création de playlists personnelles, suivi des artistes favoris, ainsi que des recommandations dynamiques (« Vous aimerez aussi ») basées sur les habitudes d’écoute.

Allégement de l’interface et interactions enrichies Flèche du bas

L’interface est allégée en réduisant la densité d’information des pages produit. Les détails spécifiques sont regroupés dans des menus déroulants, tandis que la navigation repose davantage sur des fenêtres modales pour limiter le rechargement de page.

Pour prolonger l’expérience utilisateur, des fonctionnalités sociales sont proposées, comme l’ajout de titres à une wishlist, l’envoi d’albums à des amis, ainsi que des suggestions spécifiques (« Recommandation pour vous ») intégrées directement au lecteur audio.

Choix UI

Disposition visuelle, typographie et repères visuels Flèche du bas

L'interface repose sur une hiérarchie visuelle précise où titres, espacements, contrastes de couleur et icônes guident le regard de manière naturelle. Les informations prioritaires sont mises en avant tandis que les détails secondaires restent accessibles à la demande.

Ce choix visuel permet de créer un équilibre harmonieux entre esthétique moderne et simplicité d’usage, tout en gardant l’expérience utilisateur fluide, lisible et immersive.

Voir le prototype
Voir le pdf
Un projet ? Une question ?
Contactez-moi