Product Catalog
18 typed konsept ürün, altı kategori ve ürün detay sayfaları.
← Çalışmalara dön
KONSEPT PROJE / E-TİCARET
MIRA BLOOM
Modern çiçek mağazası için uçtan uca e-ticaret deneyimi.
MIRA BLOOM; butik perakende markalarının ürünlerini güçlü bir görsel dille sunabilmesi, ziyaretçilerin ürünleri filtreleyip kişiselleştirebilmesi ve mobilde akıcı bir alışveriş süreci yaşayabilmesi için tasarlanmış konsept bir e-ticaret projesidir.
Canlı DemoGerçek mağaza, müşteri projesi veya referansı değildir. Sipariş ve ödeme oluşturmaz.
GERÇEK DEMO EKRANI / DESKTOP
● ● ●MIRA BLOOM / Konsept Mağaza
PROJE HEDEFİ
Üründen başlayıp,
akışta devam etmek.
Bir tanıtım sayfasından farklı olarak ziyaretçi ürün keşfeder, seçeneklerini belirler ve kendi seçkisini oluşturur. Çiçeklerin ön planda olduğu editorial mağaza; ağır kart sınırları ve sahte satış iddiaları kullanmaz.
Warm cream, botanical green ve deep plum. Refined serif başlıklar, temiz fiyat ve metadata: NOVA, LUMA ve ESTATE’ten farklı bir ürün karakteri.
Warm cream#F6F1E9
Botanical green#3F5B4A
Deep plum#6A3545
Soft blush#E7D0CF
DENEYİMİN PARÇALARI
Çalışan yerel akışlar.
Search & Advanced Filters
Kategori, özel gün, çiçek türü, renk, fiyat; Türkçe arama ve sıralama.
Product Variations
Boyut, sunum, ek ürün, adet ve geçici hediye notuyla yerel fiyat hesabı.
Favorites
Bu tarayıcıya ait favoriler ve sayfalar arasında korunan seçki.
Shopping Cart
Farklı varyasyonlar, adet değişimi, kaldırma ve erişilebilir mini sepet.
Delivery Selection
Gerçek operasyon iddiası olmayan demo tarih ve saat seçimleri.
Checkout UX
Teslimat, alıcı, gönderen, not, demo ödeme ve özet: altı küçük adım.
Responsive Commerce UI
Mobil filtre drawer, kaydırılabilir galeri ve sticky sepete ekleme.
PRODUCT → OPTIONS → CART → DEMO CHECKOUT
MOBILE COMMERCE
Küçük ekranda,
daha net seçimler.
Kaydırılabilir ürün galerisi, büyük dokunma alanları, native dialog filtre ve mini sepet. Altı adımlı checkout, uzun bir formu tek ekrana sıkıştırmaz.
Favoriler ve kişisel bilgi içermeyen sepet seçenekleri localStorage’da kalır. Hediye notu ve checkout bilgileri yalnız açık oturumdadır; tamamlamada temizlenir. Kart numarası alanı, ödeme API’si veya sipariş endpoint’i yoktur.
Ürün koleksiyonunu deneGERÇEK TEKNOLOJİLER
Mevcut altyapı.
Yeni bağımlılık yok.
ReactTypeScriptVinext / ViteApp RouterCSS ModulesLocalStorageNative dialogResponsive WebPCloudflare Workers / Sites
Typed katalog ve saf fiyat/validation fonksiyonları. Sunucuda render edilen içerik; etkileşimler için MIRA’ya ait yerel state. Görseller yapay zekâ ile üretilmiş temsili konseptlerdir.
Gerçek projede backend, stok, ödeme ve yönetim entegrasyonları ayrıca planlanır. Bu demoda aktif değildir.
Canlı Demo →SİZİN İŞLETMENİZ İÇİN
İşletmeniz için benzer bir proje mi istiyorsunuz?
İhtiyaçlarınızı seçin, tahmini bütçenizi görün. Gerçek projenin kapsamını birlikte netleştirelim.
Hesap veya online kayıt gerektirmez. Görüşme alanında mevcut e-posta taslağı seçeneği kullanılabilir.