Teknoloji E-ticaret · 2026
Cep Dünyası
Teknoloji satışını, ödemeyi ve satış sonrası desteği tek platformda birleştirdik.
Next.js 16ReactTypeScriptMongoDBCloudflare 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.
Görüntüleniyor
Cep Dünyası
Teknoloji satışını, ödemeyi ve satış sonrası desteği tek platformda birleştirdik.
Sıradaki proje
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.
Yeme-İçme / Özel Kahve · 2026
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ışı
Cep Dünyası; ürün keşfinden ödemeye, müşteri hesabından teknik servis ve iadeye uzanan perakende akışlarını özel yönetim paneliyle aynı sistemde buluşturan kapsamlı bir teknoloji e-ticaret platformudur.
Amaç
Teknoloji satışını, ödemeyi ve satış sonrası desteği tek platformda birleştirdik.
Problem
Varyantlı ürün kataloğu, çift ödeme sağlayıcısı, teknik servis ve satış sonrası süreçlerin birbirinden kopmadan yönetilmesi gerekiyordu.
Çözüm
Mağaza vitrini, sepet ve checkout, müşteri hesabı, teknik servis talepleri ve rol bazlı yönetim panelini ortak bir Next.js ve MongoDB mimarisinde topladık.
Sonuç
2 sağlayıcı Ödeme · Responsive Deneyim · Rol bazlı Yönetim
02 · WireframeÖnce iskelet.
Önce iskelet.
Sonra duygu.
Her ekran, dekorasyondan önce net bir görevi yerine getiriyor.
- 01
Bilgi Mimarisi
Kategori, arama ve ürün keşif yollarını teknoloji alışverişi davranışına göre katmanladık.
- 02
Low-Fi
Varyant, stok, kupon ve taksit bilgisini anlaşılır bir satın alma akışında birleştirdik.
- 03
Prototip
Sepet, checkout ve ödeme adımlarını Iyzico, Paynkolay ve alternatif ödeme senaryolarına göre kurguladık.
- 04
Onay
Teknik servis, iade, yorum ve hesap akışlarını satış sonrası deneyimin devamı olarak tasarladı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.
Kategori odaklı teknoloji vitrini
Varyant ve stok bilgili ürün detayları
Mobil uyumlu sepet ve hesap deneyimi
Tutarlı koyu tema ve erişilebilir aksiyonlar
04 · TeknolojiGüzel görünen.
Güzel görünen.
Sağlam çalışan.
Hareketin altında hız.
Next.js 16 App RouterReactTypeScriptTailwind CSSFramer Motion
SSR ve akıllı önbellekleme
Erişilebilir motion sistemi
Core Web Vitals odağı
Görünmeyen omurga.
MongoDBMongooseNext.js Route HandlersTanStack React QueryZod
Tip güvenli API katmanı
İzlenebilir event mimarisi
Ölçeklenebilir veri modeli
05 · Admin PanelKontrol,
Kontrol,
tek bakışta.
Ürün, varyant ve stok yönetimi
Ekiplerin günlük işlerini daha az tıklama, daha açık geri bildirimle tamamladığı operasyon katmanı.
Sipariş, ödeme ve teknik servis takibi
Ekiplerin günlük işlerini daha az tıklama, daha açık geri bildirimle tamamladığı operasyon katmanı.
Kampanya, banner ve popup yönetimi
Ekiplerin günlük işlerini daha az tıklama, daha açık geri bildirimle tamamladığı operasyon katmanı.
Rol, yetki, rapor ve audit logları
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ı.
Teknoloji vitrini ve ana sayfa deneyimi
Filtrelenebilir ürün kataloğu
Telefon kategorisi ve ürün karşılaştırma
Varyant, stok ve ödeme bilgili ürün detayı
Teknik servis talep deneyimi
Sepet ve sipariş özeti
Kampanya ve güven odaklı ana sayfa bölümleri
Mobil ana sayfa
Mobil ürün kataloğu
Mobil ürün detayı