← Retour

Contexte du projet

Le projet Coldplay a été réalisé de manière individuelle, sur une durée totale de 12 heures. L’objectif était de concevoir sur Figma un wireframe et un prototype interactif pour un site web dédié au groupe de musique Coldplay. Ce site devait à la fois présenter le groupe et ses membres, afficher les futurs concerts, proposer la réservation de billets, et inclure une boutique en ligne permettant aux fans d’acheter des produits dérivés.

Objectifs

Concevoir une interface attrayante et immersive, en cohérence avec l’univers artistique de Coldplay. Mettre en valeur l’identité visuelle du groupe à travers un design harmonieux et moderne. Structurer le site de manière à faciliter la navigation entre les différentes rubriques : concerts, artistes, boutique et musique. Réaliser un prototype interactif pour simuler les principales fonctionnalités du site (achat, réservation, consultation d’informations).

Structure de l'application

PagesFonction
Accueil / GroupePrésentation du groupe, de son univers et des membres
Concerts / TicketsConsultation des dates et réservation de places
MusiqueAccès aux albums, titres et extraits audio
BoutiqueAchat de produits dérivés (vinyles, mugs, affiches, etc.)
Aperçu de la page d'accueil avec la barre de navigation

Outils

OutilsRôle
FigmaConception des wireframes et du prototype interactif

Direction artistique

Cette palette, à la fois vive et équilibrée, reflète la dimension artistique et émotionnelle du groupe tout en facilitant la lecture et la navigation.

Prototypage et interaction

Le prototypage sur Figma a permis de donner vie à la maquette :

Navigation fluide entre les différentes sections (menu principal et sous-catégories). Simulation de l’achat d’un produit ou d’une réservation de billet de concert. Mise en avant visuelle des albums et artistes à travers des visuels percutants. Animations de transition pour renforcer l’aspect immersif du site.
Aperçu de la page d'accueil avec la barre de navigation
Aperçu de la page d'accueil avec la barre de navigation

Défis rencontrés

Bilan personnel

Ce projet m’a permis d'approfondir mes compétences en design d’interfaces (UI) et en structuration de contenu multimédia, de travailler la gestion du temps et des priorités dans une création rapide, expérimenter la cohérence visuelle entre plusieurs types de pages (boutique, artistes, concerts) et de renforcer ma maîtrise de Figma pour le prototypage complet d’un site web.