Omertà — Jeu mafia par navigateur

Un empire mafia jouable en ligne

PMMORPG de gestion persistant : crimes, trafics et guerre de territoires directement dans le navigateur.

À quoi ça ressemble

Omertà est un prototype de jeu de rôle mafia multi-modules, entièrement jouable dans le navigateur sans inscription. Le joueur incarne un criminel en ascension qui gère son énergie, commet des crimes, blanchit son argent et prend le contrôle de territoires en temps réel. Neuf espaces de jeu interconnectés partagent un état global persistant entre les navigations : le tableau de bord, la criminalité, le garage, le marché noir, le blanchiment, l'empire de façades, la famille, la justice et la boutique premium. L'expérience est fluide et immersive de bout en bout.

Une identité visuelle unique

Couleurs

Typographie

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0 1 2 3 4 5 6 7 8 9 & @ # %

RegularMediumSemiboldBoldExtrabold

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.jsReactTypeScriptTailwind CSSFramer Motion

Le projet écran par écran

Quartier général — avatar, stats, énergie, fortune
Criminalité — 7 coups du pickpocket au fourgon
Famille — carte Leaflet des territoires du clan
Empire — 6 façades légitimes à racheter
Bourse des trafics — prix fluctuants par zone
Grand casse — 4 rôles à assigner, butin partagé
1 / 6

Des enjeux concrets, des réponses concrètes

Les enjeux

Démontrer un game loop riche en un seul proto

Les défis initiaux

9 espaces de jeu complexes à articuler

Nos solutions

Shell layout unique avec état persistant

Les enjeux

Simuler l'économie d'un MMORPG sans serveur

Les défis initiaux

Sans BDD, l'état se perd entre les pages

Nos solutions

Zustand global + tick secondaire pour le live

Les enjeux

Engager sans inscription ni tutoriel

Les défis initiaux

Univers mafia complexe, froid pour un néophyte

Nos solutions

HUD immédiat + raccourcis crimes au QG

Les choix qui comptent

Trois décisions de conception prises sur ce projet, et pourquoi.

UX

Tick engine en temps réel

setInterval à 1 s alimente toutes les ressources du joueur — énergie, recettes des façades, dérive des prix du marché noir — sans rechargement de page.

Le joueur voit ses indicateurs (chaleur police, argent sale, PA) évoluer en direct, créant une urgence constante propre au MMORPG persistant.

UI

HUD ressources toujours visible

La TopBar sticky expose en permanence les 5 ressources clés : Points d'Action, argent sale, argent propre, jetons premium et indice de recherche policière.

Où que le joueur navigue dans les 9 modules, il connaît instantanément son état — aucun aller-retour vers le tableau de bord.

UX

Grand casse coopératif

Le casse en équipe impose d'assigner 4 rôles (chauffeur, hacker, tireur, indic) à des membres du clan avant de lancer.

La probabilité de succès est calculée en temps réel à partir de la puissance moyenne de l'équipe — une vraie décision tactique, pas un simple bouton.

Rapide, mesuré, prouvé

La vitesse n’est pas une promesse : elle se mesure.

Performances : 96 sur 100
Performances
Accessibilité : 93 sur 100
Accessibilité
Bonnes pratiques : 100 sur 100
Bonnes pratiques
SEO : 100 sur 100
SEO

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

Étape 1 sur 5 : Cadrage

5 étapes pour concrétiser votre projet

Cadrage

Client
PDFcahier-des-charges.pdfPDF · 14 pages
ou

On tient un cabinet d’ostéopathie. L’idée : que nos patients réservent en ligne, sans appeler.

CyberScale

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.

0 €libre, le prototype reste à vous

Vous avez lu jusqu’ici ? Continuons ensemble.

Avant de signer, on vous offre sous 3j un prototype de votre projet.

Ajustements illimités, sans surcoûtLivraison et rapport hebdomadaireSatisfait ou remboursé, contractuel

Sans engagement

Questions fréquentes

Parce que nous limitons volontairement notre charge à 3 projets simultanés.

Résultat : des maquettes en 72 heures, 90% des messages répondus dans l'heure, une livraison chaque semaine et des délais garantis contractuellement.

Si nous sommes en retard, vous recevez gratuitement 2 mois de maintenance, d'hébergement, d'articles de blog et de social media.