piton
piton
Karga
[03]

Karga

2026
Müşteri
Piton
Yıl
2026
Kapsam
Front-end development, page transitions, responsive UI
Rol
Front-end Development
§ Proje Detayı

Karga — Next.js ile yeniden geliştirilen fotoğrafçı portfolyosu konsepti — döner panjurlu hero, panjurlu sayfa geçişleri ve kaydırmaya bağlı fotoğraf hareketleri.

Karga, Louver tasarım referansını Next.js ile sıfırdan yeniden geliştirdiğimiz fotoğrafçı portfolyosu konsepti. Masaüstünde 20, mobilde 10 döner panelden oluşan panjurlu hero otomatik geçiş, sürükleme, swipe ve klavyeyle kontrol ediliyor; Work arşivi, kategori filtreleri ve 12 proje detayı panjurlu sayfa geçişleriyle bağlanıyor.

Harf animasyonları, fotoğraf kırpma ve zoom, paralaks, manyetik butonlar ve takipçi imleç harici animasyon kütüphanesi olmadan React ve CSS Modules ile yazıldı. Azaltılmış hareket tercihi ve üç kırılımlı responsive düzen baştan hesaba katıldı. Çalışma, Louver tasarımını referans alan bir ön yüz geliştirme konsepti olarak Karga adıyla Vercel'de yayınlandı.

Next.jsReactCSS ModulesAnimationResponsive