Starbeam

CATÉGORIES

Direction artistique

Webdesign

PÉRIODE

mars 2024 - mai 2024

Client

Digital Campus

Plateforme de streaming musicale conçue autour de l'identité du groupe Starbeam. L'interface utilise l'esthétique Mishko et la modélisation 3D pour ajouter une dimension ludique au parcours d'écoute et renforcer l'engagement des utilisateurs.

En bref

Ce projet a débuté par un travail de recherche sur l’identité visuelle du groupe de pop Starbeam. L'objectif a ensuite consisté à adapter les codes graphiques du groupe (esthétique Mishko avec des textures liquéfiées et des couleurs fluo, du grain, des typographies extended) aux contraintes ergonomiques d'une plateforme de streaming musicale.

L’univers visuel de l’artiste devient ainsi le socle de l'interface. L'interface met en avant des fonctionnalités ludiques en intégrant des modules de gamification et des objets 3D interactifs, tels que des vinyles virtuels et des blindtests. L'idée était d'ajouter ces mécaniques de jeu sans alourdir la navigation habituelle d'un outil de streaming standard.

Problématique

Comment adapter l’univers graphique expérimental d’un groupe de pop aux contraintes d'une interface de streaming fonctionnelle ?

Rôles & responsabilités

Au sein de l’équipe, j’ai assuré un rôle de pilotage créatif et stratégique sur le projet.
J’ai participé à la définition du positionnement et de la direction artistique, en veillant à la cohérence globale du système visuel.
J’ai également pris en charge la conception UX/UI du site, la structuration de l’arborescence et la création des maquettes et du prototypage.
Mon rôle consistait à garantir que chaque choix graphique serve la compréhension et la navigation, sans tomber dans un design purement décoratif.

Contributions clés

  • Déclinaison de l’identité visuelle en transposant les codes graphiques du groupe dans une interface fonctionnelle.

  • Conception de l’interface desktop et mobile, de la structuration des parcours utilisateurs à la réalisation des maquettes haute fidélité.

  • Prototypage des interactions et des animations pour assurer la fluidité de la navigation et renforcer l’immersion.

  • Intégration de mécaniques de gamification via la création de modules interactifs (blindtests, objets 3D) pour renforcer l’engagement.

Approche produit & UX

L’idée était de transformer une simple application de musique en un espace immersif qui plonge l’utilisateur dans l’univers du groupe. L'objectif n'était pas uniquement esthétique, mais d'utiliser le style Mishko et les textures pour créer une ambiance vivante.

Le projet repose sur un équilibre entre le style graphique et la facilité d'utilisation. Même si le visuel est très marqué, la navigation reste simple : le menu à gauche permet de se repérer partout, et les informations sont hiérarchisées pour que l'utilisateur ne soit jamais perdu.

La dimension ludique constitue la véritable valeur ajoutée du produit. L’utilisation de la 3D avec les vinyles qui tournent et les modules de blindtests transforme l'écoute en une expérience interactive. Chaque interaction a été pensée pour être aussi dynamique que la musique pop, tout en restant fonctionnelle sur ordinateur et sur mobile.

Retrouvez la maquette de la version mobile :

Résultats

Outils

Direction artistique, UI/UX et prototypage

Découvrir d'autres projets

Loading

Teekha - Street food indienne

novembre 2024 - janvier 2025

Loading

Teekha - Street food indienne

novembre 2024 - janvier 2025

Loading

Maddy Keynote 2025

Loading

Maddy Keynote 2025

Loading

Kulteo

MAI 2023 - SEPTEMBRE 2023

Loading

Kulteo

MAI 2023 - SEPTEMBRE 2023

Loading

Teekha - Street food indienne

novembre 2024 - janvier 2025

Loading

Maddy Keynote 2025

Loading

Kulteo

MAI 2023 - SEPTEMBRE 2023

Loading

WalkUp by Décathlon

avril 2025

Create a free website with Framer, the website builder loved by startups, designers and agencies.