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ı
Aile fotoğrafı, “Healthy products for your little family members” başlığı ve marka logolarıyla Minikmucize ana sayfası
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.

Aile fotoğrafı, öne çıkan bir bebek arabası kartı ve altında marka logolarıyla Minikmucize masaüstü hero bölümü
Masaüstü hero: tek vaat, öne çıkan tek ürün ve kanıt olarak tanıdık markalar.
Ana sayfadaki kategori kutuları ve gün, saat, dakika, saniye geri sayımlı “Unique Offers” ürün karuseli
Görsel kategoriler ve süreli fırsatlar ana sayfayı süs olmaktan çıkarıp işe yarar kılıyor.
Mobil ana sayfa ekranları: arama ve kategorilerle hero, popüler ürünler ve geri sayımlı fırsatlar
Mobil ana sayfa ekranları: arama ve kategorilerle hero, popüler ürünler ve geri sayımlı fırsatlar
Mobil ana sayfa ekranları: arama ve kategorilerle hero, popüler ürünler ve geri sayımlı fırsatlar
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.

Kategori listesi, göğüs pompası ve emzirme yastığı gibi ürün grupları ve bebek oto koltuğu tanıtımıyla mega menü
Mega menü: tüm katalog bir hover uzağında, bir kampanyaya da yer var.
Bebek taşıyıcıları ve mobilyası için mobil kategori listesi, ürün ızgarası ve marka ile fiyat histogramlı filtre paneli
Bebek taşıyıcıları ve mobilyası için mobil kategori listesi, ürün ızgarası ve marka ile fiyat histogramlı filtre paneli
Bebek taşıyıcıları ve mobilyası için mobil kategori listesi, ürün ızgarası ve marka ile fiyat histogramlı filtre paneli
Mobilde liste sayfaları: önce filtre ve sıralama, ardından kolay taranan bir ürün ızgarası.
Önerilen, en düşük fiyat, en yüksek fiyat, çok satanlar, en çok favorilenen ve en yeni seçenekli sıralama menüsü
Ebeveynlerin gerçekten alışveriş yapma biçimine uyan sıralama seçenekleri.
Mobil kampanyalar ve fırsatlar sayfası, “Our Story” hakkımızda sayfası ve iki ürünlü karşılaştırma ekranı
Mobil kampanyalar ve fırsatlar sayfası, “Our Story” hakkımızda sayfası ve iki ürünlü karşılaştırma ekranı
Mobil kampanyalar ve fırsatlar sayfası, “Our Story” hakkımızda sayfası ve iki ürünlü karşılaştırma ekranı
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.

Galeri, puan, renk ve yaş seçenekleri, tahmini teslimat, fiyat ve sepete ekle düğmesiyle çocuk scooter'ı için masaüstü ürün sayfası
Tüm satın alma kararları tek ekranda; düğmenin hemen altında öne çıkan bir yorum.
Mobil ürün detayı: ürün görseli, fiyat ve sepete ekle ile renk ve beden seçimi, ürün özellikleri
Mobil ürün detayı: ürün görseli, fiyat ve sepete ekle ile renk ve beden seçimi, ürün özellikleri
Mobil ürün detayı: ürün görseli, fiyat ve sepete ekle ile renk ve beden seçimi, ürün özellikleri
Mobil ürün sayfası, seçenekleri ve sepet düğmesini başparmağın ulaşacağı yerde tutuyor.
Mobil ürün soru-cevapları, ortalama puan ve yıldız dağılımıyla yorum özeti ve mobil alt bilgi
Mobil ürün soru-cevapları, ortalama puan ve yıldız dağılımıyla yorum özeti ve mobil alt bilgi
Mobil ürün soru-cevapları, ortalama puan ve yıldız dağılımıyla yorum özeti ve mobil alt bilgi
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.

Dört ürün, adet kontrolleri ve kargo, indirim ve kupon bilgisini gösteren sipariş özetiyle masaüstü sepet
Sepet: ürünler solda, toplam tutar ve sonraki adım sağda.
Teslimat adresi, kart formu, 3D Secure ve sipariş özetinin yanında taksit tablosuyla ödeme seçenekleri sayfası
Tek sayfada ödeme; taksitler en baştan görünüyor.
Mobil sepet, sipariş kodu ve e-postalı “Kargom nerede?” takip formu ve durum ile fatura bilgili sipariş kartları
Mobil sepet, sipariş kodu ve e-postalı “Kargom nerede?” takip formu ve durum ile fatura bilgili sipariş kartları
Mobil sepet, sipariş kodu ve e-postalı “Kargom nerede?” takip formu ve durum ile fatura bilgili sipariş kartları
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.

Hesap yan menüsü ve değer, durum ve son kullanma tarihi gösteren hediye çeki kartlarıyla masaüstü kullanıcı paneli
Net kartlar hâlinde hediye çekleri: değer, durum ve geçerlilik bir bakışta.
Mobil hesap ekranları: hediye çekleri, havale bildirim formu ve kayıtlı adresler
Mobil hesap ekranları: hediye çekleri, havale bildirim formu ve kayıtlı adresler
Mobil hesap ekranları: hediye çekleri, havale bildirim formu ve kayıtlı adresler
Mobilde hediye çekleri, havale bildirimleri ve adresler.
Mobil tüm kategoriler menüsü, profil fotoğraflı üyelik bilgileri ve şifre değiştirme formu
Mobil tüm kategoriler menüsü, profil fotoğraflı üyelik bilgileri ve şifre değiştirme formu
Mobil tüm kategoriler menüsü, profil fotoğraflı üyelik bilgileri ve şifre değiştirme formu
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.

“Be There for Your Baby Every Step of the Way” öne çıkan yazısı, trend içerikler ve popüler yazılarla blog ana sayfası
Blog, ebeveynlerin alışverişler arasında da geri gelmesini sağlıyor.
Mobil blog ana sayfası, blog yazı detayı ve “Birth & Pregnancy” blog kategorisi
Mobil blog ana sayfası, blog yazı detayı ve “Birth & Pregnancy” blog kategorisi
Mobil blog ana sayfası, blog yazı detayı ve “Birth & Pregnancy” blog kategorisi
Mobilde blog ana sayfası, yazı ve kategori.
Arama çubuğu, konu listesi ve güvenlik, sipariş ve kargo hakkında açılır sorularla sıkça sorulan sorular sayfası
Aranabilir SSS, ebeveynlerin satın almadan önce sorduğu güvenlik sorularını cevaplıyor.
Konu sekmeli mobil SSS, e-posta, telefon ve çalışma saatleriyle iletişim sayfası ve vizyon ile misyonlu hakkımızda sayfası
Konu sekmeli mobil SSS, e-posta, telefon ve çalışma saatleriyle iletişim sayfası ve vizyon ile misyonlu hakkımızda sayfası
Konu sekmeli mobil SSS, e-posta, telefon ve çalışma saatleriyle iletişim sayfası ve vizyon ile misyonlu hakkımızda sayfası
Mobilde SSS, iletişim ve hakkımızda: gerçek bir kişiye ulaşmak kolay.
Güvenli alışveriş, ücretsiz kargo, ücretsiz iade ve taksit ikonları, bülten formu ve bağlantı sütunlarıyla mürdüm renkli alt bilgi
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.

Mavi, yeşil ve kırmızı üç durum modalı; her birinde başlık, açıklama, “Bir daha gösterme” ve iki düğme
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

Araçlar

Sosyal medya


© 2026 | Merak ve kafeinle yapıldı.

TR