IPIKAY
GOATQUIZZ

GOATQUIZZ

Le blind test musical en temps réel

WEB APPJEUTEMPS RÉELPRODUIT
Client
IPIKAY Studio — produit édité
Ville
Sud de la France
Année
2026
Expertise
WEB APP, JEU, TEMPS RÉEL, PRODUIT

Un produit, pas une démo

GoatQuizz est un blind test musical multijoueur qui tourne dans le navigateur, sans installation et sans compte pour les invités.

Un joueur crée la partie, les autres la rejoignent avec un code à cinq caractères ou un QR code, et tout le monde répond depuis son téléphone pendant que les scores s'affichent en direct sur un écran commun. Quatre formats, quatorze modes de jeu, jusqu'à vingt joueurs. Conçu, développé et édité par IPIKAY Studio.

Le vrai sujet

Un blind test réussi tient à une seconde : celle où la musique démarre et où tout le monde doit être prêt en même temps.

Toute l'ingénierie du produit sert cette seconde-là. Synchroniser une vingtaine d'appareils, faire partir le son au même instant, encaisser un buzz avant les autres, mettre à jour les scores sans que personne n'attende — le tout sur des téléphones et des réseaux qu'on ne maîtrise pas.

Architecture

React et Firebase Realtime Database, avec une couche PHP pour la boutique et les paiements.

La base temps réel diffuse l'état de la partie à tous les écrans connectés — hôte, joueurs, affichage Live — sans polling. Aucun téléchargement, aucun store, aucune application à maintenir : le jeu vit dans l'onglet du navigateur.

Voir le sitegoatquizz.com/

La musique démarre.
Vingt téléphones s'allument en même temps.

GoatQuizz transforme le blind test de soirée en produit numérique. L'hôte choisit une playlist et un mode, partage un code à cinq caractères, et la partie démarre — sur place autour d'une enceinte, ou à distance entre quatre villes. Les invités n'installent rien et ne créent aucun compte. Quatre formats, quatorze modes, un écran Live pour la télé, un classement compétitif et une boutique de quizz.

01 L’entrée

Cinq caractères, et tout le monde est dans la partie.

Rejoindre une partie ne demande ni compte, ni application, ni réglage. L'hôte affiche un code à cinq caractères et un QR code — sur son téléphone, ou sur la télé du salon via l'écran Live. Les invités scannent, saisissent un pseudo, et ils sont dedans.

C'est le premier arbitrage du produit : tout ce qui ralentit l'entrée dans le jeu a été supprimé. Le seul compte nécessaire est celui de la personne qui crée la partie.

  • Aucune installation — le jeu vit dans le navigateur
  • Les invités jouent sans créer de compte
  • Sur place autour d’une enceinte, ou à distance
L’accueil — mosaïque d’artistes, trois portes d’entrée
L’accueil — mosaïque d’artistes, trois portes d’entrée
L’écran Live sur la télé : QR code, code de partie, joueurs connectés en direct
L’écran Live sur la télé : QR code, code de partie, joueurs connectés en direct

02 La création

Cinq écrans pour lancer une partie.

L'assistant conduit l'hôte de la bibliothèque au lobby : playlist, format, mode, réglages, lancement. Chaque étape est une décision unique, présentée seule, avec sa progression en haut de l'écran.

La bibliothèque compte 67 playlists et 4 468 titres, des années 70 à aujourd'hui, classées par rareté — standard, exclusive, épique, légendaire. L'écran de lancement propose un nombre de manches adapté au nombre de joueurs prévus, avec une durée estimée.

  • Un assistant en 5 étapes, une décision par écran
  • 67 playlists, de la variété française à l’électro
  • Nombre de manches suggéré selon les joueurs attendus
Étape 1 — la bibliothèque, avec les raretés et le nombre de titres
Étape 1 — la bibliothèque, avec les raretés et le nombre de titres
Étape 4 — récapitulatif, joueurs prévus, manches, durée estimée
Étape 4 — récapitulatif, joueurs prévus, manches, durée estimée
Étape 5 — le lobby : les joueurs arrivent en temps réel
Étape 5 — le lobby : les joueurs arrivent en temps réel
La bibliothèque débloquée : 67 playlists, 4 468 titres
La bibliothèque débloquée : 67 playlists, 4 468 titres

03 Les formats

Qui joue, et depuis où ?

