Introduction
Quand on a grandi avec un jeu culte comme OGame, l’envie de le voir évoluer avec son temps devient vite une obsession. C’est cette nostalgie mêlée à une exigence moderne qui a donné naissance au projet Astronova. Un jeu qui ne se contente pas d’imiter, mais qui rend hommage tout en s’émancipant, notamment à travers une refonte graphique minutieuse, à la croisée de l’UX design, de la direction artistique et de la technologie.
Contexte
De la dégradation mobile à une renaissance visuelle
Tout est parti d’un constat simple, mais frustrant : la version mobile d’OGame s’est vue réduite à une version appauvrie, compressée et moins immersive. L’expérience initiale sur desktop, autrefois fluide et stratégique, a perdu en richesse sur smartphone.
Cette déception a été l’élément déclencheur. Le projet Astronova est né de l’idée de proposer une alternative pensée mobile first, où le confort d’usage, la lisibilité et l’esthétique ne seraient jamais compromis. L’objectif : reprendre le meilleur d’OGame… et l’emmener plus loin.
Upscaler les visuels de base
Les visuels récupérés limités à 200x200 px.
Trop peu pour un affichage moderne. Il a donc fallu mettre en place un processus d’upscale multi-étapes :
- Upscayl : un premier agrandissement x8 sans perte trop marquée.
- Krea (Enser) : pour ajouter du détail tout en conservant l’esprit original.
- Freepik Upscaler : pour générer des visuels exploitables en 2048x2048 px.
Chaque image était ensuite optimisée pour le web : compression avec TinyPNG, conversion en WebP. L’objectif ? Maintenir un poids réduit sans sacrifier la qualité, essentiel pour une navigation mobile rapide.
Créer un style "proche mais original"
Le challenge était de taille : garder la filiation graphique avec OGame, sans jamais en reproduire les assets. La solution a été de :
- Générer un style visuel sur-mesure dans CREA à partir d’une vingtaine d’images upscalées.
- Utiliser l’IA pour analyser et synthétiser un langage graphique spatial, inspiré mais indépendant.
- Générer ensuite des visuels via des prompts descriptifs, sans jamais citer les termes ou designs originaux.
Résultat : un univers cohérent, homogène et reconnaissable, mais résolument propre à Astronova.
Générer les visuels manquants
Créer de toutes pièces l’inexistant
Certaines parties du jeu, comme la boutique ou des bâtiments inédits, n’existaient tout simplement pas dans OGame. Il a donc fallu co-créer avec l’IA :
- Génération de prompts par IA (analyse de code).
- Application du style visuel CREA.
- Upscale final pour homogénéiser l’ensemble.
Ici, l’IA devient un assistant créatif : rapide pour générer, mais toujours pilotée par une direction artistique humaine.
Alléger sans sacrifier : la stratégie WebP
Un poids plume pour un rendu lourd de sens
Tous les visuels validés ont suivi un traitement systématique :
- Conversion en WebP, format léger et moderne.
- Déclinaisons multi-résolutions pour adapter aux écrans mobiles.
- Compression sans perte pour optimiser les temps de chargement.
Cette approche garantit une expérience fluide, même en condition de réseau dégradé.
Une identité visuelle qui affirme Astronova
Quand design, UX et performance se rencontrent
Ce travail graphique n’a pas seulement permis de “remettre au goût du jour” des assets. Il a permis de créer une identité visuelle forte et durable :
- Un style graphique élégant, presque cinématographique.
- Une interface pensée mobile, inspirée des codes des meilleures apps modernes.
Un design system Figma construit à partir des composants front, avec une approche modulaire, itérative et adaptable. Astronova n’est pas juste beau. Il est cohérent, évolutif, et optimisé pour l’expérience joueur.
Conclusion
Astronova est plus qu’un hommage à OGame : c’est une réinvention.
En s’appuyant sur les outils d’aujourd’hui – IA générative, upscale, compression, design system – ce projet solo réussit le pari de moderniser un jeu culte tout en construisant un univers graphique inédit.
Un pied dans la nostalgie, l’autre dans l’innovation.
C’est ça, Astronova.
LIENS PRATIQUES
Upscayl
Phosphor Icons
KREA
Freepik AI
TinyPNG
Plugin HTML to Design
