Sanat & Kültür · 2026
Ayhan Güneş Filografi
Filografi sanatını editoryal bir dijital galeri ve yönetilebilir eser kataloğuyla buluşturduk.
Next.js 16React 19TypeScriptMongoDBCloudflare R2
Proje seçkisi
Diğer case study’ler.
Projeler arasında geçiş yaparak farklı sektörler için geliştirdiğimiz ürünleri inceleyin.
Teknoloji E-ticaret · 2026
Cep Dünyası
Teknoloji satışını, ödemeyi ve satış sonrası desteği tek platformda birleştirdik.
Moda E-ticaret · 2026
AURA Butik
Moda e-ticaretini ve mağaza operasyonlarını tek uygulamada birleştirdik.
Görüntüleniyor
Ayhan Güneş Filografi
Filografi sanatını editoryal bir dijital galeri ve yönetilebilir eser kataloğuyla buluşturduk.
Sıradaki proje
GURU Coffee
Kahve, cookie ve topluluk odağını hareketli bir dijital deneyimde buluşturduk.
B2B Kahve Danışmanlığı · 2026
Coffee'in Beans
Doğru kahveyi işletmenin gerçek karakteriyle eşleştiren sinematik deneyim.
01 · Proje akışı
Ayhan Güneş Filografi, sanatçının eserlerini, hikâyesini, sergilerini ve basın çalışmalarını tek merkezde sunan; kesinti durumunda yerel kataloğa dönebilen kurumsal portföy ve dijital eser kataloğudur.
Amaç
Filografi sanatını editoryal bir dijital galeri ve yönetilebilir eser kataloğuyla buluşturduk.
Problem
Eser, sergi, basın ve iletişim içerikleri dağınık kanallarda kalıyor; standart ürün kartları filografinin el işçiliğini ve sanatçının anlatısını yansıtmıyordu.
Çözüm
Filtrelenebilir katalog, favoriler, WhatsApp özel sipariş akışı ve özel içerik panelini sıcak, editoryal bir galeri deneyiminde birleştirdik.
Sonuç
11 Sayfa route'u · 12 API route'u · Özel Yönetim
02 · WireframeÖnce iskelet.
Önce iskelet.
Sonra duygu.
Her ekran, dekorasyondan önce net bir görevi yerine getiriyor.
- 01
Bilgi Mimarisi
Sanatçı hikâyesi ile eser keşfini ortak bir bilgi mimarisinde buluşturduk.
- 02
Low-Fi
Arama, kategori ve stok filtrelerini katalog akışının merkezine yerleştirdik.
- 03
Prototip
Eser detayı, favoriler ve WhatsApp bilgi talebini kesintisiz bir keşif yoluna bağladık.
- 04
Onay
Public deneyim ile tek yöneticili içerik panelini responsive ekranlarda doğruladık.
03 · UI DesignMarka DNA’sı,
Marka DNA’sı,
piksel seviyesinde.
Aa
Instrument Serif
Başlıklarda karakter. Gövdede Inter ile berraklık ve tempo.
Sıcak galeri renkleri ve editoryal tipografi
Eseri öne çıkaran geniş görsel alanlar
Hareket azaltma tercihine duyarlı animasyonlar
Mobil ve masaüstünde tutarlı katalog deneyimi
04 · TeknolojiGüzel görünen.
Güzel görünen.
Sağlam çalışan.
Hareketin altında hız.
Next.js 16React 19TypeScriptTailwind CSS 4Framer Motion
SSR ve akıllı önbellekleme
Erişilebilir motion sistemi
Core Web Vitals odağı
Görünmeyen omurga.
MongoDB AtlasRoute HandlersCloudflare R2AWS S3 ClientYerel veri fallback'i
Tip güvenli API katmanı
İzlenebilir event mimarisi
Ölçeklenebilir veri modeli
05 · Admin PanelKontrol,
Kontrol,
tek bakışta.
Eser ve basın CRUD yönetimi
Ekiplerin günlük işlerini daha az tıklama, daha açık geri bildirimle tamamladığı operasyon katmanı.
Ana sayfa içerik ve görünürlük ayarları
Ekiplerin günlük işlerini daha az tıklama, daha açık geri bildirimle tamamladığı operasyon katmanı.
Medya, ticaret ve SEO alanları
Ekiplerin günlük işlerini daha az tıklama, daha açık geri bildirimle tamamladığı operasyon katmanı.
Dashboard, filtreler ve kullanım kılavuzu
Ekiplerin günlük işlerini daha az tıklama, daha açık geri bildirimle tamamladığı operasyon katmanı.
06 · Proje GalerisiDetaylar,
Detaylar,
bütünü kurar.
Projenin gerçek masaüstü, mobil ve yönetim paneli ekranları.
Editoryal sanatçı sunumu
Mobil ana sayfa
Filtrelenebilir eser kataloğu
Eser detay ve bilgi akışı
WhatsApp özel sipariş akışı
Mobil eser detayı
İçerik odaklı admin dashboard
Eser yönetimi ve filtreler