YouVent

Organiser un événement, c'est jongler avec une liste d'invités dans un tableur, un programme griffonné dans un carnet, des devis de prestataires perdus dans une boîte mail, et le jour venu, un téléphone qui sonne toutes les cinq minutes. YouVent rassemble tout ça au même endroit, et donne aux invités leur propre espace.

Deux produits dans un seul

YouVent est une plateforme two-sided : d'un côté l'organisateur (wedding planner, agence, association, particulier), de l'autre ses invités. Ce n'est pas une nuance de vocabulaire, c'est deux produits à concevoir en même temps, sur les mêmes données, avec des contraintes opposées.

L'organisateur travaille pendant des semaines, souvent sur ordinateur : il a besoin de densité, de tableaux, de vues d'ensemble. Son dashboard réunit la liste d'invités et les réponses, l'import CSV, le programme, le budget, les prestataires, le staff, les jeux et la galerie.

L'invité, lui, ouvre l'espace trois minutes, sur son téléphone, dans le bruit, sans avoir lu la moindre notice. Tout doit être compréhensible au premier regard. Concevoir les deux faces a été l'exercice le plus formateur du projet : chaque champ ajouté côté organisateur doit rester lisible côté invité.

L'invité ne crée pas de compte

Je me suis fixé une règle dès le cadrage : aucun compte, aucune application à installer. Un QR code sur la table, on scanne, on est dedans.

Ça déplace la difficulté côté technique (reconnaître une personne sans authentification classique, sécuriser un espace accessible par simple lien, gérer la clôture de l'espace une fois l'événement passé), mais ça supprime la seule marche qui fait vraiment renoncer un invité. À la fin, l'organisateur décide ce que devient l'espace : ouvert, protégé par mot de passe, ou fermé.

Ce qu'une vraie soirée a changé

YouVent a servi pour de vrai, sur une soirée privée d'une dizaine de personnes. Deux briques y sont passées en conditions réelles : l'entrée par QR code et les jeux live synchronisés entre les téléphones. Rien n'a cassé, mais deux enseignements en sont sortis.

• Le temps réel ne se limite pas au chemin idéal. Téléphones qui se verrouillent, réseau qui décroche, onglet passé en arrière-plan : l'essentiel du travail est dans les reconnexions et les états intermédiaires, pas dans la synchronisation elle-même.
• Regarder des gens jouer vaut tous les tests de maquette. Le rythme des parties, la place de celui qui anime, ce qu'un écran doit afficher quand on le regarde trois secondes : autant de décisions que j'ai revues après la soirée, et qu'aucune maquette ne m'avait signalées.

La galerie photos collaborative et le programme consultable par les invités sont développés, mais n'ont pas encore été éprouvés sur un événement. Je préfère le préciser.

Les choix techniques

• Next.js 16 et React 19 en TypeScript, App Router, pour un seul projet qui sert les quatre surfaces du produit
• Supabase pour la base Postgres, l'authentification, le stockage et le temps réel, avec les droits vérifiés dans la base plutôt que dans l'interface
• Tailwind et un design system maison, « nocturne » : Outfit et Plus Jakarta Sans, palette prune et rose, décliné sur l'ensemble des écrans
• Stripe Connect pour la monétisation, Resend pour les emails transactionnels, tâches planifiées pour les relances
• Conformité RGPD traitée dès la modélisation, pas ajoutée après coup
• Déploiement continu sur Vercel, dépôt sur GitHub

Où en est le projet

La beta n'est pas encore ouverte au public. Le bouton « Voir en ligne » mène à la page d'attente de YouVent, sur laquelle on peut demander à être prévenu de l'ouverture.

D'un projet à l'autre

C'est la même méthode que sur Trekmi, l'autre produit que je mène seul : le modèle de données avant les écrans, un design system avant l'interface, et un usage mobile sans installation pour l'utilisateur final. YouVent m'a surtout appris à concevoir pour deux publics à la fois.

Cette attention au parcours de l'utilisateur, je l'avais d'abord travaillée en tant que webdesigner sur Loc' Trotteur, de l'arborescence aux maquettes. YouVent en est le prolongement : cette fois, les écrans ne restent pas dans Figma.