Fabula
Un jeu narratif, pas un chatbot
L'immersion d'un visual novel, la rigueur d'une table de jeu de rôle.
Jeux vidéo·IA
À quoi ça ressemble
Fabula est un démonstrateur de jeu de rôle narratif jouable dans le navigateur, pensé pour prouver qu'une IA peut mener une histoire sans virer au chatbot. Le cœur du proto : un système de règles, d'états et de conséquences qui encadre le récit — fiche de personnage vivante, jets de dés à résultat nuancé, journal de partie structuré. Tout se joue de bout en bout sur une scène complète de l'univers « L'Enclave des Cendres ».
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 MotionLe 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.
L'état du jeu, toujours sous les yeux
L'état du jeu, toujours sous les yeux
Fiche de personnage, scène en cours et journal cohabitent à l'écran : le joueur voit en permanence qui il est, où il en est et ce qu'il a fait.
C'est l'anti-chatbot : rien n'est halluciné entre deux scènes, tout est affiché et persistant.
Une direction artistique de visual novel
Une direction artistique de visual novel
Image d'ambiance, typographies gravées et palette or vieilli sur charbon posent une atmosphère de bande dessinée sombre.
L'interface joue dans le même espace que la fiction, loin d'une UI de dashboard générique.
Le dé tranche avant le récit
Le dé tranche avant le récit
Chaque action déclare un attribut, des dés et une difficulté. Le jet est calculé d'abord, la narration vient ensuite.
Résultat : un spectre succès, succès à un coût, échec — jamais un simple binaire — dont les conséquences s'inscrivent au journal.
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 offre sous 3j un prototype de votre projet.
Sans engagement
