Ecza Vitrini

Ecza Vitrini; dermokozmetik, cilt ve saç bakımı, vitamin ve gıda takviyesi gibi alanlarda iki binden fazla ürün sunan bir çevrim içi eczanedir. Ürün yelpazesi geniş, kategori yapısı ise derin bir düzen sergiler.

Bu ölçekteki bir mağazada iki nokta belirginleşiyordu: Müşterinin aradığı ürünü saniyeler içinde bulması ve onlarca görsel ve filtre aracına rağmen sitenin telefonda hızlı bir şekilde açılması ve kullanılması. Hazır bir tema bu iki ihtiyacı aynı anda karşılamayacağı için mağazanın baştan bu gereksinimlere göre kurulması gerekiyordu.

Mağazayı hazır tema kullanmadan WooCommerce ve Elementor ile sıfırdan geliştirdim. WooCommerce, WordPress'e mağaza özelliği kazandıran eklentidir. Elementor'un yetmediği her yerde özel kod yazdım.

• Canlı arama: Arama kutusu, yazarken ürünleri anında listeliyor. Ürün adının yanı sıra stok kodu ve barkodla da arama yapılabiliyor.
• Filtreleme: Kategori sayfalarına kategori, marka ve fiyat filtreleriyle sıralama ekledim. Filtrelerde en çok ürünü olan seçenekler en üstte görünüyor.
• Mobil deneyim: Telefonda alt gezinme çubuğu, açılır kategori menüsü ve ürünü sepete ekleyince alttan açılan bir panel tasarladım.
• Satışı artıran öneriler: Sepete eklenen ürünle birlikte kullanılabilecek ürünleri öneren "Bunlarla İyi Gider" alanını ve sepetteki ürünlere göre öneri yapan bir öneri sistemi kurdum. Ürünlere tamamlayıcı ve alternatif ürün eşleştirmelerini toplu olarak tanımladım.
• Favoriler: Eklentiye bağlı kalmadan, temaya özel bir favori listesi geliştirdim.
• Hız optimizasyonu: Her sayfa için yalnızca gereken stil kodunu önce yükleyen bir yapı, ürün kartları çok hızlı çalışan önbellek sistemi kurdum. Bu önbellek, sayfaların hazır bir kopyasının saklanıp ziyaretçiye hızlıca sunulmasıdır.

Mobil PageSpeed puanı optimizasyon 96'ya kadar çıktı. (PageSpeed Insights, Google'ın bir sayfanın hızını ve teknik sağlığını ölçen ücretsiz aracıdır.)

Ecza Vitrini artık iki binden fazla ürünü, telefonda hızlı açılan, aranan ürünün kolayca bulunduğu ve müşteriyi doğal biçimde tamamlayıcı ürünlere yönlendiren bir mağazada sunuyor.