Toutes les références

UX / UI · Branding

Voxxrin 3

Client
Open Source
Année
2023
Expertise
Brand / UX / UI / Intégration
Voir le projet en ligne
Voxxrin 3

Voxxrin est l’application compagnon des conférences tech : programme, détails des talks et des speakers, retours des participants. Pour sa troisième version, je l’ai entièrement repensée avec Frédéric Camblor, de l’identité jusqu’à l’interface.

Le contexte

Après Voxxrin 2, la V3 repart d’une page blanche. Une nouvelle pile technique côté développement, une nouvelle identité et une interface entièrement remaniée : l’occasion de reprendre chaque parcours à partir des usages réels pendant une conférence.

Logo Voxxrin, « your conference companion »
Une identité plus affirmée, pensée pour vivre aux couleurs de chaque conférence

Le défi

Une même application pour quatre publics : les participants, les speakers, les sponsors et les organisateurs. Chacun y cherche quelque chose de différent, souvent entre deux talks, avec quelques secondes devant lui.

4publics réunis dans une seule application

3temporalités : conférences en cours, à venir et passées

1base de code pour iOS, Android et le web

Écran d’accueil de Voxxrin 3 sur mobile
Your conference companion : l’écran d’accueil et le programme d’une conférence

L’expérience participant

Retrouver ses conférences en un coup d’œil : elles se rangent entre en cours, à venir et passées, et un système d’épingles garde les favorites à portée de pouce. Le programme se parcourt par jour et par créneau ; chaque talk mène à sa salle, à ses speakers et à son niveau.

Liste des conférences et écrans de profil
Programme d’une conférence et détail d’un talk
Retrouver ses conférences

Chaque écran devait se comprendre en quelques secondes, debout dans un couloir, entre deux talks.

Les talks mis en favoris composent un programme personnel. Après chaque session, le participant laisse son avis en deux gestes et sait quand la vidéo est disponible.

Programme personnel composé de talks favoris
Écrans de feedback et personnalisation organisateur
Programme personnel et retours sur les talks

Côté organisateurs

Chaque conférence habille l’application à ses couleurs et choisit la façon dont le public note les talks : échelle linéaire, échelle personnalisée en émojis ou « bingo » de retours rapides. Un mode édition prévisualise le résultat avant de le proposer aux participants.

Sous le capot

  • Front : TypeScript, Vue, Ionic et Capacitor
  • Back : architecture serverless sur Firebase
  • Données : Firestore et Firebase Functions en TypeScript