Une nouvelle maison pour Hana Games

Hana Games a un nouveau site. Pas un coup de peinture : nous l’avons démonté jusqu’à la structure et remonté.

Pourquoi

Franchement ? Parce que l’ancien était moche.

Il était devenu lourd et gris. Il ressemblait à un gabarit. Il ne disait rien des jeux auxquels nous passons nos journées, et cela faisait des mois que nous le rafistolions au lieu de l’admettre. À un moment, l’honnête est de repartir de zéro.

Les couleurs

Le site est presque noir, et c’est volontaire. L’encre (#08080a) sert de fond partout, avec une surface (#101013) à peine plus claire derrière les panneaux, pour que ce soit toujours les visuels qui brillent le plus à l’écran.

Ensuite il y a un rouge, un seul : #e20c17. On l’utilise avec parcimonie, et toujours pour les mêmes tâches - un intitulé de section, le bouton principal, le petit trait sous un titre. Quand tout ce qui l’entoure est calme, un seul rouge suffit à dire regardez ici.

Le texte est blanc cassé - nous l’appelons papier (#f4f3f1) - plutôt que blanc pur, qui agresse sur un écran sombre. Le gris secondaire reste assez clair pour être lisible, parce que c’est souvent là que les sites perdent les gens.

La typo

Les titres sont en Archivo, en graisses lourdes, en capitales, avec les lignes presque collées les unes aux autres. C’est un grotesque avec un peu d’arête industrielle, ce qui va bien à des gens qui fabriquent des mondes.

Les petites étiquettes utilisent la même famille avec un espacement très large au lieu d’une deuxième police. C’est une astuce simple, et elle fait tenir tout le site d’un seul bloc.

Le texte courant est un sans neutre, choisi pour une raison ennuyeuse : il doit tenir en vingt langues sans s’effondrer.

Les formes

Les angles sont coupés, jamais arrondis. Ça n’a l’air de rien, mais c’est le détail qui rend le site reconnaissable - un clin d’œil aux bornes d’arcade et aux affiches imprimées, pas au logiciel.

Il y a exactement deux décorations : une grille technique très fine, et le damier de notre logo. Pas d’ombres, pas de verre dépoli, pas de dégradés qui jouent à la lumière.

Le mouvement

Il n’y en a presque pas. Un trait se dessine sous un titre. Une affiche tourne toutes les quelques secondes. Le logo peut être attrapé et faire tourner, parce qu’une marque en 3D, c’est amusant une fois. Tout le reste ne bouge pas - et celles et ceux qui ont demandé à leur système moins d’animations n’en ont aucune.

Et les jeux

Ils passent en premier, c’était tout l’objet du chantier. Le studio, les actualités, cette page : tout le reste vient après.