Neustart für diese Website
Warum meine Fotoseite ein neues Zuhause bekommen hat – und wie ich sie mit Hilfe von KI neu aufgebaut habe.
Warum eine neue Seite?
Vor einigen Jahren habe ich diese Seite aufgesetzt, um meiner Leidenschaft für die Fotografie einen Platz zu geben – und meine Bilder nicht nur allein zu betrachten.
Damals habe ich dafür Koken verwendet, ein Programm speziell für Foto-Websites. Koken wird allerdings seit geraumer Zeit nicht mehr weiterentwickelt. Deshalb wollte ich die Seite neu aufbauen, diesmal mit Hilfe von KI.
Wie wir vorgegangen sind
1. Erst fragen, dann gestalten
Bevor irgendetwas gestaltet wurde, hat mich die KI – in der Rolle eines UX-Designers – ausgefragt: Wofür ist die Seite da? Welche Stimmung soll sie haben? Hell oder dunkel? Welche Schriften, welche Farben, wie sollen die Bilder angeordnet werden? Meine Antworten: ein persönliches Portfolio, ruhig und minimal wie eine Galerie, fast ohne eigene Farbe, damit die Fotos wirken. Und die Seite soll sich im hellen wie im dunklen Modus ansehen lassen.
2. Ein Regelwerk statt einzelner Seiten
Aus den Antworten entstand zuerst ein Designsystem: feste Regeln für Farben, Schriften, Abstände und sechs Bausteine, mit denen sich Fotos anordnen lassen – vom bildschirmfüllenden Einzelbild bis zum Raster. Dazu gehört eine Übersichtsseite, auf der alle Bausteine zu sehen sind. Jede neue Seite hält sich an diese Regeln, damit die Website auch in Zukunft wie aus einem Guss wirkt.
3. Jedes Bild angesehen
Alle 135 Fotos aus elf Serien wurden gesichtet. Für jede Serie ist eine eigene Bildfolge entstanden, und jedes Foto hat eine Bildbeschreibung bekommen, damit auch Menschen mit Screenreader wissen, was zu sehen ist. Ein Klick auf ein Bild öffnet es groß, mit den Pfeiltasten oder per Wischen geht es weiter.
4. Hell und dunkel, groß und klein
Die Seite richtet sich nach der Einstellung des Geräts. Wer lieber anders schaut, schaltet oben rechts zwischen hell und dunkel um. Auf dem Handy wird aus der Navigation ein Menü, und die Bilder ordnen sich untereinander an.
5. Prüfen, korrigieren, fertigstellen
Zum Schluss wurde jede Seite auf dem Handy und auf großen Bildschirmen geprüft: Stimmen alle Links? Werden Bilder verzerrt? Muss man seitlich scrollen? Was dabei auffiel, wurde korrigiert. Texte, Impressum und Datenschutzerklärung habe ich gemeinsam mit der KI überarbeitet.
Was jetzt anders ist
- Die Fotos stehen im Mittelpunkt – die Seite selbst hält sich zurück.
- Es gibt einen hellen und einen dunklen Modus.
- Die Serien lassen sich nach Porträt, Licht & Feuer, Orte und Natur filtern.
- Keine Cookies, kein Tracking, keine Schriften von Google.
- Die Seite besteht aus einfachen Dateien und hängt nicht mehr von einem Programm ab, das nicht mehr gepflegt wird.
Über Rückmeldungen zur neuen Seite freue ich mich – schreib mir gern.