Relais 24
Piloter une écurie d'endurance, en temps réel
De la stratégie de stands au classement de saison, sans jamais quitter l'écran.
Automobile·Jeux vidéo
Un projet, 3 interfaces
À quoi ça ressemble
Relais 24 est un prototype de jeu de stratégie automobile multijoueur, livré en démo pour répondre à un appel d'offres : un mur des stands pour piloter une course en direct, un espace saison pour gérer son écurie sur 49 courses, et une administration pour superviser la plateforme.
Tout tourne côté client, sans serveur de jeu : un moteur de course déterministe recalcule position, carburant et usure des pneus à chaque tick, à l'identique à chaque partie.
Une identité visuelle unique
Couleurs
Typographie
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0 1 2 3 4 5 6 7 8 9 & @ # %
Titres qui portent le message
Sous-titres qui structurent
Un texte courant lisible sur tous les écrans, avec des interlignes généreux.
Construit avec des technologies qui durent
Les technos les plus utilisées au monde, qui font tourner Airbnb et Netflix.
Next.js
React
TypeScript
Tailwind CSS
Framer Motion
Node.jsLe projet écran par écran
Des enjeux concrets, des réponses concrètes
Des enjeux concrets, des réponses concrètes
Les choix qui comptent
Trois décisions de conception prises sur ce projet, et pourquoi.
Jouer une course sans rester devant l'écran
Jouer une course sans rester devant l'écran
Le joueur définit des règles conditionnelles (« SI carburant < 3 tours ALORS rentrer au stand ») appliquées automatiquement par le moteur toutes les 10 secondes.
Une course de 24 heures reste jouable même en s'absentant de l'écran.
Configurer un arrêt au stand en quelques clics
Configurer un arrêt au stand en quelques clics
Carburant à ajouter, composé de pneus et pilote du prochain relais se choisissent dans une modale unique, avec la durée d'arrêt estimée recalculée en direct.
La course continue de se dérouler en fond pendant la décision.
Surveiller la santé du moteur de jeu en un coup d'œil
Surveiller la santé du moteur de jeu en un coup d'œil
Le back-office affiche en direct la RAM, les connexions WebSocket actives et la durée de tick sur les 60 derniers cycles.
Une dérive de performance est visible avant qu'elle ne devienne un incident.
Rapide, mesuré, prouvé
La vitesse n’est pas une promesse : elle se mesure.
Chargement immédiat
Le contenu essentiel s’affiche en une fraction de seconde : rendu côté serveur, HTML léger, JavaScript réduit au strict nécessaire.
Images optimisées
Formats modernes (WebP/AVIF), dimensions adaptées à l’écran et chargement différé hors de l’écran : aucun octet gaspillé.
Stabilité visuelle
Pas de saut de mise en page pendant le chargement : les tailles sont réservées à l’avance, l’interface reste calme sous les yeux.
Une sécurité qui ne dort jamais
Ce qui tourne en arrière-plan pour que votre projet reste debout, quoi qu’il arrive.
Sauvegardes quotidiennes sur serveur distant
Procédure de reprise testée mensuellement
Monitoring automatique toutes les 5 min du service, alerte auto si service down
Chiffrement SSL
Isolation des environnements de développement
5 étapes pour concrétiser votre projet
Cadrage
On tient un cabinet d’ostéopathie. L’idée : que nos patients réservent en ligne, sans appeler.
Reçu ! On vous prépare un prototype sous 3j
Vous décrivez votre projet
Un cahier des charges si vous en avez un, quelques paragraphes libres sinon.
Vous avez lu jusqu’ici ? Continuons ensemble.
Avant de signer, on vous offer sous 3j un prototype de votre projet.
Sans engagement
