Tüm çalışmalar

Cenk Savran

Savran Creative Studio — Fotoğraf Portfolyosu

Antalya merkezli bir yaratıcı stüdyo için koyu temalı fotoğraf ve video portfolyosu. Üç dilli, lightbox galeri, tembel yüklenen görseller ve Turnstile korumalı iletişim formu.

HTML CSS JavaScript Node.js Nginx Cloudflare Turnstile
savrancs.com
Savran Creative Studio — Fotoğraf Portfolyosu

Proje özeti

Cenk Savran, Antalya merkezli 25 yılı aşkın deneyime sahip bir fotoğrafçı ve video yapımcısıdır. Otel, tatil köyü, restoran ve kurumsal çalışmalarında uzmanlaşmıştır. Fotoğrafların ön planda olduğu — koyu, minimal, hızlı — ve potansiyel müşterilerin kolayca iletişime geçebileceği bir portfolyo sitesine ihtiyacı vardı.

Neler yapıldı

Node.js iletişim formu backend’iyle statik bir portfolyo sitesi geliştirildi. Site, uluslararası müşteri kitlesine uygun olarak Türkçe, İngilizce ve Rusça olmak üzere üç dilde çalışır. Dil değişikliği sayfa yenilenmeden istemci tarafında gerçekleşir ve tercih localStorage’da saklanır.

Portfolyo, beş kategori altında 21 projeyi sergiler — otel ve tatil köyü, restoran ve kafe, kurumsal, güzellik ve moda, çeşitli. Her proje, klavye navigasyonu, dokunmatik kaydırma desteği ve senkronize küçük resim karuseli ile tam ekran lightbox galerisinde açılır. Izgara, kategoriye göre filtrelenebilir.

Hero bölümü, seçili portfolyo çalışmalarının otomatik dönen görsel karuselini sunar. İstatistikler deneyimini öne çıkarır: 25+ yıl, 400+ proje, 150+ müşteri.

Hizmetler bölümü dört alanı kapsar: profesyonel fotoğrafçılık, video prodüksiyon, sosyal medya yönetimi ve web & yazılım geliştirme (dogru.tech iş birliğiyle).

Teknik notlar

Framework kullanılmadı — saf HTML, CSS ve vanilla JavaScript. Görseller, performans için tembel yükleme ile küçük resim sistemi kullanır (1-thumb.jpg ızgara için, 1.jpg lightbox için). Portfolyo verileri, çok dilli başlık ve açıklamalarla bir JavaScript modülünde tutulur.

İletişim formu, Cloudflare Turnstile doğrulaması ve Resend e-posta servisiyle bir Node.js API sunucusu tarafından işlenir. Nginx, IP başına hız sınırlaması uygular. Varlık önbellekleme agresiftir — görseller için bir yıl değişmez, CSS ve JavaScript için 30 gün.

Stack

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

Benzer bir projeniz mi var?

Yeni projeler için müsaitlerim. Konuşalım.