E-ticaret · 2026

Kahve Durağı

Sepetten fincana, uçtan uca.

Çekirdek kahve, Türk kahvesi ve demleme ekipmanı satan bir mağaza. iyzico ile 3D Secure ödeme, Resend ile sipariş e-postaları ve siparişleri yöneten bir panel birlikte çalışır.

Rol
Marka, arayüz, ödeme akışı, panel ve entegrasyonlar
Kimler için
Kahve meraklıları ve mağaza ekibi
Platform
Web · masaüstü ve telefon
Altyapı
Next.js, Prisma, iyzico, Resend
kahveduragi.com
Kahve Durağı ana sayfası: 'Her fincanda bir mola' başlığı ve kahve fotoğrafları
Telefonda ürün sayfası
Problem

Satmak kolay, güvenle satmak zor.

Küçük bir kahve markasının ürünlerini güvenle satması; ödeme, stok, kargo ve sipariş e-postalarının birlikte çalışması.

Sık yaşanan
  • Ödeme havaleyle alınıyor, sipariş mesajlarla takip ediliyor
  • Stok elle sayılıyor, biten ürün satılabiliyor
  • Müşteri siparişinin nerede olduğunu soruyor
  • Ödeme hata verince sepet kayboluyor, müşteri vazgeçiyor
Kahve Durağı ile
  • Kartla 3D Secure ödeme, iyzico altyapısıyla
  • Stok her siparişte düşüyor, son ürün ve tükendi uyarısı
  • Sipariş takip sayfası ve her durumda e-posta
  • Başarısız ödemede sipariş saklanıyor, tekrar denemek tek tık
Nasıl çalışır

Bir siparişin yolculuğu, 8 adım.

Ekranlar uygulamanın kendisinden; örnek verilerle.

  1. 01

    Sıcak bir vitrin.

    Renkli bloklar, gerçek ürün fotoğrafları ve yüzen menü. Tat profiline göre kahve önerisi ve demleme rehberi ana sayfada.

    kahveduragi.com
    Ana sayfa
  2. 02

    Kategori ve ürün.

    Ürün sayfasında stok, kargo süresi, demleme notu ve güvenli ödeme bilgisi; satın alma düğmesi her zaman görünür.

    kahveduragi.com
    Ürün sayfası
  3. 03

    Sepet yanda açılır.

    Ürün eklenince sayfadan çıkmadan yan çekmece açılır; ücretsiz kargoya kalan tutar bir çubukla gösterilir.

    kahveduragi.com
    Sepet çekmecesi ve ücretsiz kargo çubuğu
  4. 04

    Kısa bir ödeme formu.

    İletişim, il ve ilçe seçimli adres, ön bilgilendirme ve mesafeli satış onayı. Sağda sipariş özeti.

    kahveduragi.com
    Ödeme formu
  5. 05

    3D Secure doğrulama.

    Kart bilgisi iyzico'nun ödeme sayfasında girilir; banka SMS koduyla doğrular. Ekrandaki test modu gerçek kart çekmez.

    kahveduragi.com
    3D Secure SMS doğrulaması (test modu)
  6. 06

    Sipariş alındı.

    Sipariş numarası, durum çubuğu (hazırlanıyor, kargoda, teslim edildi) ve gönderilen onay e-postası.

    kahveduragi.com
    Sipariş alındı sayfası
  7. 07

    Panelde her sipariş.

    Ödeme bekleyen, fraud incelemesindeki, stok eksiği olan ve e-postası gönderilemeyen siparişler ayrı filtrelerde.

    kahveduragi.com
    Panel: siparişler listesi
  8. 08

    Siparişin tüm izi.

    Ödeme denemeleri, fraud durumu, zaman çizelgesi ve gönderilen e-postalar; bir e-posta tek tıkla yeniden gönderilir.

    kahveduragi.com
    Panel: sipariş detayı
Ekranlar

E-posta, sepet ve ürün yönetimi.

Mağazanın arka tarafı da ön yüzü kadar özenli.

Telefonda

Alışverişin çoğu telefonda.

Menü ve sepet başparmak altında, ürün fotoğrafları ekranı doldurur, sepete ekleme düğmesi her zaman görünür.

Telefonda ana sayfa
Telefonda ürün sayfası
Telefonda kategori
Tasarım kararları

Neden böyle?

  1. 01

    Gerçek fotoğraf

    Satılan ürünlerde çizim yok; lisansı serbest gerçek kahve fotoğrafları kullanıldı.

  2. 02

    Hata dili insanca

    Ödeme reddedilirse kartın çekilmediği ve anlaşılır nedeni söylenir; sipariş saklanır, tek tıkla yeniden denenir.

  3. 03

    Renkli ama sıcak

    Espresso, bakır ve yaprak yeşili bloklar; serif başlıklar ve hareketli geçişler markaya kahvehane sıcaklığı verir.

  4. 04

    Panel sorunu öne çıkarır

    Sipariş listesinin üstünde bekleyen, incelemedeki ve gönderilemeyen kayıtların sayısı; müdahale gereken sipariş kaybolmaz.

    kahveduragi.com
    Sipariş listesi üstündeki uyarı kartları
AltyapıNext.jsPrismaSQLiteiyzicoResendGSAP
Canlı demo

Şimdi siz deneyin.

Tıklanabilir küçük bir sürüm; hiçbir yere kayıt göndermez.

Damak zevkin hangisi?

Bir tat seç, sana uygun kahveyi gösterelim.

Her fincanda bir mola.

Tüm ürünler

WhatsApp