top of page

Live Tune

ios-app-icon.png
LiveTune est une application de streaming dédiée aux concerts en ligne, offrant une expérience immersive et accessible à tous les passionnés de musique.

Comment rapprocher les fans de musique de leurs artistes préférés, malgré les contraintes physiques ou géographiques ?

LiveTune répond à ce défi en créant une plateforme immersive pour assister à des concerts en streaming, tout en recréant l’émotion unique du live.

RÔLE

Graphiste & UI UX Designer

PÉRIMÈTRE 

Conception complète, de la recherche utilisateur à la création des maquettes haute fidélité et tests d’utilisabilité

PROCESSUS

Double diamant (exploration et définition du problème, idéation et développement de solutions)

OUTILS

Figma, Miro, Notion, Maze

PROBLÈME 

Avec la montée en popularité des plateformes de streaming, les concerts physiques sont devenus moins accessibles à cause des coûts, des distances et des contraintes de disponibilité. Comment offrir une alternative qui soit à la fois authentique et immersive pour les fans de musique du monde entier ?

L’industrie musicale a connu une transformation majeure avec l’essor du streaming. Si les plateformes permettent aujourd’hui d’écouter de la musique partout et à tout moment, l’accès aux concerts physiques reste limité. Les obstacles sont multiples : coûts élevés des billets, distances géographiques, jauges réduites et contraintes de disponibilité.

 

Résultat : une grande partie du public n’a pas la possibilité d’assister à un concert en direct et se tourne vers des contenus enregistrés, qui ne restituent ni l’énergie du moment, ni l’émotion collective propre à l’expérience live.

 

Le défi consiste donc à concevoir une alternative capable de recréer l’intensité et l’authenticité d’un concert, tout en éliminant les barrières physiques et temporelles qui empêchent les fans de vivre pleinement la musique.

casque de musique

RECHERCHE 

Analyse SWOT

Analyse SWOT

Maestro

Maestro est une plateforme de livestream spécialisée dans l’univers musical, conçue pour offrir aux artistes et maisons de disques un espace de diffusion premium et interactif.

 

Elle s’est imposée durant la pandémie comme un acteur clé du streaming de concerts, attirant des artistes de renommée internationale tels que Billie Eilish ou Post Malone.

 

Soutenue par de grands investisseurs comme Sony, Maestro combine une technologie de diffusion de qualité avec des outils marketing et analytiques permettant aux artistes de mieux engager leur audience, personnaliser l’expérience et développer de nouvelles sources de revenus.

SWOT analyse

Stagelt

StageIt est une plateforme dédiée aux concerts en ligne en direct, où les artistes peuvent se produire dans un format intime et interactif.

 

Chaque performance est diffusée en streaming live et accessible uniquement en temps réel, sans replay, ce qui recrée l’unicité du moment. Le public peut acheter des billets virtuels, soutenir les artistes via des "tips" et interagir en direct grâce au chat.

 

StageIt se positionne comme un outil de monétisation directe pour les musiciens indépendants et émergents, en favorisant une proximité renforcée avec leurs fans.

Sondage utilisateur et entretiens

Réalisé auprès de 5 utilisateurs.

​

  • Résultat clé : 70% des sondés souhaitent un accès facile à des concerts live de qualité, avec des options interactives.

​

  • Insights : Les utilisateurs apprécient les fonctionnalités interactives (chat en direct, choix de caméra) pour enrichir l’expérience.

Après avoir mené une analyse concurrentielle, j'ai validé mes conclusions à l'aide d'enquêtes, d'entretiens, de cartographie d'affinités et de tri de cartes.​ J'ai utilisé Optimal Workshop, Google Form et mes réseaux sociaux

​

Données

Tri de cartes & cartographie des affinités

À partir de ces résultats, j'ai procédé à un tri de cartes et à une cartographie d'affinités. Cette partie est toujours très intéressante pour moi, car elle m'aide vraiment à me mettre à la place de mes utilisateurs, à repérer les citations uniques qui ressortent du lot et à faire preuve de créativité.

Tri de cartes , cartographie

