Çağatayhan Kurt'un fotoğrafıChatto
TSİ

Girişimler

Araçlar

Sosyal medya

© 2026 | Merak ve kafeinle yapıldı.

TR
Tüm işler

Minikmucize · Case study · 4 dk okuma

Minikmucize: anne ve bebek ürünleri satan bir mağaza için premium e-ticaret tasarımı

Minikmucize, Antalya merkezli, anneler ve bebekler için ürün satan bir online mağaza. Ana sayfadan ödemeye ve kullanıcı hesabına kadar yaklaşık 60 responsive sayfadan oluşan alışveriş deneyimini yeniden tasarladım: Marka premium ve zarif hissettirsin, ebeveynler de bir ürünü daha az adımda bulup güvenerek satın alabilsin diye.

Müşteri
Minikmucize
Yıl
2025
Rol
Baş tasarımcı (UX/UI)
Süre
3 Months
Sektör
E-commerce, Mother & baby, Retail
Araçlar
Figma, Miro, Creative Cloud, Loom
  • User Experience Research
  • User Interface Design
  • Design System

Bir bakışta

Sorun

Hazır bir tema, sağlık odaklı bebek ürünleri satan mağazayı sıradan gösteriyordu; alışveriş de gereğinden fazla adım sürüyordu.

Çözüm

Tek bir tasarım sistemi üzerinde yaklaşık 60 responsive sayfa: yumuşak ama premium bir renk paleti, kısalan alışveriş akışları ve her sayfada güven unsurları.

Sonuç

Her temas noktasında lüks ve zarif hissettiren, dönüşüm odaklı ve bütünlüklü bir mağaza; üç ayda teslim.

Teslim edilenler

  • ~60 responsive sayfa
  • Kullanıcı deneyimi araştırması
  • Arayüz tasarımı
  • Tasarım sistemi
  • Sepet ve ödeme akışı
  • Kullanıcı hesabı alanı
Yeniden tasarlanan Minikmucize mağazası: sakin, fotoğraf odaklı ve net biçimde premium.

Genel bakış

Minikmucize (Minik Mucize), anneler ve bebekler için ürün satan bir online mağaza; Antalya Muratpaşa'daki Minik Mucize Organizasyon Ticaret Ltd. Şti. tarafından işletiliyor. [2] Şirket, 0–24 ay bebek tekstilindeki üretim tecrübesine dayanıyor ve kendi markası Mimu Baby'ye öncelik veriyor. [1]

Stüdyom Beew üzerinden mağazanın tüm e-ticaret deneyimini 2025'te üç ayda yeniden tasarladım: ana sayfa ve ürün sayfalarından sepete, ödemeye ve kullanıcı hesabına kadar yaklaşık 60 responsive sayfa. Amaç, markayı daha premium, modern ve zarif göstermek; alışverişi de hem hızlandırmak hem de daha güven verici kılmaktı.

Sorun

Ebeveynler bebek ürünlerini dikkatle alıyor: Ödeme yapmadan önce ürünün sağlıklı ve güvenli olduğundan emin olmak istiyorlar. Mağaza ise her mağazaya benzeyen ve fazla tıklama isteyen hazır bir temayla çalışıyordu.

  • Sıradan görünüm: Tema ne premium ne de özgün hissettiriyordu.
  • Stil ve kullanılabilirlik dengesi: Marka lüks, modern ve zarif bir estetiğe ihtiyaç duyuyordu, ama bu mağazayı kullanmayı zorlaştırmamalıydı.
  • Gezinmeden ürüne, sepete ve ödemeye kadar çok fazla adım vardı.
  • Bebekler için sağlıklı ve güvenli diye sunulan ürünlerde güven unsurları zayıftı.
  • Ölçek: Yaklaşık 60 responsive sayfa ve hesap alanında tutarlı tek bir deneyim gerekiyordu.

Hedefler

  • Tüm yolculuğu yeniden tasarlamak: ana sayfa, kategori sayfaları, ürün sayfaları, sepet, ödeme ve kullanıcı hesabı.
  • Daha az tıklama ve daha net ürün keşfiyle sürtünmeyi azaltmak.
  • Yumuşak ve kendine özgü, ama yine de premium ve lüks duran bir renk paleti oluşturmak.
  • Temiz bir düzen, net bir hiyerarşi ve güven veren kalıplarla güven inşa etmek.
  • İşe katkı sağlamak: daha yüksek dönüşüm ve daha fazla satış.

Yaklaşım

1. Sadelikle gelen premium his

Bağıran bannerlar yerine mağaza; sıcak aile fotoğraflarına, bol beyaz alana ve adaçayı yeşili ile koyu mürdüm tonlarından oluşan yumuşak bir palete dayanıyor. Renk yalnızca eylemlere, fiyata, sepete ekle düğmesine, ödemeye, ayrılıyor; böylece göz her zaman bir sonraki adıma gidiyor.