C'est la première question, et elle change tout le reste. Solo pour s'entraîner — c'est aussi le format du classement compétitif. Multijoueur quand tout le monde joue, hôte compris, chacun sur son écran. Avec animateur quand une personne lance la musique et arbitre pendant que les autres buzzent. Duel pour le 1 contre 1 à distance.

Le format détermine ensuite quels modes sont proposés, où sort le son, et si les scores s'affichent sur un écran commun.

  • Solo — 1 joueur, clavier ou QCM, format du classement
  • Multijoueur — 2 à 20 joueurs, sans animateur dédié
  • Avec animateur — 1 animateur + 20 joueurs au buzzer
  • Duel — 2 joueurs, playlists fusionnées à parts égales
Étape 2 — les quatre formats, avec leurs contraintes en clair
Étape 2 — les quatre formats, avec leurs contraintes en clair
Les mêmes formats expliqués sur la page publique
Les mêmes formats expliqués sur la page publique

04 Les modes

Le mode décide de la règle.

Quatorze modes, filtrés selon le format choisi et regroupés par façon de répondre : QCM à quatre propositions, buzzer, ou saisie au clavier avec correction tolérante aux fautes de frappe.

Chaque carte annonce sa mécanique en une ligne — « 4 choix, 30 secondes », « le premier à buzzer répond », « 15 secondes chrono » — et porte ses étiquettes : QCM, CLAVIER, AUTONOME, CHRONO, COURSE. Deux modes ne s'obtiennent pas en jouant mais se révèlent dans les drops de la boutique : Hot Quizz et Justice pour tous.

  • 4 modes gratuits, 7 modes Premium, 3 modes de Duel
  • Trois façons de répondre : QCM, buzzer, clavier
  • Deux modes exclusifs cachés dans les drops mystères
Les modes du format Multijoueur, groupés QCM puis clavier
Les modes du format Multijoueur, groupés QCM puis clavier
Format animateur — modes au buzzer et répartition en équipes
Format animateur — modes au buzzer et répartition en équipes
Format Solo — le catalogue s’adapte au format choisi
Format Solo — le catalogue s’adapte au format choisi
Les trois modes de Duel et leurs réglages
Les trois modes de Duel et leurs réglages

05 La partie

Trois écrans, une seule partie.

Pendant qu'une manche tourne, trois vues coexistent et restent synchronisées : l'hôte pilote, les joueurs répondent sur leur téléphone, et l'écran Live affiche le décompte et le classement sur la télé.

C'est la partie la plus exigeante du produit. L'état de la partie est diffusé par une base temps réel : quand une manche démarre, les vingt appareils basculent ensemble ; quand un joueur marque, tous les classements bougent au même moment.

  • Décompte, extrait et propositions poussés simultanément
  • Classement live sur un téléviseur ou un vidéoprojecteur
  • L’hôte garde la main : lancer, passer, valider
Écran Live — QCM en cours, décompte et classement en direct
Écran Live — QCM en cours, décompte et classement en direct
Entre deux manches, le classement reste affiché
Entre deux manches, le classement reste affiché
Vue hôte — scores par joueur, lancement de la manche
Vue hôte — scores par joueur, lancement de la manche
Format animateur — le buzz identifie l’équipe, l’animateur tranche
Format animateur — le buzz identifie l’équipe, l’animateur tranche

06 Dans la poche

Le téléphone est la manette.

Côté joueur, l'interface tient dans un pouce : le score des adversaires en haut, le décompte au centre, les quatre propositions en bas, assez grandes pour être touchées sans regarder.

Chaque proposition porte sa lettre et sa couleur — cyan, magenta, jaune, vert — les mêmes que celles qui identifient les joueurs à l'écran. En mode buzzer, tout l'écran devient le bouton.

  • Pensé mobile d’abord, pas adapté après coup
  • Code couleur cohérent entre le téléphone et la télé
  • Zones tactiles dimensionnées pour le jeu rapide
Accueil
Accueil
Lobby joueur
Lobby joueur
QCM en cours
QCM en cours
Buzzer
Buzzer

07 Le duel

Deux playlists qui fusionnent à parts égales.

Le Duel est le format le plus travaillé du produit, et le seul à avoir sa propre configuration. Chacun choisit sa playlist ; les deux listes fusionnent 50/50. On joue donc autant sur son terrain que sur celui de l'adversaire — c'est ce qui rend la victoire discutable jusqu'au bout.

