Case study / Portfolio

Lana Zrnić

Fotografski portfolio postavljen kao galerijsko iskustvo, ne kao katalog. Fokus je na velikim fotografijama, mirnom tempu, kuriranim sekcijama i kontaktu koji klijenta vodi prema portretnoj sesiji.

Lana Zrnić, naslovna portfolija: ime preko vertikalnih fotografija
Klijent
Lana Zrnić
Tip
Fotografski portfolio
Obim
Art direction, frontend, motion
Godina
2026
Uživo
lanaz.art ↗

Problem je bio ritam.

Fotografski portfolio mora brzo pokazati autoricu, ali ne smije prebrzo potrošiti fotografije. Umjesto klasične mreže sa thumbnailima, stranica otvara rad kroz vertikalne kadrove, velike prelaze i sekcije koje se čitaju kao mali fotografski aktovi.

Posebno smo pazili da interfejs ne nadglasa rad. Tipografija, meni, kontakt i lightbox stoje u drugom planu, dok fotografije nose prvi utisak i tempo pregledanja.

Lana Zrnić, galerija portreta i ulice u gustoj mreži
Lana Zrnić na telefonu, naslovna
Lana Zrnić na telefonu, serija portreta
Detalj: fotografija kapije pod cvijećem iz serije Horizons

Dizajn koji ćuti.

Najteži dio portfolija nije prikazati fotografije, nego znati kada stati. Interfejs je sveden na nekoliko gestova: ime, meni, brojač i kontakt. Nema dekorativnih elemenata koji bi se takmičili sa kadrom.

Tipografija je tiha i krupna tek koliko treba, prazan prostor nosi ritam, a boja dolazi isključivo iz fotografija. Cilj je da posjetilac zapamti rad, a ne sajt, a da ipak zna kako da naruči sesiju kada dođe do kraja.

Lana Zrnić, sekcija The face that slips through sa portretom preko cijele širine
01

Editorial hero

Prvi ekran koristi fotografije kao scenski zastor, sa imenom autorice preko kadrova i minimalnom navigacijom.

02

Galerije po aktovima

Radovi su grupisani u jasne narativne cjeline, umjesto da se sve svede na beskonačan grid.

03

Lightbox pregled

Fotografije se mogu pregledati u punom fokusu, uz lokaciju, godinu i naslov bez dodatnog vizuelnog šuma.

04

Kontakt tok

Kontakt sekcija je direktna i komercijalno korisna, ali zadržava ton portfolija i ne pretvara stranicu u prodajni landing.

Vizuelni sistem za fotografiju.

01

Kadar prije UI-ja

Interfejs je sveden na gestove: ime, meni, brojači i kontakt. Sve ostalo služi fotografiji.

02

Motion bez buke

Prelazi daju osjećaj listanja kroz serije, ali ostaju dovoljno spori da fotografije imaju težinu.

03

Komisije i kontakt

Portfolio završava jasnim pozivom za portrete i saradnju, bez rušenja umjetničkog tona stranice.

Anatomija sajta

Iz čega je sastavljen.

Portfolio je sveden na nekoliko preciznih komponenti, svaka služi fotografiji, nijedna se ne takmiči s njom.

01

Editorial hero

Fotografije kao scenski zastor sa imenom autorice preko kadrova.

02

Kurirane galerije

Radovi grupisani u narativne aktove umjesto beskonačnog grida.

03

Lightbox

Pregled u punom fokusu sa naslovom, lokacijom i godinom.

04

Vertikalni kadar

Layout građen oko portretne orijentacije i velikih prelaza.

05

Motion prelazi

Spori, tihi prelazi koji daju težinu svakoj fotografiji.

06

Responsive grid

Od jedne kolone na telefonu do galerijskog rasporeda na ekranu.

07

Lazy-load

Fotografije se učitavaju po potrebi radi brzine na mobitelu.

08

Optimizovane slike

Kompresija i moderni formati bez gubitka utiska.

09

Kontakt tok

Direktan poziv za portrete i saradnju bez rušenja umjetničkog tona.

10

SEO i social

Naslovi, opisi i preview kartice za dijeljenje radova.

11

Brojač radova

Diskretan indeks kroz sekcije, u duhu štampanog editorijala.

12

Tipografski sistem

Mirna, krupna tipografija koja pušta kadar da vodi ritam.