2. Sepete daha az adım

Ürün kartlarında sepet düğmesi var, filtreler ve sıralama ürün listesinin hemen üstünde duruyor; ürün sayfasında renk, yaş aralığı, adet ve “Sepete ekle” tek ekrana sığıyor. Kullanıcı sayfa sayfa derine inmek yerine bulunduğu yerde işlem yapabiliyor.

3. Güveni kararın verildiği yere koy

Puanlar, yorumlar ve müşteri soruları ürün sayfasında; tahmini teslimat süresi sepetten önce görünüyor; güvenli alışveriş, ücretsiz iade ve taksit seçenekleri alt bilgide tekrar ediliyor; WhatsApp destek hattı da hep üst menüde. Ebeveynler mağazaya güvenmek için sebep aramak zorunda kalmıyor.

4. 60 sayfa için tek sistem

Bu kadar çok sayfada tutarlılık hafızaya değil, bileşenlere dayanmalıydı. Ürün kartları, filtreler, modallar, menüler ve form alanları masaüstü ve mobil için bir kez tasarlanıp her yerde yeniden kullanıldı; böylece her yeni sayfa aynı mağazanın parçası gibi hissettiriyor.

Çözüm

Ana sayfa: sıcak bir ilk izlenim

Hero bölümü bir aile fotoğrafını tek ve net bir vaatle ve öne çıkan bir ürünle buluşturuyor; hemen altında ebeveynlerin zaten tanıdığı markalar geliyor. Aşağıda görsel kategori kutuları ve geri sayımlı “Unique Offers” bölümü, tekrar gelen ziyaretçilere kaydırmak için bir sebep veriyor.

Masaüstü hero: tek vaat, öne çıkan tek ürün ve kanıt olarak tanıdık markalar.
Görsel kategoriler ve süreli fırsatlar ana sayfayı süs olmaktan çıkarıp işe yarar kılıyor.
Mobilde arama ve kategoriler en üstte; ürünler her satırda ikişer tane.

Kategoriler, filtreler ve karşılaştırma

Geniş bir katalogda keşfin hızlı olması gerekiyor. Mega menü bütün bir kategori ağacını tek seferde gösteriyor; liste sayfaları sıralama ve filtreleri (marka, histogramlı fiyat aralığı) ürünlerin hemen üstüne koyuyor; kullanıcılar ürünleri yan yana karşılaştırabiliyor.

Mega menü: tüm katalog bir hover uzağında, bir kampanyaya da yer var.
Mobilde liste sayfaları: önce filtre ve sıralama, ardından kolay taranan bir ürün ızgarası.
Ebeveynlerin gerçekten alışveriş yapma biçimine uyan sıralama seçenekleri.
Kampanyalar, marka hikâyesi ve ürün karşılaştırma; hepsi aynı görsel dilde.

Ürün sayfası: karar için gereken her şey

Ürün sayfası galeriyi solda, kararı sağda tutuyor: puan, renk, yaş aralığı, tahmini teslimat, fiyat ve “Sepete ekle”, altında da öne çıkan bir yorum. Detay isteyen ebeveynler için özellikler, teknik bilgiler, soru-cevaplar ve puan dağılımı devamında geliyor.

Tüm satın alma kararları tek ekranda; düğmenin hemen altında öne çıkan bir yorum.
Mobil ürün sayfası, seçenekleri ve sepet düğmesini başparmağın ulaşacağı yerde tutuyor.
Sorular, yorumlar ve puanlar: diğer ebeveynlerin deneyimi bir güven unsuru.

Sepet, ödeme ve sipariş takibi

Sepet her ürünü seçenekleriyle gösteriyor; yanında kargo, indirim ve kuponların net bir özeti var. Ödeme sayfası adresi, kart bilgilerini ve taksit seçeneklerini tek sayfada topluyor; siparişler de yalnızca sipariş kodu ve e-postayla takip edilebiliyor.

Sepet: ürünler solda, toplam tutar ve sonraki adım sağda.
Tek sayfada ödeme; taksitler en baştan görünüyor.
Mobilde sepet, kargo takibi ve sipariş durumu.

Kullanıcı hesabı

Hesap alanı siparişleri, favorileri, takibi, hediye çeklerini, havale bildirimlerini, adresleri, fiyat alarmlarını ve iadeleri tek bir yan menüde topluyor. Hediye çekleri değeri, kuralları ve son kullanma tarihiyle birer kart; müşteri neyi kullanabileceğini bir bakışta görüyor.

Net kartlar hâlinde hediye çekleri: değer, durum ve geçerlilik bir bakışta.
Mobilde hediye çekleri, havale bildirimleri ve adresler.
Tüm kategoriler ve hesap ayarları; aynı form bileşenleriyle kuruldu.

