Zombie Arena
Zombie Arena jouable dans le navigateur
Un jeu de survie zombie qui tourne dans le navigateur, sans installation ni compte.
Jeux vidéo·Marketing
À quoi ça ressemble
Zombie Arena est une page qui embarque un vrai jeu de survie zombie, jouable directement dans le navigateur. Le visiteur entre un pseudo et affronte des vagues de zombies : arme au premier plan, HUD temps réel, monnaie virtuelle et achat d'armes, potions et pièges. Tout le rendu tourne côté client sur un canvas, sans moteur lourd ni téléchargement.
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.
Le HUD au cœur de l'action
Le HUD au cœur de l'action
HUD temps réel rendu sur canvas : barre de vie, vague en cours, arme active et solde de JT.
Tout reste lisible même quand les zombies déferlent.
Un closer qui lève les freins
Un closer qui lève les freins
Une seule action en bas de page : réserver un appel gratuit, sans engagement.
La réassurance désamorce l'hésitation avant le clic.
Un arsenal rangé par onglets
Un arsenal rangé par onglets
39 items (armes, potions, améliorations, pièges) triés en onglets avec rareté et prix en JT.
Le joueur compare et achète sans jamais quitter l'arène.
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
