Ilustratorski portfolio. Albumi s kategorijami, lightbox z navigacijo, urejen poimensko in kronološko.
Galerije in portfolio
Galerije slik in video vsebin s kategorijami, lightbox-om, lazy loading-om in WebP optimizacijo.
Galerije in portfolio
Slike + video v sistemu, ki je urejen, hiter in dostopen.
Slika je 80 % obiskovalčeve odločitve. Slabe galerije pa lahko zlomijo še tako dober projekt: počasno nalaganje, popačena razmerja, neuporaben mobilni prikaz, slab dostop iz tipkovnice. Galerijo gradimo tako, da je hkrati estetska in tehnično solidna.
Hitri pregled
- WebP slike z lazy loading
- enaka višina vrstic (same-height grid)
- lightbox z navigacijo, ESC, Arrow tipke
- kategorije in filtri
- video vsebine (YouTube / Vimeo / lasten file)
- accessibility (alt opisi, focus states)
Konkretni primeri galerij
Različen namen – različna estetika in funkcionalnost.
Spodaj so projekti, kjer je galerija osrednji element strani.
Avtorski portfolio + Alion Institute. Hero slider, blog, video, knjiga.
Industrijska galerija prenosnikov toplote. OWL Carousel, Magnific Popup, "same height" grid.
Gasilske vaje, dogodki, arhiv. Kategorije po letih in dogodkih.
Glasbene fotografije, video, audio predvajalnik.
3D modeli s 3D pregledom (interaktivnim).
Komponente, ki jih uredimo
Vsaka galerija ima svoj pravilen format.
Včasih je kvadratna mreža prava izbira, včasih masonry, včasih klasični slider.
Enakomerna mreža s fiksnim razmerjem. Best za izdelke ali strukturiran content.
Pinterest-stil. Best za fotografije z različnimi razmerji.
Klik na sliko = polnoekransko. Z Arrow tipkami, ESC, swipe na mobilnem.
Filter v tab obliki ali dropdown. Po projektih, letih, vrsti.
WebP, srcset, lazy loading, width/height atributi (CLS-safe).
YouTube embed ali samostojen MP4 z poster sliko.