Trois modes, chacun avec ses curseurs : Duel en manches gagnantes, Domination en course au score, Match à mort en mort subite — avec une règle d'équité : si les deux joueurs se trompent sur la même question, elle est annulée. À la fin, les deux votent pour une revanche, et un compteur suit qui domine la série.

  • Duel — 3 à 15 questions par manche, 2 à 7 manches gagnantes
  • Domination — premier à 5 à 50 points
  • Match à mort — éliminé à 1 à 5 erreurs
Configuration du duel — Toi contre l’invité, mode et curseurs
Configuration du duel — Toi contre l’invité, mode et curseurs
L’invitation : QR, code, lien, playlist verrouillée
L’invitation : QR, code, lien, playlist verrouillée

08 L’économie

Gratuit pour jouer, payant pour collectionner.

Le compte gratuit suffit pour créer des parties, inviter vingt personnes et tenir une soirée entière : quatre formats, quatre modes, les trois modes de Duel, les playlists de base. Premium ajoute sept modes et les playlists premium.

À côté, une boutique indépendante de l'abonnement : des quizz thématiques à l'unité, un pack de 45 quizz exclusifs, et des drops mystères — une carte à retourner, une rareté à découvrir, parfois un mode de jeu introuvable ailleurs. Les achats sont définitifs et rattachés au compte à vie. Un pass Compétition annuel à 5,99 € ouvre les classements mensuel et annuel, disputés en Solo à conditions identiques.

  • Gratuit : 4 formats, 20 joueurs, invités sans compte
  • Boutique : quizz à l’unité, pack de 45, drops mystères
  • Compétition : classements annuel et mensuel
Le classement Compétition — top 10, 100, 300 et top du mois
Le classement Compétition — top 10, 100, 300 et top du mois
Gratuit et Premium, détaillés sans zone d’ombre
Gratuit et Premium, détaillés sans zone d’ombre
La boutique : unité, pack exclusifs, drops mystères
La boutique : unité, pack exclusifs, drops mystères
La carte sociale — le produit résumé en une image
La carte sociale — le produit résumé en une image

Une nuit violette et des néons.

Le nom vient du GOATgreatest of all time — et la mascotte est un bouc stylisé, dessiné pour rester lisible à seize pixels comme en pleine largeur. Le logotype se décline en trois formats selon la place disponible : complet, compact pour la barre de navigation, large pour les cartes sociales.

La palette part d'un fond presque noir teinté de violet, sur lequel cinq néons servent à identifier : chaque joueur reçoit sa couleur, chaque proposition de QCM la sienne, et le même code se retrouve du téléphone jusqu'à la télé. Le dégradé signature — violet, magenta, cyan — marque les actions principales.

Logotype complet
Logotype complet
Version compacte — navigation, favicon
Version compacte — navigation, favicon
Version large — cartes sociales
Version large — cartes sociales

Palette : Nuit #07001a · Texte #EEE8FF · Cyan #00E5FF · Magenta #FF00E5 · Jaune #FFD600 · Vert #76FF03 · Violet #6B00FF

Typographies : Outfit — Titres, interface, scores — géométrique et très lisible en petit · JetBrains Mono — Codes de partie, étiquettes, compteurs — chasse fixe

Modes gratuits

Classic Quizz · Manches · Score cible · As du clavier

Modes Premium

Chrono Stress · Death Match · Take The Lead · Chacun pour sa pomme · Quizz mode Timer Bomb · Quizz mode Prem’s · Fou de la gâchette

Modes de Duel

Duel · Domination · Match à mort

Drops exclusifs

Hot Quizz · Justice pour tous

Sous le capot : React · Firebase Realtime Database · Authentification Firebase · PHP — boutique & webhooks · Stripe · Web Audio API · QR code · Application web — zéro installation

Ce que ça demande

Un jeu en temps réel ne pardonne rien. Une demi-seconde de retard sur un buzz, un score qui arrive après les autres, un extrait qui démarre en décalé : la partie est cassée et personne ne revient. L'essentiel du travail est invisible — il se voit seulement quand il manque.

Le reste est un travail de produit : réduire l'entrée dans le jeu à un code de cinq caractères, expliquer quatorze modes sans noyer personne, et construire une économie où le gratuit tient debout tout seul.

← Tous les projets