Editorial Hero
Der erste Bildschirm nutzt Fotos als Bühnenvorhang, mit dem Namen der Fotografin über den Bildern und minimaler Navigation.
Case Study / Portfolio
Lana Zrnić
Ein Fotografie-Portfolio als Galerieerlebnis, nicht als Katalog. Im Fokus stehen große Fotos, ruhiges Tempo, kuratierte Abschnitte und ein Kontakt, der den Kunden zum Porträtshooting führt.
- Kunde
- Lana Zrnić
- Typ
- Fotoportfolio
- Umfang
- Art Direction, Frontend, Motion
- Jahr
- 2026
- Live
- lanaz.art ↗
Das Problem war der Rhythmus.
Ein Fotografie-Portfolio muss die Fotografin schnell zeigen, darf die Fotos aber nicht zu schnell verbrauchen. Statt eines klassischen Rasters mit Thumbnails öffnet die Seite die Arbeit über vertikale Bilder, große Übergänge und Abschnitte, die sich wie kleine fotografische Akte lesen.
Wir haben besonders darauf geachtet, dass das Interface die Arbeit nicht übertönt. Typografie, Menü, Kontakt und Lightbox treten zurück, während die Fotos den ersten Eindruck und das Tempo des Betrachtens tragen.
Design, das schweigt.
Der schwierigste Teil eines Portfolios ist nicht, Fotos zu zeigen, sondern zu wissen, wann man aufhört. Das Interface ist auf wenige Gesten reduziert: Name, Menü, Zähler und Kontakt. Es gibt keine dekorativen Elemente, die mit dem Bild konkurrieren.
Die Typografie ist ruhig und nur so groß wie nötig, der Leerraum trägt den Rhythmus, und Farbe kommt ausschließlich aus den Fotos. Ziel ist, dass sich der Besucher an die Arbeit erinnert, nicht an die Website, und am Ende trotzdem weiß, wie er ein Shooting bucht.
Galerien in Akten
Die Arbeiten sind in klare erzählerische Einheiten gruppiert, statt alles auf ein endloses Raster zu reduzieren.
Lightbox-Vorschau
Fotos können in voller Schärfe, mit Ort, Jahr und Titel ohne zusätzliches visuelles Rauschen betrachtet werden.
Kontaktablauf
Der Kontaktbereich ist direkt und kommerziell nützlich, behält aber den Ton des Portfolios bei und macht aus der Seite keine Verkaufs-Landingpage.
Ein visuelles System für die Fotografie.
Das Bild vor dem UI
Das Interface ist auf Gesten reduziert: Name, Menü, Zähler und Kontakt. Alles andere dient der Fotografie.
Motion ohne Lärm
Die Übergänge vermitteln das Gefühl, durch Serien zu blättern, bleiben aber langsam genug, damit die Fotos Gewicht haben.
Aufträge und Kontakt
Das Portfolio endet mit einer klaren Einladung zu Porträts und Kooperationen, ohne den künstlerischen Ton der Seite zu brechen.
Anatomie der Website
Woraus sie besteht.
Das Portfolio ist auf wenige präzise Komponenten reduziert, von denen jede der Fotografie dient und keine mit ihr konkurriert.
01
Editorial Hero
Fotos als Bühnenvorhang, mit dem Namen der Fotografin über den Bildern.
02
Kuratierte Galerien
Arbeiten in erzählerischen Akten gruppiert statt in einem endlosen Raster.
03
Lightbox
Ansicht in voller Schärfe mit Titel, Ort und Jahr.
04
Vertikale Aufnahme
Das Layout basiert auf Hochformat und großen Übergängen.
05
Motion-Übergänge
Langsame, ruhige Übergänge, die jedem Foto Gewicht geben.
06
Responsives Raster
Von einer Spalte auf dem Smartphone bis zum Galerielayout auf dem Bildschirm.
07
Lazy-Load
Fotos werden erst bei Bedarf geladen, damit es auf dem Smartphone schnell bleibt.
08
Optimierte Bilder
Kompression und moderne Formate, ohne dass der Eindruck leidet.
09
Kontaktablauf
Direkter Kontakt für Porträts und Kooperationen, ohne den künstlerischen Ton zu brechen.
10
SEO und Social
Titel, Beschreibungen und Vorschaukarten zum Teilen der Arbeiten.
11
Bildzähler
Dezenter Index durch die Abschnitte, im Geist eines gedruckten Editorials.
12
Typografisches System
Ruhige, große Typografie, die das Bild den Rhythmus bestimmen lässt.