Aufgabe
Galerie-Websites sehen meist gleich aus: weiße Seite, dünne Schrift und ein Raster aus quadratischen Vorschaubildern, in dem ein Gemälde wie ein Produkt im Shop wirkt. Ich wollte eine Website zeigen, an die man sich nach einem Besuch erinnert und in der die Ausstellung ein Ort ist. Das ist ein Musterprojekt: Galerie, Gebäude, Künstler:innen und Werke sind erfunden. Die Werke entstehen im Code, jede Position mit eigenem Regelwerk, die Stimme des Audioguides ist synthetisch.
Rolle
Konzept, Art Direction, Design, Entwicklung, 3D, Audioguide
Was ich gemacht habe
- Konzept aus dem Gebäude: Die Galerie liegt in einem stillgelegten Umspannwerk. Die Ausstellung ist der Schaltgang, Räume und Werke sind nummeriert wie Schaltfelder, und die Sitemap im Fuß ist der Schaltplan des Hauses.
- Ein 3D-Schaltgang auf der Startseite: Scrollen ist Gehen. Ein Zähler zeigt Feld und gelaufene Meter, eine riesige Feldnummer markiert jeden neuen Abschnitt, und ein Klick auf ein Werk lässt es von der Wand zur eigenen Seite wachsen.
- Werkseiten mit Audioguide auf Deutsch und Englisch: Das Bild fährt zum Detail, über das die Stimme spricht, die aktuelle Zeile im Text leuchtet auf, und eine Linie neben dem Werk zeigt einen Menschen von 175 cm im gleichen Maßstab.
- Demo-Tickets mit Zeitfenstern und Auslastung, ein Archiv mit zehn Ausstellungen als Lastgang und eine Statusleuchte für die Öffnungszeiten, die der echten Uhrzeit in Deutschland folgt.
- Art Direction vor dem Code: ein ehrlicher Blick auf die Klischees von Galerie-Websites, ein Moodboard mit zwei Paletten und drei Schriftpaaren, drei mutige Startseiten zur Auswahl. Deutsch und Englisch, lesbar mit „Bewegung reduzieren“ (der Gang wird zur Liste), getestet in Safari und auf einem gebremsten Smartphone.
Ergebnis
Die Demo ist online: Gehen Sie selbst durch den Schaltgang und hören Sie den Audioguide zu Lastgang 07. Genauso kann sich ein Museum, eine Galerie oder ein Showroom auf der eigenen Website zeigen.
Werkzeuge
Astro, Three.js, View Transitions · Cloudflare Workers · ElevenLabs (voice) · Fira Sans Extra Condensed, IBM Plex