Marušáková photos

(01) Full package

Monika je svadobná a rodinná lifestyle fotografka. Obsah jej webu sa stará o to, aby ľudia vedeli, kde ju nájsť a ako sa s ňou spojiť. Dizajn poukazuje na skúsenosť, ktorú jej fotenie nesie – je profesionálne a hravé zároveň.

Úvodná stránka portfólia Marušáková photos

Klient: Monika Marušáková, fotografka zo Žiliny
Rozsah: Dizajn, výber fotiek, vývoj, hosting, doména, formulár, SEO
Technológie: HTML, Tailwind CSS, GSAP, Lenis, Vite, sharp, Cloudflare Workers
Web: marusakovaphotos.sk ↗

Pocit ako z fotenia, hoci si len prezerajú web.

Fotky na úvodnej stránke sme vyberali ručne, jednu po druhej, aj s presným miestom priblíženia. Prvý pocit stránky zámerne pôsobí profesionálne a mierne chladne. Ďalšie fotky však prinášajú úsmevy, detskú radosť či bubliny. A čierna farba textu sa postupne ohrieva do čokoládovej hnedej. Dizajn tak ukazuje to, čo Monika komunikuje textom – profesionálne fotografie a uvoľnená atmosféra počas fotenia si u nej neprotirečia.

Celoplošná fotografia svadobného páru pri západe slnka s nadpisom Vaše príbehy mojimi očami

Úvodný text s drobnými fotkami vloženými priamo do vety

Horizontálne rolujúci pás kategórií: svadby, páry, rodiny, tehotenské

Magazín na webe, pohyb, ktorý nekričí.

Sedem kategórií, od svadieb po vianočné fotenia. Všetky spolu ako ukážka práce, a potom každá osve, ako galéria z časopisu.

01

Galéria z priečinka

Pridanie fotky znamená nový súbor v priečinku. Galéria sa pri builde poskladá sama, v poradí podľa názvu a so správnymi rozmermi.
02

Rýchle aj s veľkými fotkami

Každú fotku automaticky prerobíme do AVIF a WebP formátov vo viacerých veľkostiach. Galérie sa začnú sťahovať až po načítaní stránky, takže web pôsobí rýchlo a plynulo, hoci nesie desiatky kvalitných fotografií.
03

Recenzie

Využili sme už existujúce, skutočné recenzie Moniky priamo z Google. Web na ne taktiež odkazuje, aby sa používatelia mohli presvedčiť sami.
04

Lightbox

Prehliadač fotiek vsadený do dizajnu webu. Umožňuje použitie klávesnice na preklik medzi fotkami – akoby si používateľ prezeral fotky zo svojho prvého fotenia.

Čiernobiela koláž fotiek okolo nadpisu Kde emócie vyniknú

Web je len to, čo vidno. Postarali sme sa aj o zvyšok.

Monika nám poslala fotky a texty. Všetko ostatné sme vyriešili my, aby sa ona mohla venovať foteniu a nie doménam či serverom.

01

Hosting a doména

Vlastná doména marusakovaphotos.sk, HTTPS a web na Cloudflare, ktorý sa načíta zo servera najbližšie k návštevníkovi. Monika nemusí nič obnovovať, aktualizovať ani platiť trom rôznym firmám.
02

Zo stránky do schránky

Vyplnený formulár príde Monike priamo na e-mail: čo chce klient nafotiť, kedy, kde a ako ho zastihnúť. Odpovedaním na mail Monika odpovie priamo klientovi. Pred spamom ju chráni skrytá kontrola, nie skladačka s bicyklami.
03

Prístupný pre všetkých

Celý web sa dá ovládať klávesnicou, čítačka obrazovky dostane popis každej fotky a kto má v systéme vypnuté animácie, dostane pokojnú verziu bez pohybu. Každá fotka má popis toho, čo sa na nej deje, aby ju zažiť mohol naozaj každý.
04

SEO aj pre AI

Nadpisy a popisy pre ľudí, ktorí hľadajú fotografa v Žiline, štruktúrované dáta pre Google a llms.txt. Aby jej stránka bola vysoko v Googli a známa pre ChatGPT.

Výkonnosť na desktope: 99
Best practices: 100
Agentské prehliadanie: 3/3
Prvý obsah na desktope: 0,4 s