Ein neues Zuhause für Hana Games
Wir haben die Studio-Website von Grund auf neu gebaut. Eine dunklere Bühne für die Spiele, ein Rot, das etwas bedeutet, und Typografie, die zwanzig Sprachen übersteht.
Hana Games hat eine neue Website. Kein frischer Anstrich, wir haben sie bis auf das Gerüst zerlegt und wieder zusammengesetzt.
Warum
Ehrlich? Weil die alte hässlich war.
Sie war schwer und grau geworden. Sie sah aus wie eine Vorlage. Sie erzählte nichts über die Spiele, mit denen wir unsere Tage verbringen, und wir haben sie monatelang geflickt, statt es zuzugeben. Irgendwann ist der ehrliche Schritt, bei null anzufangen.
Die Farben
Die Seite ist mit Absicht fast schwarz. Ink (#08080a) ist überall der
Hintergrund, mit einer etwas helleren Surface (#101013) hinter den
Flächen, damit das Artwork immer das Hellste auf dem Bildschirm bleibt.
Dann gibt es ein Rot: #e20c17. Es wird sparsam eingesetzt, und immer für
dieselben wenigen Aufgaben - ein Bereichslabel, der Hauptbutton, die kurze
Linie unter einem Titel. Wenn alles drumherum ruhig ist, reicht ein Rot, um zu
sagen schau hier.
Der Text ist gebrochenes Weiß, wir nennen es Paper (#f4f3f1), statt reinem
Weiß, das auf einem dunklen Bildschirm blendet. Das sekundäre Grau ist hell
genug, um lesbar zu bleiben, denn an grauem Text verlieren Websites für
gewöhnlich ihre Leser.
Die Typografie
Überschriften sind Archivo, in schweren Schnitten, in Großbuchstaben, mit fast aufeinanderliegenden Zeilen. Eine Grotesk mit etwas industrieller Kante, was zu Leuten passt, die beruflich Welten bauen.
Kleine Labels nutzen dieselbe Familie mit sehr weitem Zeichenabstand statt einer zweiten Schrift. Es ist ein billiger Trick, und er lässt die ganze Seite wie aus einem Stück wirken.
Der Fließtext ist eine neutrale Sans, aus einem langweiligen Grund gewählt: Sie muss zwanzig Sprachen überstehen, ohne auseinanderzufallen.
Die Formen
Ecken sind abgeschnitten, nie abgerundet. Klingt nach nichts, ist aber das Detail, das die Seite nach uns aussehen lässt - eine Anspielung auf Arcade-Gehäuse und gedruckte Plakate, nicht auf Software.
Es gibt genau zwei Verzierungen: ein dünnes technisches Raster und das Schachbrett aus unserem Logo. Keine Schlagschatten, kein Milchglas, keine Verläufe, die Licht spielen.
Die Bewegung
Es gibt kaum welche. Eine Linie zieht sich unter einem Titel. Ein Poster dreht sich alle paar Sekunden um. Das Logo lässt sich greifen und drehen, weil eine 3D-Marke einmal Spaß macht. Alles andere bleibt still, und wer sein System um weniger Animation gebeten hat, bekommt keine.
Und die Spiele
Sie kommen zuerst, das war der ganze Punkt. Das Studio, die News, diese Seite: alles danach.
- Studio
- Website