VIBE.
Frontend
UX/UI Design
6 personnes
9 mois
VIBE est une plateforme de streaming vidéo permettant aux utilisateurs de diffuser leurs vidéos en direct tout en interagissant en temps réel avec leur audience. Conçu dans le cadre de notre projet de fin d'année en BUT Informatique, ce projet nous a permis d'acquérir des compétences techniques concrètes liées à la diffusion de flux vidéo en direct.
Introduction
Le projet VIBE est né de notre passion commune pour les plateformes de streaming. Nous avons souhaité concevoir une application pratique et fonctionnelle à destination des créateurs de contenu. Ce projet nous a permis de mobiliser de nombreuses compétences techniques tout en collaborant efficacement pour aboutir à un produit cohérent et complet. Grâce à des fonctionnalités modernes comme la diffusion en direct, la gestion des comptes utilisateurs et une interface intuitive, VIBE se positionne comme une solution puissante et polyvalente pour le streaming en temps réel.
Page d’accueil
La page d’accueil met en avant les streams suivis, les contenus en vedette sous forme de carrousels, ainsi que les catégories de live les plus populaires. Elle permet aussi de visualiser l’activité des amis pour ne rien manquer.
Comptes et profils
Les utilisateurs peuvent créer un compte, se connecter, personnaliser leur profil (photo, description, identifiant), et même supprimer leur compte. L’accès à un espace personnel permet une gestion complète de leur présence sur la plateforme.
Dashboard de stream
Un tableau de bord dédié permet aux streamers de configurer leurs lives : titre, catégorie, type de contenu et miniature personnalisée, à la manière de plateformes professionnelles comme YouTube.
Page de live
Lorsqu’un stream est lancé via OBS, la page de live affiche le contenu en direct avec le nombre de spectateurs, un chat interactif, des options d’abonnement, ainsi qu’un système de dons sécurisé via Stripe. Une fois le stream terminé, la page passe automatiquement en mode hors ligne.
Modération et communauté
Les streamers peuvent modérer leur communauté en bannissant des utilisateurs via le chat. Les bannissements sont répertoriés avec des options de déban, empêchant les utilisateurs concernés d’accéder aux lives.
Système d’amis et messagerie
Un système de gestion des amis permet l’envoi de demandes, l’affichage des contacts et l’échange de messages via un chat en temps réel, avec date et sauvegarde de l’historique.