Résultats

Trois priorités clés identifiées :

​

  • Accessibilité,

  • Interactivité,

  • Simplicité.

RENCONTREZ LES UTILISATEURS

Personas, Flux de tâches, Parcours

Avant de me lancer dans la création de wireframes, je prends toujours le temps de me mettre à la place des personnes qui utiliseront le produit que je souhaite concevoir.

Pour moi, comprendre leurs besoins, leurs émotions et leurs habitudes est essentiel pour concevoir une expérience qui leur ressemble vraiment.

​

Au-delà des recherches préliminaires, les récits d'utilisateurs, les scénarios et les flux de tâches m'ont aidé à me préparer au processus de création de wireframes.

​

Je m’appuie aussi sur des observations du terrain et des espaces où ces utilisateurs s’expriment (forums, réseaux sociaux, groupes en ligne).

​

​Ce qui me tient particulièrement à cœur, c’est d’établir une connexion sincère et humaine avec les personnes concernées. Être à l’écoute, comprendre leurs ressentis et valoriser leurs idées me permet de créer des expériences plus justes et enrichissantes. Avec le temps, j’ai pu constater que cette approche empathique rend mes recherches beaucoup plus profondes et impactantes.

​

Cette approche m’a aidée à mieux comprendre les utilisateurs et à créer des personas pertinents pour Live Tune.

Les informations que j'ai recueillies au cours de mes recherches m'ont aidé à développer deux personas.

Persona 1
Persona 2
User Journey Map - Emma_FR
Task Flow - EN_Emma
User Journey Map - Léo_FR
Task Flow - EN_Léo

EXPLORATION & CONCEPTUALISATION

IA & WIREFRAMES

Au départ, j’ai exploré les différentes façons dont un utilisateur pourrait interagir avec les fonctionnalités essentielles de LiveTune. L’enjeu principal était de concevoir une expérience simple et immersive pour permettre aux utilisateurs d’accéder rapidement à leurs concerts préférés. J’ai réfléchi à la manière dont ils pourraient rechercher un artiste, découvrir un événement en cours ou planifié, et surtout réserver facilement leur billet.

 

Un point clé du processus de conception a été le parcours d’achat. J’ai voulu intégrer la possibilité de choisir entre un billet virtuel, pour assister au concert en streaming, et un billet classique, pour un accès en présentiel lorsque cela est proposé. Cette distinction permettait de répondre à différents besoins : la flexibilité pour ceux qui souhaitent vivre l’expérience depuis chez eux, et la continuité avec l’expérience live pour ceux qui préfèrent se déplacer.

 

Avec ces fonctionnalités principales en tête — la recherche, l’exploration des concerts et le processus de réservation intuitif — j’ai commencé par réaliser des croquis papier afin d’explorer différentes structures. J’ai ensuite construit les premiers wireframes interactifs dans Figma pour visualiser les parcours complets : de la recherche d’un artiste jusqu’à l’achat final. Cette étape m’a permis de tester rapidement l’ergonomie et la fluidité de navigation avant de passer à des maquettes haute fidélité.

Wireframes
Wireframes
Wireframes
Wireframes
Wireframes
Wireframes
Wireframes
Wireframes
Wireframes
Wireframes

TESTS UTILISATEURS

WIREFRAMES

J’ai conçu un prototype interactif sur Figma et l’ai testé via Maze afin de recueillir des retours rapides et concrets. Pour ce premier test d’utilisabilité, j’ai recruté cinq volontaires représentatifs de notre public cible. Chaque participant a reçu un scénario ainsi que plusieurs tâches à accomplir. Pendant les sessions, je leur ai demandé de penser à voix haute afin de mieux comprendre leurs réflexions, leurs hésitations et leurs frustrations éventuelles.

​

Scénario :


Vous venez de télécharger LiveTune. Vous souhaitez découvrir rapidement l’application et assister à un concert en streaming de votre artiste préféré.

​

