Satışları artırmak için e -ticaret sitesinin ilk sayfasını tasarlamanın 5 yolu
E -ticaret siteleri için bir ürün sayfası ve ödeme hunileri nasıl tasarlayacağınızı biliyorsunuz. Ama gerçekten dönüşümü artıracak ve satışları artırmaya yardımcı olacak bir site tasarlıyor musunuz? Bugün, müşterinin yolculuğunun ikinci yarısından uzak durmak ve ziyaretlerinin ilk bölümüne odaklanmak istiyorum. Bu yazıda, satışları artırmak için e -ticaret sitesinin ilk sayfasını tasarlamanın beş yolu hakkında tartışacağım. E -ticaret sitenizi oluşturmadıysanız, WordPress ile bir e -ticaret mağazası planlamak için tam kılavuzumuzu okuduğunuzdan emin olun. Daha az doğrudan satış hedeflerine hizmet veren daha küçük web siteleriyle satışları artırmak için e -ticaret sitenizin ilk sayfasını nasıl tasarlar, dönüşümü artırmak için formüller genellikle oldukça basittir: hedefiniz, ziyaretçilerin ihtiyaçlarını çekmek ve müşterileri veya müşterileri almaktır. Daha az navigasyon katmanına sahip oldukları ve genellikle sadece bir davetiye dikkate alınması gereken eylemler olduğu için, ziyaretçileri giriş noktalarından dönüştürmeye getiren net bir yol tasarlamak kolaydır.
Ancak e -ticaret sitesi ile bu karmaşık olabilir. Envanter çok geniş olabilir ve hedef kitle değişir … bu, ziyaretçilerin o kadar kolay değil dönüştürülmesini sağlamak anlamına gelir. En iyi seçeneğiniz, kullanıcının yolculuğunun her bölümünü ayrı ayrı ele almanız için bir e -ticaret sitesi sistematik olarak tasarlamaktır. Örneğin, dönüşümü artırmak için e -ticaret ürün sayfalarının nasıl tasarlanacağını biliyorsunuz. Ayrıca e -ticaret işlemlerini hızlı ve güvenli bir şekilde ele almak için hangi ödeme ağ geçidinin en iyi olduğunu da biliyorsunuz. Bunu düşünürseniz, e -ticaret siteleri genellikle geleneksel iş web siteleriyle aynı deseni takip etmez. Marka mesajlarını çerçevelemek için büyük kahramanların resimlerine ve bol beyaz alana bağlı değiller. E-Niaga sitesi ürün veya hizmet envanteri satmaya odaklanmaktadır, bu nedenle tasarım ilginç kelimelere ve daha fazlası ilginç görsellere çok bağlı değildir. Aşağıda, e-ticaret sitesinin ilk sayfasını daha etkili bir şekilde tasarlamak için 5 ipucunu böldüm ve Sonuç, satışların artması. 1. Önerme değerini gösterin (Söyleme) Genellikle, bir değer teklifi ana sayfadaki kahraman resminin üstünde olan kısa bir ifadedir. Genellikle, açıklayıcı başlık, bir veya iki cümle ve güçlü bir CTA düğmesi, ziyaretçilere iletişim kurmak için gereken her şeydir “Bu, yaptığımız ve bizden ne alacağınızdır”. Bu QuickSprout Infographic’in görüntüleri, iyi düzenlenmiş değerlerin teklifinde genellikle bulduğunuz öğeleri gösterir:
Değer önermeleri hakkında QuickSprout Infographics görüntüleri.
Başlık başlığı, çeşitli izleme hatlarını içeren bir dönen afiştir. Dahili ürün sayfaları, kaplama metni olmadan aynı şeyi yapar (bu, tutarlı bir web tasarımı işaretidir): İzlemeden kelimeler olmadan bir değer önerisinin başka bir örneği.
Kafa sayfası başlığında, görünen tek metin “Oroloji” (İzle) ve “Cinturini” (şerit). Kullanıcılar imleci istediklerine yönlendirir ve “kadınlar”, “erkekler” veya mevsim seçimi verilir (çünkü bir yıl içinde zamanı takip etmek için saatler tasarlarlar). Açıkçası, saatlerinin ve bileziklerinin bir açıklaması ile ürün hattının keskin görsellerini rahatsız etmesi gerekmez. Resimler kendiniz konuşur. Önerileri net olan e -ticaret siteleri için bunu, mesajınızı ziyaretçilere biraz ve hatta hiç kelime olmadan iletme ilhamı olarak kullanın. 2. Birçok web sitesi ile başlığa bir kısayol ekleyin, WPMU Dev’in yaptığı gibi doğrudan basit bir başlık ve navigasyon tasarlamak istiyorsanız mantıklıdır:
WPMU dev çok basit bir navigasyon bıçağı vardır.
Bunu yaparak, ziyaretçiler, değer önermelerini ve ana sayfanın diğer bölümlerini öğrenmek için aşağı kaydırmadan önce sitede ne tür bilgileri bulacaklarını hızlı bir şekilde öğrenebilirler. E -ticaret ile üst bıçakları kendi tarayıcı yer işareti bıçaklarımı gördüğüm gibi görüyorum. Chrome’a her girdiğimde yapmak istediğim bazı şeyler var. Kazmak için zamandan tasarruf etmek için, normalde yer işareti çubuğunda depolanan, her biri iyi etiketlenmiş kullandığım tüm sayfalar var ve mantıklı bir şekilde ayarladım. E-ticaret navigasyonu gibi yer imi-eylemlerimizi kolaylaştırmayı amaçlıyordu.
Ayrıca, işimi veya diğer yazma işlerimi incelemek için iyi bir hatırlatma olarak işlev görürler, çünkü görsel hatırlatmalar her zaman oradadır.
E -ticaret başlık bıçakları ziyaretçiler için de aynısını yapmalıdır. Bu siteyle hedefiniz, şirketiniz hakkında bilgi edinmek değil, daha fazla bilgi için iletişim formlarını doldurmak değil, hızlı işlem yapmalarına izin vermektir. Bu, yapmak istediğiniz tüm işlemlere çubukta kolayca erişilmesi gerektiği anlamına gelir. Örneğin, Nordstrom web sitesini ele alalım: Nordstrom navigasyon başlığı, müşterilerinin ihtiyaç duyduğu tüm kısayolları içerir.
Tabii ki, ön ve ortada iyi organize edilmiş navigasyon bıçakları vardır. Burada hiçbir şey çok basitleştirilmiyor. Birisi bir kadın çantası, çocuk battaniyeleri, makyaj, erkek ayakkabıları veya izin eşyaları bulmak istiyorsa, tahmin etmeye gerek yok. Baymard Enstitüsü Araştırmaları tarafından gösterildiği gibi:
“… Ev navigasyon ve kategorilerindeki büyük ölçekli kullanımlarımızı test etmek, ürün kategorilerini doğrudan ana site gezintisinde göstermediğini göstermektedir. Nordstrom başlığında bulunan ek unsurlar da vardır: Arama çubuğu
Portal’a girin
Alışveriş Sepeti
Bu unsurların her biri her zaman sitede, ziyaretçileri kısayollar almayı ve doğrudan işe gitmeyi işaret ediyor. E -ticaret sitesindeki satışları artırmayı umuyorsanız, ziyaretçilerinize yolculuğa ulaşmaları için hızlı bir şekilde verin.
3. Resminize başlamak için çok fazla sevgi verin, sadece e -ticaret web sitesinde özel fotoğrafçılık ve videografi kullanabilirsiniz. Müşteriler, mallarınızı doğrudan görmek için lükslere sahip değiller, bu nedenle onlara verebileceğiniz daha fazla görsel, açı, varyasyon ve bağlam daha iyi. Ve her zamanki gibi, sitenize yayınlanmadan önce görüntülerin tamamen optimize edildiğinden emin olun. Bu, her görüntünün retina için hazır olmasını içermelidir. Ancak, özel fotoğrafçılık ve sıkıştırılmış görüntü dosyaları sadece başlangıçtır. E-Niaga görüntüsünün ziyaretçiler üzerinde hemen büyük bir etkisi olmalıdır.
Bunu yapmak için küçük bir deney gereklidir. Bir web sitesi için işe yarayan şey, diğer web siteleri için her zaman başarılı olmayacaktır, bu nedenle renk, miktar, varyasyon, metin yerleştirme vb. Bunların çoğu resminizdeki içeriğe boşalır, ancak aynı zamanda oluşturduğunuz mağaza türüne de bağlıdır. Bazı örneklere bakalım. Gatch, kullanıcılar için basit organizasyonel çözümler sunan bir web sitesidir. Bu, “harcama” sürecinin, bir dizi ürünü dikkatlice okumak yerine kuruluşun kendi çözümlerinin ayarlanmasından daha fazlası olduğu anlamına gelir. Bu nedenle, web sitesi satılık birçok ürünle karşılanmaz.
Gold, ürünlerinin kullanımını sergilemek için güçlü bir tek görüntü kullanır. Bu, toplama sistemini kullanarak müşterinin kendisi tarafından yapılabilecek çeşitli modelleri göstermek için yukarıdaki gibi tam geniş görüntüler kullanır.
Sonra, deri bakım çözüm sağlayıcısı Lanbelle örneğini ele alalım.
Lanbelle Home ürünlerinin görüntüsü sofistike. Marka imajı en iyi sonuç müşterilerini vermekle aynı olduğundan, görüntünün temizlik, sofistike ve zevk izlenimi vermesi gerekir.Böylece, her görüntü mükemmel ve iyi çerçeveli hedeflenir.Ve elbette, Amazon gibi büyük pazarlara bakmalıyız.Bu günlerde Amazon karışık bir üründür, böylece müşterilerin ana sayfada veya arama sonuçlarında görüntülerin görüntülenmesi için gerçekten umutları olamazlar.
Amazon, tüm bu ürünleri organize bir şekilde etkili bir şekilde birleştiremeyecek kadar büyük bir pazardır.
Bununla birlikte, Amazon sadece yüksek kaliteli görselleri göstererek nispeten iyi bir iş çıkardı. Organizasyonel, biraz dağınık. Bu çok ünlü ve güvenilir bir marka olduğundan, bu marka aşırı görüntülerden kaçabilir. Kendi amacınız için, Amazon ziyaretçileri daha fazla müşteriye çok iyi değiştirse de, bu hack’lerin düzeni ve aşırı ürün ve reklamlarla e -ticaret mağazaları tasarlamamayı şiddetle tavsiye ederim. Resim, markanızı müşterilere göndermek istediğiniz mesajı iletmelidir; Sadece mağazadan satın alınan ürün sayısının potansiyelini artırmak için bir araç değil. 4. Renklerin aciliyetini ve kıtlığını iletmek için renkleri kullanın, web tasarımcıları için çok güçlü bir araçtır. Web siteleri tasarlarken, markanızla ilgili onlara doğru stilleri ve mesajları iletirken kitlenizi çektiğinizden emin olmak için renk psikolojisi kullanın. Ürün satmanın ana odağına sahip bir e -ticaret sitesi ile renkler istenmeyen bir dikkat olabilir. Yani, müşterileriniz için çok faydalı olacak mesajlara dikkat çekmek için renk kullanmazsanız. Örneğin, Leesa: Leesa’dan iyi bir geri çekilme zamanı gençleşmeleri örnekleri var.
Bu pop-up teklif, tek başına oldukça ilginç. Ancak, üstte kırmızı ile atan zamanlayıcıya dikkat edin. Müşterilere bu teklifin sınırlı bir süre için mevcut olduğunu söyleyen parlak renklerin ve zaman regülatör hareketlerinin kullanımı ile Leesa, aciliyet iletmek için bu öğeleri etkili bir şekilde kullanır. Amazon, kullanıcıları acele etmeye ve alışveriş yapmaya zorlamak için genellikle aciliyet ve kıtlık kullanan bir markadır. Şu anda, “ilk gün” Amazon ilan ediliyor. Bu, Amazon’un sadece ana müşteriler için birçok süper cazip teklif sunduğu bir buçuk gündür. Dolayısıyla, sadece bu dönemde yapılan satış sayısını artırmayı umuyorlar, aynı zamanda bundan önce daha fazla ana müşteri almayı umuyorlar. Bu ay müşterileri ve satışları yakalayacak tanıtım afişleri: Amazon ve promosyon satış günleri yerlerde daha fazla satış yakalamada çok etkilidir.Gördüğünüz gibi, Amazon’un bunu yapması için fazla zamana ihtiyacınız yok. Müşterilerin o gün alışveriş için Amazon’a geri dönmekten kaçınamaması için yüksek talepte ve çok düşük fiyatlara sahip ürün görüntüleri olan basit afişler. 5. Pop-up Shopify ile motive etmek, kupon kodunu yayınlayan e-ticaret web sitesinin daha fazla satış yapma eğiliminde olduğunu bildirmektedir. Özellikle: Kupon kodu satış olasılığını%8 artırır.
Shopify sitesinde bir yıl içinde meydana gelen tüm satışların% 17’si kupon kodunu kullanıyor. (Evet, bunun özel bir Shopify istatistikleri olduğunu anlıyorum, ancak e-ticaret CMS’den bağımsız olarak alakalı olduğundan eminim.) Bunun harika olan, pop-up ve yapışkan çubuklar kullanarak web sitesine kupon kodlarını uygulamak çok kolaydır. Bunun için seçim eklentisi? Hızlı teşvik edin. Promosyon teklif tasarımınızı mükemmelleştirmek için Hustle’ı kullanın.
Sadece sitenizde güzel tasarlanmış bir kupon kodu görüntülemenize yardımcı olmakla kalmaz, aynı zamanda e-posta adreslerini de (kazan-kazan) toplayabilirsiniz. Ve istediğiniz kadar teklif verebilirsiniz. Bu şekilde, birisi alakasız olduğunu düşündüğü için açılırsa tıklarsa, web sitesinin üstüne veya altına bağlı diğer pop-up’larla yakalayabilirsiniz. Buffy, bu pop-up’ı ilk satın alımlarında yeni müşteriler vermek için kullanıyor: Yürütmede basit, ancak özel tekliflere dikkat çekmede etkili.
Bu, doğrudan çekirdeğine parlak renklidir ve hatta ona bağlı hoş bir küçük maskota sahiptir. Polaloid orijinalleri dikkat çekmek için pop-up kullanan kişidir, ancak bu ilginç bir yaklaşımdır:
Bu ilginç bir renk seçimi, ama bence çok renkli bir sitede iyi çalışıyor.
Web sitesi, çok daha renkli olmak için tek renkli arka planın geçişi ile gerçekten şaşırtıcı. Ama sonra hepsi siyah olan bir pop-up teklifiniz var. Bu açıkça diğer web sitelerinden çok zıttır ve bunu yapmak için kesinlikle çok dikkat çekecektir. Ve bu, Themeforest web sitesinden yapışkan bir bıçak örneğidir:
Promosyon afişleri, hücresel öncelik veren indeksleme sayesinde çok popüler hale gelir. Sitelerde satılan şablonların ve temaların logolarının yanı sıra, Themeforest genellikle oldukça sakin bir tasarıma sahiptir. Ancak bu yapışkan kökte biraz renk dokunuşu ile müşteriler hemen özel tekliflerle ilgilenecekler. Satış dönüşümünüzü artırmak ister misiniz? O zaman bunu yapın … mesele şu ki: çevrimiçi dönüşümünüzü artırmak için sitenizin en başından beri güçlü bir izlenim bırakması gerekiyor. Ve bu sağlam olmalı. Bu, müşterilere alışveriş yapmak için güvenli bir yer, envanteri kontrol etmek için hızlı web siteleri vermek ve onlara ihtiyaç duydukları doğru miktarda ve türden bilgi vermek anlamına gelir. Açıkçası, bu liste e -ticaret için tasarım ipuçlarının sonu değil. Ancak ürün sayfası tasarım kılavuzu, ödeme ağ geçidi önerileri ve şimdi bu e -ticaret sitesinin ilk sayfasının nasıl tasarlanacağına dair ipuçları ile, kullanıcının gezisi boyunca satışların nasıl artırılacağına dair daha kapsamlı bir genel resme sahipsiniz. Bu e -Ticaret Tasarım Kılavuzu’nda ele alınmayan bir şey var mı? Tavsiyenizi aşağıdaki yorumlar bölümüne gönderin.
Etiket: Dönüşüm seviyelerinin optimizasyonu
dönüştürmek elektronik ticaret
E-Niaga Web Tasarımı satış
alışveriş Sepeti
