EDNA
Ana SayfaÇalışmalar
HizmetlerB2B AltyapıPaketlerHakkımızdaİletişim
Projenizi Konuşalım
EDNA

Kurumsal ve creative web siteleri, markaya özel e-ticaret ve her sektöre uyarlanan B2B altyapılar tasarlayıp geliştiren web stüdyosu.

B2B Altyapı

  • Özellikler
  • Paketler

Şirket

  • Hakkımızda
  • Çalışmalar
  • İletişim
  • Kariyer
  • Blog

Destek

  • Hizmetler
  • SSS

İletişim

info@ednadynamics.comWhatsApp'tan yazın

© 2026 EDNA Dynamics. Tüm hakları saklıdır.

Gizlilik PolitikasıKullanım KoşullarıÇerez Politikası
EDNADYNAMICSWeb & Yazılım Çözümleri
Ana Sayfa
ÇalışmalarHizmetlerHakkımızdaİletişim
WhatsApp
← Tüm Çalışmalar
VAKA ÇALIŞMASI · 05 / KURUMSAL SİTE
Tatlıcı Tanıtım Sitesi
TasarımGeliştirmeYapay zekâ görselleri3B dükkân modeli

Sütlühane.Menüyü fiyatıyla gösterip siparişi telefona bağlayan tek sayfalık tatlıcı sitesi.

Sütlühane için kurduğumuz tek sayfalık site; 19 ürünlük menüyü fotoğraf ve fiyatlarıyla gösteriyor, siparişi telefona ve WhatsApp’a bağlıyor. Ürün görsellerini yapay zekâ ile stüdyo fonuna taşıdık, dükkânın 3B modelini ürettik.

Ekranları incele →Brief'i oku ↓
Yükleniyor
Müşteri
Sütlühanesutluhane.ednadynamics.com
Sektör
Gıda ve tatlı üretimiŞişli ve Kurtuluş çevresi
Kapsam
Tasarım + GeliştirmeTasarım, Geliştirme, Yapay zekâ görselleri, 3B dükkân modeli
Başlangıç
Ağustos 2026Önizlemede
Çıktı
Responsive webTürkçe
02
01 - Live Mockup · Desktop

6 ekran. Tek tasarım dili.

Soldaki listeden bir sayfa seçin, sağdaki MacBook ekranında tasarımı kendiniz aşağı kaydırarak inceleyebilirsiniz. Kontrol tamamen sizde.
sutluhane.ednadynamics.com/
Ana Sayfa masaüstü ekran görüntüsü
Kaydırın · Scroll to explore
Live Previewsutluhane.ednadynamics.com/
Ana Sayfa00%
03
02 - Live Mockup · Mobile

5 ekran, cebinde.

5 mobil ekran, 360-428 px viewport'a göre tasarlandı. Ortadaki telefonun içinde kendiniz scroll edebilirsiniz; yan telefonlara tıklayıp merkeze alın.
9:41•••
Ana Sayfa mobil ekran görüntüsü
Menü mobil ekran görüntüsü
Soğuk Tatlılar mobil ekran görüntüsü
Hakkımızda mobil ekran görüntüsü
İletişim mobil ekran görüntüsü
01/05
01
01 · Brief

Mahalle tatlıcısına vitrin kurmak.

Sütlühane, İstanbul Şişli'de Kurtuluş Caddesi üzerinde sütlaç, kazandibi, keşkül gibi sütlü tatlıların yanında trileçe, ekler, profiterol ve cheesecake hazırlıyor. Siparişler telefonla alınıyor, al götür ve paket servis var.

İhtiyaç tanımı

Tatlı almaya karar veren kişi önce ne olduğuna, fiyatına ve dükkânın nerede olduğuna bakar. Elde işletmenin markasız ürün fotoğrafları vardı; bunların tek bir vitrin dilinde toplanması gerekiyordu.

Hedef
Menüyü fotoğraf ve fiyatıyla tek sayfada göstermek, siparişi telefon ve WhatsApp’a en kısa yoldan bağlamak.
Yaklaşım
Ürün fotoğraflarını yapay zekâ ile beyaz stüdyo fonuna taşıyıp dekupe ettik; dükkânı marka moruyla 3B minyatür model olarak ürettik.
Çözüm
Altı tatlıyı dönen büyük bir slayt, 19 ürünlük fiyatlı menü ve menü içinde gezilen büyük görüntüleyici, dokununca arayan telefon, hazır mesajlı WhatsApp, tıklayınca yüklenen harita ve Instagram şeridi.
Sonuç
Site sutluhane.ednadynamics.com önizleme adresinde hazır. Kendi alan adına geçiş, yasal sayfalar için işletme bilgileri tamamlanınca yapılacak.
0
Menü ürünü
3 kategoride, fiyatıyla
0
Fotoğraf
Menü, açılış ve Instagram
0
Stüdyo görseli
Yapay zekâ ile beyaz fona taşındı
0
Instagram gönderisi
Hesaptan seçilip bağlandı
02
02 · Neler kurduk

6 yapı taşı, tek site.

Şişli Kurtuluş'taki sütlü tatlıcının menüsünü fiyatlarıyla sunan, siparişi telefona ve WhatsApp'a bağlayan tek sayfalık site.
◈

Ürün slaytı

Açılışta altı tatlı büyük harfli adlarıyla dönüyor; oklar, kaydırma ya da klavyeyle geçiliyor.

⊞

Fiyatlı menü

19 ürün üç kategoride fotoğrafı, varyantı ve fiyatıyla; dört üründe üzerine gelince ikinci fotoğraf açılıyor.

◐

Menü görüntüleyici

Bir ürüne dokununca fotoğraf büyüyor, kategori sınırına takılmadan tüm menüde geziliyor.

◆

Telefon ve WhatsApp siparişi

Numaraya dokununca arama başlıyor; WhatsApp “sipariş vermek istiyorum” mesajıyla açılıyor.

◉

Harita ve saatler

Adres ve çalışma saatleri yazıyor; harita ziyaretçi isteyince yükleniyor, yol tarifi tek tıkla açılıyor.

◇

Yapay zekâ görselleri ve 3B model

Açılış görselleri yapay zekâ ile stüdyo fonuna taşındı; dükkân, marka renginde 3B minyatür model olarak üretildi.

03
03 · Yöntem ve teknoloji

Hangi yöntem, hangi araçlar?

Solda projeyi nasıl yürüttüğümüz, sağda projenin kendi bağımlılık listesinden okunan teknolojiler.
  • /01
    Keşif ve menü yapısı
    Strateji
  • /02
    Tuvalde arayüz tasarımı
    UI
  • /03
    Yapay zekâ ile görseller ve 3B model
    Görsel
  • /04
    Mobil öncelikli geliştirme
    Frontend
  • /05
    Önizleme yayını
    Yayın
  • /06
    Next.js
    Çatı
  • /07
    React
    Arayüz
  • /08
    TypeScript
    Dil
  • /09
    Tailwind CSS
    Stil
SÜTLÜHANE
Sıradaki proje sizinki olabilir

Markanız için de böyle bir site kuralım.

Sektörünüz, kataloğunuz ve müşteriniz farklı; yöntem aynı. Bize yazın, projenizi konuşalım.

WhatsApp'tan yazın →Diğer çalışmalar →