Tâches :

  1. Naviguer dans le processus d’onboarding et explorer les principales sections de l’application.

  2. Rechercher un artiste dans la barre de recherche et accéder à la fiche de son concert.

  3. Réserver un billet en choisissant entre un billet virtuel ou un billet classique, puis finaliser l’achat.

​

Ces tests m’ont permis d’identifier les points de friction, notamment dans la clarté des choix proposés lors de l’achat de billets, et d’optimiser la fluidité du parcours utilisateur avant de passer à l’itération suivante des maquettes.

Retour test utilisateur

Résultats des tests d'utilisabilité & carte d'affinité

À la suite du test d’utilisabilité, j’ai regroupé l’ensemble des notes et retours des utilisateurs grâce à une carte d’affinités. Cette méthode m’a permis d’organiser les feedbacks en trois catégories : points positifs, points de friction et opportunités d’amélioration.

 

J’ai ensuite évalué la gravité des erreurs observées en utilisant l’échelle de sévérité de Jakob Nielsen (de 0 = pas de problème à 4 = problème critique). Par exemple, l’hésitation lors du choix de billet a été évaluée comme un problème de sévérité 3 (majeur), car il impacte directement la conversion.

 

Ces insights m’ont permis de hiérarchiser les priorités pour les itérations suivantes :

  1. Clarifier les options de billet avec des visuels et descriptions courtes.

  2. Ajouter un écran récapitulatif avant paiement.

  3. Conserver et renforcer les points positifs (fluidité et simplicité du parcours).

Ce processus a joué un rôle clé dans la consolidation de la valeur ajoutée de LiveTune, en garantissant une expérience utilisateur intuitive, rassurante et agréable.

18.png

INTERMÈDE DESIGN DE LIVE TUNE

Clarifier et améliorer l’utilisabilité

Live Tune est né dans le cadre d’un exercice de formation UX/UI que j’ai suivi l’année dernière. L’objectif était de travailler sur une problématique concrète et de développer un prototype fonctionnel sur Figma, sans que l’application ne soit destinée à un développement réel.

 

Lors des tests utilisateurs, j’ai observé que certains éléments de l’interface pouvaient prêter à confusion et réduire l’efficacité de la navigation. J’ai donc fait évoluer le design vers une approche plus claire et accessible, en privilégiant l’épuration visuelle et une hiérarchie plus lisible. Cela a impliqué, par exemple, de préciser la différence entre billets virtuels et classiques, d’intégrer un récapitulatif plus clair avant l’achat et d’apporter davantage de cohérence visuelle pour guider l’utilisateur sans surcharge.

 

Même si Live Tune reste un prototype, ce projet m’a permis d’expérimenter l’ensemble du processus de conception UX/UI, de la recherche utilisateur jusqu’à la création de maquettes haute-fidélité et aux tests d’utilisabilité. C’est une étude de cas complète qui illustre comment le design peut répondre à une problématique réelle et transformer une simple idée en une expérience numérique crédible et engageante.

canvas-1-68add7e1b05873b944479086.png

CONCLUSION

Ce que ce projet m’a appris

Travailler sur Live Tune m’a permis d’explorer l’ensemble du processus de conception UX/UI autour d’un sujet concret et stimulant : la musique live. De la recherche utilisateur aux maquettes haute fidélité, j’ai appris à structurer les insights, à hiérarchiser les besoins des utilisateurs et à les traduire en décisions de design claires.

 

L’une des leçons les plus précieuses a été de comprendre l’importance des tests d’utilisabilité. Observer la manière dont les utilisateurs interagissaient avec le prototype a révélé des points de friction que je n’avais pas anticipés, et m’a poussée à itérer vers des solutions plus accessibles et intuitives.

 

Ce projet m’a également confortée dans l’idée que le design est une question de narration. Au-delà de la création d’écrans, l’enjeu était de construire une expérience immersive, authentique et émotionnelle — même dans les limites d’un simple prototype.

 

En fin de compte, Live Tune m’a offert l’opportunité de renforcer mes compétences en recherche, prototypage et itération, tout en me rappelant que le bon design naît de l’empathie, de la simplicité et de l’amélioration continue.

20.png
bottom of page