Échanger sur WhatsApp
Projets · Beatplay
Identité visuelleUX/UIMVPPWA

Beatplayle streaming des live sets électro

Beatplay est une plateforme de streaming dédiée aux live sets de musique électronique : festivals, Boiler Rooms et sets underground réunis au même endroit. Les DJ y publient leurs lives, les passionnés les suivent. J'ai mené l'ensemble du projet, de l'identité visuelle au MVP.

La page d'accueil de Beatplay
MVP réalisé
Identité, design et MVP · réalisés
  1. Identité
  2. Charte graphique
  3. UX/UI sur Figma
  4. MVP
Le projet

En bref

Beatplay veut devenir la plateforme de référence des live sets électro : un catalogue pensé comme celui des grandes plateformes de streaming, mais réservé à la musique électronique en live.

Ce projet m'a été confié pour un client final, par un partenaire. J'en ai porté l'intégralité : l'identité visuelle et la charte graphique, puis l'UX/UI sur Figma, et enfin le développement du MVP avec Lovable, sous la forme d'une application web progressive, installable sur mobile sans passer par les stores.

Client
Projet mené pour un client, via un partenaire
Secteur
Musique électronique, streaming
Mon rôle
Identité visuelle, charte graphique, UX/UI et développement du MVP
Outils
FigmaLovable
Services liés
Identité et branding · Développement web et mobile
Le défi

Ce qu'il fallaitrésoudre

  • Créer une marque forte dans l'univers de la musique électronique
  • Offrir une expérience proche des grandes plateformes de streaming
  • Permettre aux DJ de publier facilement leurs lives
  • Tester rapidement le concept avec un premier produit
La solution

Ce que j'aiconstruit

  • Un logo, une charte et une palette noir et orange
  • Une maquette UX/UI complète sur Figma
  • Une navigation par genres et des recommandations personnalisées
  • Un lecteur toujours accessible et une bibliothèque personnelle
  • Un bouton pour ajouter un live en quelques secondes
  • Une application web progressive développée avec Lovable
En images

Les écransdu projet

La page d'accueil sur ordinateur
La page d'accueil sur ordinateur
Les recommandations par genre
Les recommandations par genre
La fiche d'un live
La fiche d'un live
La charte graphique dans Figma : typographie, couleurs, logothèque et composants
La charte graphique dans Figma : typographie, couleurs, logothèque et composants
Le parcours

Les étapesfranchies ensemble

  1. 01

    Identité

    Le logo, la palette noir et orange et les typographies de la marque.

    Terminé
  2. 02

    Charte graphique

    La colorimétrie, la logothèque et les composants réunis dans une charte.

    Terminé
  3. 03

    UX/UI sur Figma

    Les parcours et les écrans de l'application, du catalogue au lecteur.

    Terminé
  4. 04

    MVP

    Une application web progressive développée avec Lovable, assistée par l'IA.

    Terminé
Le résultat

Ce que le projeta changé

Une marque

Une identité reconnaissable, prête à être déclinée.

Un MVP

Un produit testable rapidement, auprès de vrais utilisateurs.

Une PWA

Une application installable sur mobile, sans passer par les stores.

Estimezvotre projet

Répondez à quelques questions sur votre projet. Vous recevez par e-mail un premier cahier des charges, puis je vous contacte pour en échanger.

Commencer l'estimation