Maquette mobile de la page Experience : le titre The First Encounter et son texte, sur des photos du groupe.
Maquette de la discographie du site Queen, pochettes d'albums en bandes verticales.
La même fiche en maquette : la pochette d'A Night At The Opera, le titre et les boutons Écouter et Acheter.

Queen

Site d'artiste avec boutique, 2026. Yboost, le gros projet de l'année à Ynov Bordeaux, à quatre sur plusieurs mois. Mon rôle : wireframes et prototype interactif. Figma. Projet réalisé par Clément Gosselin, Product Builder no-code et IA à Ynov Bordeaux.

Voir le prototype

Le projet

Le brief Yboost. Un site WordPress consacré à un artiste, conçu de bout en bout, du wireframe au prototype, avec son design system. À quatre, on a choisi Queen. Le site mêle vitrine et e-commerce : une discographie, des contenus éditoriaux sur l'histoire du groupe et une boutique de vinyles.

Du wireframe au prototype. J'ai réalisé les wireframes basse fidélité de tout le parcours : accueil, discographie, fiche album, boutique, fiche produit, panier, contact et blog. La navigation typographique de l'accueil est posée dès ce stade. Les maquettes haute fidélité reposent sur un design system commun (typographies, couleurs, composants) qui aligne la boutique et les pages éditoriales. J'ai ensuite relié tous les écrans en prototype interactif sur Figma, qui a servi de base à l'intégration WordPress faite par une autre personne du groupe.

Wireframe de l'accueil du site Queen : une grande image barrée d'une croix et le menu en grosses lettres. Maquette de l'accueil : photo des quatre membres de Queen, menu Shop, Experience, Discographie, Contact en lettres détourées.
L'accueil
Wireframe de la fiche d'un album du site Queen : pochette barrée, titre, deux boutons et la barre du lecteur. Maquette de la fiche d'un album dans la discographie de Queen : A Night At The Opera, les boutons Écouter et Acheter, le lecteur et la liste des titres.
La fiche d'un album
Wireframe de la fiche produit du site Queen. Maquette de la fiche produit du vinyle Queen I : photo, prix, bouton Ajouter au panier.
La fiche d'un vinyle
Wireframe de la page Experience du site Queen. Maquette de la page Experience : titre The First Encounter, l'année 1970 et des photos du groupe en collage.
Experience
Voir le prototype

Le menu en grosses lettres que j'avais posé dans le wireframe gris est resté jusqu'au site final.