Všechny projekty

Cenk Savran

Savran Creative Studio — Fotografické portfolio

Portfolio s tmavým motivem pro kreativní studio z Antalye zaměřené na fotografii a video. Trojjazyčné, s lightbox galerií, líně načítanými obrázky a kontaktním formulářem chráněným Turnstile.

HTML CSS JavaScript Node.js Nginx Cloudflare Turnstile
savrancs.com
Savran Creative Studio — Fotografické portfolio

Zadání

Cenk Savran je fotograf a videograf z Antalye s více než 25letou zkušeností v oblasti hotelové, resortní, restaurační a firemní fotografie. Potřeboval portfoliový web, kde mluví fotografie — tmavý, minimalistický, rychlý — se způsobem, jak ho mohou potenciální klienti kontaktovat.

Co bylo vytvořeno

Statický portfoliový web s Node.js backendem pro kontaktní formulář. Web je trojjazyčný v turečtině, angličtině a ruštině — odpovídá jeho mezinárodní klientele. Přepínání jazyků probíhá na straně klienta bez načítání stránky, preference se ukládá do localStorage.

Portfolio představuje 21 projektů v pěti kategoriích — hotel a resort, restaurace a kavárna, firemní, krása a móda, různé. Každý projekt se otevírá v celoobrazovkové lightbox galerii s ovládáním klávesnicí, podporou dotykového posouvání a synchronizovaným karuselem miniatur. Mřížku lze filtrovat podle kategorie.

Hero sekce obsahuje automaticky rotující karusel vybraných prací z portfolia. Statistiky zdůrazňují jeho zkušenosti: 25+ let, 400+ projektů, 150+ klientů.

Sekce služeb pokrývá čtyři oblasti: profesionální fotografii, video produkci, správu sociálních sítí a webový & softwarový vývoj (ve spolupráci s dogru.tech).

Technické poznámky

Žádné frameworky — čisté HTML, CSS a vanilla JavaScript. Obrázky používají systém miniatur (1-thumb.jpg pro mřížku, 1.jpg pro lightbox) s líným načítáním pro výkon. Data portfolia jsou uložena v JavaScript modulu s vícejazyčnými názvy a popisy.

Kontaktní formulář zpracovává Node.js API server s ověřením Cloudflare Turnstile a Resend pro doručování e-mailů. Nginx vynucuje omezení rychlosti na IP adresu. Cachování statických souborů je agresivní — jeden rok immutable pro obrázky, 30 dní pro CSS a JavaScript.

Stack

HTML · CSS · JavaScript · Node.js · Nginx · Cloudflare Turnstile · Resend · Hetzner CX22 · Let’s Encrypt

Máte podobný projekt?

Jsem k dispozici pro nové zakázky. Promluvme si.