Diese Website von
Luc Hochstrasser

Dasselbe gilt für die Funktionen. Die Schallplatten, die man drehen muss, damit ein Lied läuft. Der Globus, den man anfassen und weiterdrehen kann und der dabei die Fotos meiner Freunde weiterschiebt. Der Regler, der ein Bild aufdeckt und zeigt, was das Grading verändert hat. Der Ball, der auf der Übersicht von oben fällt und sich austrudelt. Nichts davon ist ein eingebundenes Plugin — jede dieser Ideen stand zuerst als Kritzelei auf einem dieser Blätter.

Warum von HandAuf Papier bin ich schneller als in jedem Programm. Ein Blatt kostet nichts, eine schlechte Idee darf durchgestrichen werden, und ich sehe alle Seiten gleichzeitig nebeneinander. Erst wenn eine Skizze für mich Sinn ergibt, gehe ich an den Rechner.

Dieses Blatt ist das erste, das ich gezeichnet habe. Links läuft eine Spalte von oben nach unten: Main, Postervorschau, MG-Vorschau, Fotografie-Vorschau, Mehr über mich. Rechts stehen die Zielseiten: Poster, Motiongraphics, Fotografie, Über mich. Dazwischen liegen die langen Pfeile — von jeder Vorschau hinaus auf ihre eigene Seite, und von jeder Seite ein zurückgebogener Pfeil wieder zurück auf die Vorschau. Ganz oben spannt sich der Header über alle Spalten, ganz unten sammelt der Footer alles ein.

Die drei gelben Markierungen sitzen genau auf den Vorschau-Blöcken. Das war die Stelle, an der ich mir am unsichersten war: Wie viel darf eine Vorschau schon zeigen, ohne dass die eigentliche Seite danach überflüssig wirkt?

Der Gedanke dahinterBevor ich eine einzige Seite gezeichnet habe, wollte ich wissen, wie man sich zwischen ihnen bewegt. Eine Website ist für mich zuerst ein Weg und erst danach ein Bild. Deshalb sind die Pfeile hier wichtiger als die Kästchen — und deshalb kommt man auf der fertigen Seite von überall mit einem Klick zurück auf die Übersicht.

Auf diesen beiden Blättern ist jede Unterseite in ihre Abschnitte zerlegt, sauber durchnummeriert von «1. Seite» an. Bei Poster: Titel, Projekt Urban, Freizeit-Projekte, Momentan. Bei Motion-Graphics: Titel, Schulprojekt, In Produktion. Bei Fotografieren: Titel, Komposition mit drei nebeneinanderliegenden Rahmen, Grading mit zwei Rahmen direkt nebeneinander. Bei «Ich»: Titel, Musik, Mathematik, Freunde.

Zwei Stellen verraten schon die fertige Funktion. Bei Musik habe ich drei Kreise in Kästchen gezeichnet — daraus sind die Schallplatten geworden, die man wirklich drehen kann. Bei Freunde steht eine schraffierte Kugel neben einem Rahmen — das ist der Globus, der heute das Bild im Fenster weiterschiebt. Und die zwei direkt aneinandergeschobenen Rahmen bei Grading sind der Regler, der zwischen Raw und Grading aufblendet.

Der Gedanke dahinterJede Scroll-Seite beginnt bei mir mit einem ganzen Bildschirm, auf dem nichts steht ausser dem Titel. Das ist Absicht: man soll einmal durchatmen, bevor der Inhalt kommt. Danach folgt Abschnitt auf Abschnitt, immer durch eine Linie getrennt — dieselbe Linie, die auf dem Karopapier schon unter jedem Titel steht.

Der Gedanke dahinterFigma war für mich nie der Ort für Ideen, sondern der Ort, an dem Ideen genau werden. Gedacht habe ich weiterhin auf Papier — nur eben mit dem Wissen, dass es danach auf den Pixel stimmen muss.

Das Figma-Layout ansehen (PDF) →