Codyytech Me contacter
← Toutes les réalisations

Zone Games, un site aussi bizarre que ses jeux

Zone Games est un petit studio de jeux vidéo indépendant. Quatre jeux, quatre ambiances qui n'ont rien à voir. Plutôt qu'un site générique, j'ai donné à chaque jeu sa propre page, dans son propre univers, et j'ai caché des choses partout pour donner envie de revenir.

Bientôt en ligne
Site vitrineMini-jeuClassement en ligneBilingue FR/ENSEO
zonegames.frBientôt en ligne
Page d'accueil du site Zone Games : titre « Des jeux bizarres, faits à la main » et le jeu Trashbot mis en avant
ClientZone Games, studio de jeux indépendant
MissionConception, design, développement, contenus
Pages9 pages en français, 4 en anglais
StatutTerminé, mise en ligne prochaine
// Le besoin

Se faire connaître sans ressembler à tout le monde

Le point de départ

Le studio avait ses jeux sur itch.io, des vidéos sur YouTube et une page faite avec un outil en ligne. Rien qui donne vraiment envie de rester, ni qui montre la personnalité des jeux.

Il fallait un vrai site, rapide, bien référencé, qui puisse accueillir les joueurs comme les youtubeurs et la presse.

Mon approche

Un accueil sobre pour le studio, puis une page par jeu qui ressemble au jeu : un faux Windows XP pour OS_ERROR.exe, une décharge industrielle pour Trashbot.

Et des raisons de revenir : un mini-jeu jouable, un classement, des secrets cachés dans tout le site.

// Ce que j'ai réalisé

Chaque jeu dans son propre univers

zonegames.fr/os-errorBientôt en ligne
Le faux bureau Windows XP d'OS_ERROR.exe avec plusieurs fenêtres ouvertes
01 · OS_ERROR.exe

Un faux Windows XP, entièrement utilisable

Le jeu se passe dans un vieux PC de bureau. Sa page aussi : on double-clique sur les icônes, on déplace les fenêtres, on ouvre le menu Démarrer.

  • Fenêtres déplaçables, barre des tâches, menu Démarrer
  • Visionneuse de captures, lecteur vidéo façon Windows Media
  • Un petit FPS rétro jouable dans le navigateur
zonegames.fr/trashbotBientôt en ligne
La page du jeu Trashbot : logo, œil rouge du robot et bandes jaunes et noires
02 · Trashbot

Une page qui sent la décharge

Le jeu phare du moment. Bandes de chantier, métal, œil rouge qui suit la souris, et tout ce qu'il faut pour suivre le développement.

  • Bande-annonce intégrée, chargée seulement au clic (page légère)
  • Galerie d'images avec agrandissement
  • Journal de développement facile à mettre à jour
zonegames.fr/trashbot#simBientôt en ligne
Le mini-jeu Trashbot en vue de dessus, avec le boss « La Benne »
03 · Mini-jeu

Un mini-jeu jouable, avec classement en ligne

Pour faire patienter avant la sortie : un petit jeu de tir en vue de dessus, jouable au clavier, à la souris ou au doigt sur téléphone.

  • Vagues d'ennemis, boss toutes les 5 vagues, sons générés sans aucun fichier
  • Top 10 en ligne, sans base de données, avec garde-fous contre la triche
  • Bouton « Défier un ami » pour partager son score
zonegames.fr/secretsBientôt en ligne
La page des secrets : 6 secrets trouvés sur 11, cartes et barre de progression
04 · Secrets

11 secrets pour faire revenir les visiteurs

Des codes à taper, des éléments à cliquer, un message chiffré. Chaque secret trouvé s'affiche dans une page de progression, et certains débloquent des skins pour le mini-jeu.

  • Progression enregistrée dans le navigateur, sans compte ni cookie
  • Indices disponibles pour ceux qui bloquent
zonegames.fr/presseBientôt en ligne
Le kit presse : textes de présentation, logos et fichiers à télécharger
05 · Visibilité

Pensé pour être trouvé et partagé

Un beau site ne sert à rien si personne ne le voit. Tout est prévu pour Google, les réseaux et les créateurs de contenu.

  • Version anglaise, pour le public international d'itch.io
  • Aperçus de liens soignés sur Discord, WhatsApp et Instagram
  • Kit presse avec textes, logos et images à télécharger
  • Boutons de partage, page d'erreur 404 en écran bleu
Trois pages du site Zone Games affichées sur téléphone
06 · Mobile

Tout fonctionne sur téléphone

Le faux bureau, le mini-jeu et toutes les pages s'adaptent à l'écran. Sur téléphone, le robot se dirige au doigt et tire tout seul.

// En chiffres

Un site riche, qui reste léger

13pages, en français et en anglais
2jeux jouables directement dans le navigateur
11secrets cachés dans tout le site
~2 Mopour le site entier, images comprises
HTML / CSS / JavaScriptCanvas 2DWeb AudioPHPOpen Graphhreflang