E-Ticaret Web Sitesi Tasarımı: 10 İlginç Örnek
E-ticaret tasarımı, en yaygın ve bazen de göz ardı edilen tasarım projelerinden biridir. Bir web sitesinde "şimdi satın al" ı ne sıklıkta tıkladığınızı düşünün.
Ama onu işe yaratan nedir? E-ticaret tasarımında son derece önemli olan kullanıcı deneyimi ve satın alma akışıdır, ancak giderek daha fazla site de harika tasarım şemaları geliştirmeye başlamaktadır. Burada, iyi çalışan on e-ticaret sitesine bakacağız ve aynı zamanda harika görüneceğiz.
Tasarım Kaynaklarını Keşfedin
aynen
Ditto açılış sayfası, benzersiz bir web deneyimi için dev bir görüntü ve paralaks kaydırma özelliğine sahiptir. Alışveriş sayfalarını bulmak kolaydır ve ürün gözlüklerini sergileyen minimal tarzda temiz görüntüler sunar. Her öğe açıkça görülebilir ve fiyatlandırılır. Arama yeteneği kolaylıkla çalışır ve bu site eğlenceli bir ek bonus sunar: bir fotoğraf gönderin ve gözlükleri neredeyse “deneyin”.
Tasarımcılar için ders: E-ticaret tasarımı, paralaks kaydırma veya diğer eğlenceli teknolojiler gibi modaya uygun kullanıcı arayüzü efektlerini basit yollarla içerebilir.
NERONOTE
İlk bakışta, Neronote'un renk düzeninden görüntülerin klasik hissine kadar birinci sınıf bir hizmet veya ürüne sahip olduğunu hissedersiniz. Site, basit gezinme ve satın alma kolaylığı ile bu premium hissi ile de çalışır. Özel bir İtalyan gömleği oluşturmak için siteyi kullanırken kumaştan renge kadar her şeyi seçebilirsiniz. Ek bonus: Her resim, gördüğünüz öğeyi ayrıntılı olarak açıklayan fareyle üzerine gelir.
Tasarımcılar için ders: Sitenizin görünümünü, sattığınız ürünle eşleştirin. Birinci sınıf ürünlere sahip bir sitenin üst raf hissi ve sunumu olmalıdır.
Cam Masalar Çevrimiçi
Bu masa evime nasıl görünürdü? Herhangi bir tüketicinin yeni bir mobilyaya bakarken sorduğu soru budur. Glass Tables Online, bu soruyu gerçek ortamlarda tablo çizgilerini göstererek cevaplayabilir. Buna ek olarak, arayüz inanılmaz derecede basittir ve düz bir tasarım stili ve “Sepete Ekle” yi tıklatmanızı sağlayan yüksek bir renge sahiptir.
Tasarımcılar için ders: Basit tasarımla eşleştirilen harika fotoğraflar, herhangi bir ürünü sergilemek için iyi bir yoldur.
47 Marka
Trend misin? Havalı kalabalığa asılı mısın? 47 Marka, her ikisini de ürünlerini “kalabalığın” parçasıymış gibi hissettirecek şekilde sergileyen geniş kaydırma görüntüleri ile güzel bir şekilde oynatıyor. Açılış sayfası, sosyal medyayı entegre etmek için harika bir iş çıkarıyor, bu da sizi ürün serisinin bir parçası gibi hissettiren başka bir parça. Alışveriş deneyimi aynı derecede eğlencelidir. Öğeler, mevcut boyutları ve bilgileri gösteren fareyle üzerine gelme efektleriyle ızgara tarzı bir düzende açıkça öne çıkarılmıştır. Ürün listesinden ayrılmadan tek tıklamayla sipariş verme.
Tasarımcılar için ders: Sosyal entegrasyon, tüketicilerin markanın bir parçası gibi hissetmelerine yardımcı olarak belirli bir şirketten veya web sitesinden satın almak istemelerine yardımcı olabilir.
Kendi Bisikletim
İnşa et, satın al. Kendi Bisikletim, özel bir bisiklet oluşturmanıza ve çeşitli giyim ve aksesuar seçenekleriyle marka sevgisini paylaşmanıza olanak tanır. Yapım süreci basittir, bir özellik ekleyin ve sanal bir bisiklet üzerinde oluşturulduğunu görün. (Ayrıca fiyat otomatik olarak değişir, böylece daha sonra şaşırmazsınız.) Bu, en kullanıcı dostu özel yapım sitelerinden biridir ve tasarım basit ve ilgi çekicidir.
Tasarımcılar için ders: Güçlü kullanıcı arayüzü araçları ve seçenekleriyle eşleştirilmiş basit bir tasarım güçlü bir kombinasyondur.
Sıska bağları
Duyarlı e-ticaret tasarımı yeni en iyi uygulamadır. Bir sitenin işlevselliğine erişemediğinde veya doğrudan bir mobil cihazdan satın alamadığında kaç potansiyel müşteri kaybedilir? Skinny Kravatlar sadece bakmak kolay değil, aynı zamanda her boyutta güzel görüntülenen kart tarzı bir tasarıma sahip çeşitli cihazlarda çalışır. Minimal stil, her ürünü daha küçük boyutlarda görmeyi kolaylaştırır ve fiyatlar ve stiller net bir şekilde etiketlenir.
Tasarımcılar için ders: Duyarlı tasarım, çevrimiçi satışlar için hayati bir araç haline geliyor.
Nuts.com
Nuts.com eğlenceli. Renk seçeneklerinden, çeşitli sayfalardaki küçük “konuşan” somunlara kadar, kullanıcılar satışları ve hikayeleri birleştiren tasarımla uğraşmak isteyeceklerdir. Ek bir avantaj olarak, açılış sayfasındaki hemen hemen her açıklayıcı kelime, bu ürüne bir bağlantıdır. Ayrıca site, küçük liste görünümünde ve her öğe için genişletilmiş daha fazla bilgi görünümü olarak sepete eklemek için birden fazla seçenek sunar, aradıklarını bilen müşteriler veya sadece göz atan müşteriler için mükemmeldir.
Tasarımcılar için ders: Tıklamalar için, özellikle satışa neden olabilecek tıklamalar için birden fazla fırsat sunun.
Jenier Çaylar Dünyası
Çay deyince aklınıza ne geliyor? Çayı genellikle yatıştırıcı ve sakinleştirici özelliklerle ilişkilendiririm. Jenier World of Teas sitesi bu fikri renk - blues - ve basit, mutlu görüntüler ve tipografi ile birleştiriyor. Çay görüntüleri kolay bir satış noktası olmadığı için bu özellikle bu ürün grubu için iyi çalışır. Sıralama seçenekleri güzel, alışveriş yapanların lezzete, istenen etkiye veya paket boyutuna göre çay bulmasına izin veriyor.
Tasarımcılar için ders: Renk, görüntü ve tipografi gibi tasarım araçlarını kullanarak resimlerle satılması daha zor ürünler hakkında belirgin bir vibe ve görsel ilişki oluşturun.
Giyim ve Konfeksiyon
Inkefx sitesindeki her resim, bir ürün satın almak veya ürün hakkında daha fazla bilgi edinmek için bir bağlantı içerir. Görüntüler süper net ve temiz olmakla kalmaz, düğmeler ve çevresindeki metinler sizi farklı bir kontrast oluşturan bir stilde oluşturulur ve sizi onlara çeker. Bir kez sen-ebilmek tıklamak açıklamaları güzel ve kolay anlaşılır. Boyutlandırma bilgileri özellikle güzeldir, öğenin boyutunu ve onu giyen modelin boyutunu not eder. Örneğin: “Model BÜYÜK giyiyor. 6'0 '/ 165 pound. ”
Tasarımcılar için ders: Her resim bir kullanıcıyı alıcıya dönüştürmek için bir fırsattır. Güçlü metin ve “pop” düğmeleri, bir üründen istenen harekete geçirici ifadeye dikkat çekebilir.
Beyaz Saray | Kara borsa
"Televizyonda görüldüğü gibi." “Glamour dergisinde görüldüğü gibi.” Bu kıyafetleri giymek seni moda yapacak. Kadın perakendecisi Beyaz Saray | Black Market, giyim hattının web sitesinde ne kadar popüler olduğunu bildirmek, televizyon reklamlarında (siteden izleyebileceğiniz) veya dergilerde yer alan öğeleri sergilemek, başka bir yerde gördüğünüz kıyafetleri satın almayı kolaylaştırmak ve aranan.
Açılış sayfası ayrıca ilginç kaydırma ve fareyle üzerine gelme efektleriyle eğlenceli bir kullanıcı arayüzü sunar. Öğe galerisine tıklayın ve minimal stil öğeleri mükemmel bir şekilde vurgular, fiyatlandırmayı gösterir ve birçok sıralama seçeneği içerir.
Tasarımcılar için ders: Öğeleri satmanıza yardımcı olması için aynı görüntüleri ve vurgulama sözlerini ve övgüleri kullanın.
Sonuç
E-ticaretin nihai hedefi tasarımdır, bir tıklamayı satışa dönüştürmektir. Büyük fonksiyon ve tasarım oraya ulaşmanın bir yoludur.
Şık kullanıcı arayüzü araçlarından, renk ve tür seçimlerini görmezden gelmek ya da cesur olmak imkansız görüntülere kadar, fantastik tasarım, geçmişte öncelikle arayüz ve etkileşim araçlarına odaklanmış olabilecek satış siteleriyle hızla dikkate alınmaktadır.
Bir site modaya uygun görünebilir ve satışları teşvik edebilir. Başka hangi harika e-ticaret sitelerini ziyaret ettiniz? Onları yorumlarda paylaşın.
