Yeme-İçme / Özel Kahve · 2026
GURU Coffee
Kahve, cookie ve topluluk odağını hareketli bir dijital deneyimde 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.
Sanat & Kültür · 2026
Ayhan Güneş Filografi
Filografi sanatını editoryal bir dijital galeri ve yönetilebilir eser kataloğuyla buluşturduk.
Görüntüleniyor
GURU Coffee
Kahve, cookie ve topluluk odağını hareketli bir dijital deneyimde buluşturduk.
Sıradaki proje
Coffee'in Beans
Doğru kahveyi işletmenin gerçek karakteriyle eşleştiren sinematik deneyim.
01 · Proje akışı
Fethiye merkezli GURU Coffee’nin ürünlerini, atmosferini ve topluluk odağını güçlü bir görsel anlatımla sunan; katalog ve landing içeriğini özel admin panelinden yöneten dijital marka deneyimi.
Amaç
Kahve, cookie ve topluluk odağını hareketli bir dijital deneyimde buluşturduk.
Problem
Markanın kahve, cookie ve çalışma atmosferini sıradan bir menü sayfasının ötesinde anlatması ve ürün ile landing içeriklerini tek merkezden güncel tutabilmesi gerekiyordu.
Çözüm
Animasyon odaklı marka vitrini, filtrelenebilir dijital menü, dinamik ürün detayları ve MongoDB tabanlı özel içerik panelini aynı uygulamada birleştirdik.
Sonuç
34 ürün Katalog · 7 aktif Kategori · 7 modül Yönetim
02 · WireframeÖnce iskelet.
Önce iskelet.
Sonra duygu.
Her ekran, dekorasyondan önce net bir görevi yerine getiriyor.
- 01
Bilgi Mimarisi
Marka hero alanını ve hızlı aksiyonları güçlü bir ilk izlenim etrafında kurguladık.
- 02
Low-Fi
Cookie, topluluk ve atmosfer anlatısını editoryal bir sayfa ritmine dönüştürdük.
- 03
Prototip
Favori İkililer ve üç boyutlu Menü Seçkisi ile ürün keşfine etkileşim kattık.
- 04
Onay
Dijital menü, ürün detayları, konum ve sosyal bağlantıları ortak içerik yapısına bağladı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.
Büyük ölçekli editoryal tipografi
Scroll tabanlı reveal ve parallax geçişleri
Beş kartlık etkileşimli ürün eşleştirmesi
Scroll kontrollü üç boyutlu ürün küpü
Koyu ve açık tema
04 · TeknolojiGüzel görünen.
Güzel görünen.
Sağlam çalışan.
Hareketin altında hız.
Next.js 16 App RouterReact 19TypeScriptTailwind CSS 4Framer Motion
SSR ve akıllı önbellekleme
Erişilebilir motion sistemi
Core Web Vitals odağı
Görünmeyen omurga.
Next.js Server ActionsMongoDBMongooseCloudflare R2AWS SDK
Tip güvenli API katmanı
İzlenebilir event mimarisi
Ölçeklenebilir veri modeli
05 · Admin PanelKontrol,
Kontrol,
tek bakışta.
Dashboard ve yayın öncesi kontroller
Ekiplerin günlük işlerini daha az tıklama, daha açık geri bildirimle tamamladığı operasyon katmanı.
Ürün ve kategori yönetimi
Ekiplerin günlük işlerini daha az tıklama, daha açık geri bildirimle tamamladığı operasyon katmanı.
Cookie ve Favori İkililer içeriği
Ekiplerin günlük işlerini daha az tıklama, daha açık geri bildirimle tamamladığı operasyon katmanı.
Menü Seçkisi, konum ve iletişim ayarları
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ı.
GURU Coffee marka hero alanı
Taze cookie ve ürün anlatısı
Etkileşimli Favori İkililer
Üç boyutlu Menü Seçkisi
Mekân ve topluluk atmosferi
İçerik yönetimi dashboard'u
Ürün ve kategori yönetimi
Mobil marka vitrini
Mobil taze ürün anlatısı