Blog, SSS ve marka sayfaları

Hamilelikten ilk yıllara uzanan bir ebeveynlik blogu, mağazaya alışverişler arasında da içerik sunuyor. Konulara ayrılmış, aranabilir SSS; güvenlik, sipariş ve iade sorularını cevaplıyor. İletişim, hakkımızda ve alt bilgi alanları da mağazanın vaatlerini tekrarlıyor: güvenli alışveriş, ücretsiz kargo, ücretsiz iade ve taksit.

Blog, ebeveynlerin alışverişler arasında da geri gelmesini sağlıyor.
Mobilde blog ana sayfası, yazı ve kategori.
Aranabilir SSS, ebeveynlerin satın almadan önce sorduğu güvenlik sorularını cevaplıyor.
Mobilde SSS, iletişim ve hakkımızda: gerçek bir kişiye ulaşmak kolay.
Alt bilgi, ebeveynler için en önemli dört vaadi tekrarlıyor.

Tasarım sistemi

Sayfaların arkasında bir bileşen kütüphanesi var: düğmeler, form alanları, kartlar, menüler ve bilgi, başarı ve hata durumları için modallar; hepsi aynı palet ve boşluk düzeninde. Bu kütüphane 60 sayfayı tutarlı tutuyor ve yeni sayfaların daha hızlı üretilmesini sağlıyor.

Durum modalları: tek bileşen, üç durum; tüm mağazada kullanılıyor.

Sonuçlar

  • Bütünlüklü ve ölçeklenebilir bir arayüz sistemi üzerinde yaklaşık 60 responsive sayfa tasarımı.
  • Her temas noktasına yayılan, daha premium, lüks ve zarif, bir marka hissi.
  • Daha hızlı karar ve daha az adım için sadeleştirilmiş alışveriş akışları.
  • Daha temiz bir yapı ve tutarlı arayüz kalıplarıyla güçlenen güven algısı.
  • Şirketin büyüme hedefleriyle uyumlu, dönüşüm odaklı bir e-ticaret deneyimi.

Çıkarımlar

  • Premium his sadelikten gelir: daha az renk, daha çok boşluk, daha iyi fotoğraf.
  • Bebek ürünlerinde güven bir ekstra değil, ürün sayfasının parçasıdır.
  • Ürünle ödeme arasında kaldırılan her tıklama önemlidir.
  • 60 sayfada tutarlı kalmanın tek yolu bir tasarım sistemidir.

Sık sorulan sorular

Minikmucize nedir?

Minikmucize (Minik Mucize), Antalya Muratpaşa merkezli, anneler ve bebekler için bir online mağaza. 0–24 ay bebek tekstilindeki kendi üretim tecrübesinden yola çıkıyor ve ürün yelpazesinin merkezine kendi markası Mimu Baby'yi koyuyor.

Minikmucize için ne tasarladın?

E-ticaret deneyiminin tamamını: ana sayfa, mega menü, kategori ve filtre sayfaları, ürün detayı, karşılaştırma, sepet, ödeme, sipariş takibi, kullanıcı hesabı, blog, SSS, iletişim ve hakkımızda sayfalarını kapsayan, tek bir tasarım sistemi üzerine kurulu yaklaşık 60 responsive sayfa.

Proje ne kadar sürdü?

2025'te yaklaşık üç ay; kullanıcı deneyimi araştırması ve yapıdan son masaüstü ve mobil tasarımlara ve tasarım sistemine kadar.

Ebeveynlerin güvendiği bir bebek ürünleri mağazası nasıl tasarlanır?

Düzeni sakin, hiyerarşiyi net tut ve güven veren bilgileri kararın verildiği yere koy: ürün sayfasında yorumlar ve sorular, sepetten önce tahmini teslimat süresi, gözden kaçmayan güvenli ödeme, ücretsiz iade ve destek kanalları. Sonra ürünü bulmakla ödemek arasındaki her gereksiz adımı kaldır.

Benim şirketim için bir e-ticaret sitesi ya da ürün tasarlayabilir misin?

Evet. E-ticaret markalarının yanı sıra AI, SaaS, fintech ve Web3 ekipleriyle web sitesi, ürün arayüzü ve tasarım sistemi üzerinde çalışıyorum. İletişim sayfasından bir görüşme ayarla ya da mesaj gönder.

Kaynaklar

  1. [1] Minik Mucize, Hakkımızda (about us)
  2. [2] Minik Mucize, İletişim (contact)
  3. [3] Minik Mucize, official website

Tasarlanacak bir ürünün mü var?

Ekiplerin karmaşık ürünlerini saniyeler içinde anlaşılan web sitelerine ve arayüzlere dönüştürüyorum. Bana ürününü anlat.

Sıradaki proje

Crypto App

Projeyi incele
Crypto App