Aşağıdaki makale size yardımcı olacaktır:Shopify Web Tasarımı Eğitimi: Shogun ile Adım Adım
Shopify mağazasını başarılı kılan şey nedir? Rakiplerinize ayak uydurabilmek için muhtemelen ürünlerinizin fiyatlarına ve müşteri hizmetlerinizin kalitesine çok dikkat ediyorsunuz. Peki mağazanın tasarımına ne kadar dikkat ediyorsunuz?
Bu görmezden gelebileceğiniz bir alan değil. Daha iyi bir tasarımla çok daha fazla satış yapabileceksiniz.
Web siteniz, potansiyel müşterilerin işletmenizle ilgili ilk izlenimlerini edinecekleri yerdir. Bu müşterilerin göz önünde bulundurabileceği pek çok başka seçenek var, bu nedenle ilk izlenimin önemli olmasını sağlamanız gerekiyor.
Tarafından yürütülen araştırma Stanford Üniversitesi “insanların bir siteyi yalnızca görsel tasarımla hızlı bir şekilde değerlendirdiğini” buldu. Gezinmesi kolay, güzel görünümlü bir site, müşterilerinizi zamanlarına ve paralarına layık olduğunuza ikna etmenize yardımcı olacaktır. Tersine, amatör görünen bir site insanları uzaklaştıracaktır.
#cta-visual-pb#
Görüntü Kaynağı: Küçük Büyük Kırmızı Nokta
Arama motoru optimizasyonu (SEO) burada rol oynayan başka bir faktördür.
SEO’da içeriğinize anahtar kelimeler eklemekten daha fazlası vardır. Arama algoritmaları ayrıca, arama motoru sonuç sayfalarındaki konumunuzu belirlerken sitede geçirdiğiniz ortalama süreyi (ziyaretçilerin sitenizde gezinirken harcadığı süre) ve hemen çıkma oranınızı (sitenizin yalnızca bir sayfasını görüntüledikten sonra geri dönen ziyaretçilerin yüzdesi) de değerlendirecektir. (SERP’ler).
Bu iki istatistik web tasarımıyla yakından ilgilidir. Kendi deneyiminizi düşünün: Bir sayfaya geldiğinizde ve onu kullanmakta zorlanırsanız, genellikle geri çekilip başka bir siteyi denersiniz, değil mi?
Bazı mağazalarda her sayfada onlarca bağlantıyla ziyaretçiyi şaşkına çeviren paket menü benzeri tasarımlar bulunuyor. Diğer bir yaygın sorun ise ürün bilgilerinin sıklıkla yoğun metin duvarları halinde görüntülenmesidir.
Buradaki temel sorun, çevrimiçi mağazaların çoğu siteden daha fazla sayfaya sahip olması ve sattığınız ürünlere bağlı olarak her sayfanın çok fazla bilgi içermesi gerekebilmesidir. Bu, başarılı Shopify mağazaları oluşturmayı özellikle zor bir çaba haline getirebilir.
Görüntü Kaynağı: Dijital Özet
–
İyi bir tasarımla bu zorlukların üstesinden gelebilirsiniz. Açılır menüler, kısa paragraflar, madde işaretli listeler ve cömert bir resim ve video uygulaması, ürünleriniz hakkında bilgi verirken göze hoş gelen bilgiler iletmek için kullanabileceğiniz tekniklerden sadece birkaçıdır.
Mağazanızın tasarımı ne kadar iyi olursa SERP’lerde o kadar yüksek sıralanırsınız. Bu önemlidir, çünkü SERP’lerde ne kadar yüksek sıralanırsanız mağazanıza o kadar fazla trafik çekersiniz. Bu doğrudan daha fazla satışa yol açar.
Bir Tasarımcıyı İşe Almak ve Sayfa Oluşturucu Kullanmak
Artık web tasarımının önemini anladığınıza göre asıl konuya geçelim: Bunun size maliyeti ne kadar olacak?
Ekibinize yeni bir üye eklemek yerine, bir web tasarımcısını serbest, sözleşmeli olarak işe alsanız bile, web tasarım masraflarınız yine de binlerce dolara ulaşabilir.
Daha uygun fiyatlı bir seçenek Shogun gibi bir sayfa oluşturucu uygulamasını kullanmak olacaktır.
Shogun’un fiyatları ayda 39 dolardan başlıyor; bu, serbest çalışan bir tasarımcının bir saatlik çalışması için ödeyebileceğinizden daha az. Bir örnek olay çalışması, bir mağazanın Shogun kullanarak 250.000 $ tasarruf ettiğini gösterdi.
Shogun’un güzelliği, herkesin bir profesyonel tarafından tasarlanmış gibi görünen web sayfaları oluşturmasına olanak sağlamasıdır. İlk elden tasarım deneyimi olmadan, iyi bir ilk izlenim bırakan, SERP’lerinizi artıran ve daha fazla ziyaretçiyi müşteriye dönüştürmenize yardımcı olan bir Shopify mağazası oluşturabilirsiniz.
#cta-visual-pb#
Shopify Web Tasarım Eğitimi (Deneyim Gerekmez)
Shogun’un sürükle ve bırak arayüzü ve kapsamlı öğe kitaplığı, Shopify mağazanızı oluşturmak için ihtiyacınız olan tüm araçları size sağlar. Bir sonraki adım bunları nasıl kullanacağınızı öğrenmektir.
Bu Shopify web tasarımı eğitiminde size ürün sayfaları, açılış sayfaları ve SSS/yardım merkezi sayfaları oluşturmak için Shogun’u nasıl kullanacağınızı göstereceğiz.
–
Ürün Sayfası Nasıl Yapılır
Bugünlerde web trafiğinin akışı nedeniyle pek çok ziyaretçi Shopify ana sayfanızı atlayıp doğrudan ürün sayfalarınızdan birine gidecek. Ziyaretçiler oraya nasıl ulaşırsa ulaşsın, ürün sayfaları mağazanızın en önemli parçasıdır. Ziyaretçilerin bir ürünü satın alıp almama konusunda son kararlarını verecekleri yer burasıdır.
Ürün sayfalarınıza aşağıdaki bileşenleri eklediğinizden emin olun:
Harekete Geçirici Mesaj (CTA) Düğmesi
Ürün sayfaları mağazanızın en önemli kısmıdır ve CTA butonu da ürün sayfalarınızın en önemli kısmıdır.
Nihai hedefiniz elbette ziyaretçiyi ürününüzü satın almaya ikna etmektir. Bu nedenle, “Sepete Ekle”, “Şimdi Satın Al” veya ana CTA düğmeniz olarak adlandırdığınız her şeyin belirgin bir şekilde görüntülenmesi gerekir.
- CTA düğmenizi sayfanın üst kısmına yakın bir yere yerleştirin (en azından kesinlikle ekranın üst kısmında olmalıdır, yani ziyaretçi onu aşağı kaydırmadan görebilir).
- Arka plan renginin ve sayfanın geri kalanının aksine öne çıkan bir düğme rengi kullanın.
- CTA düğmesi ile etrafındaki metin veya görseller arasında yeterli miktarda boşluk bırakın.
Özellikli resim
İnternetten alışveriş yapmanın pek çok avantajı var. İnsanlar kendilerini bir mağazaya sürüklemek, fiziksel olarak ürünlere göz atmak ve sıraya girmek yerine, kendi koltuklarının rahatlığında ürün sipariş edebilmeyi seviyorlar. Bu rahatlığı yenemezsin.
Ancak çevrimiçi alışverişin dezavantajları da var; bunların en önemlisi, müşterilerin ürünleri satın almadan önce bizzat deneyememeleridir.
Çevrimiçi alışverişin kişisel olmayan doğasını telafi etmenin en iyi yolu, ürün sayfalarınızın görsel öğelerini vurgulamaktır.
Öne çıkan görseliniz büyük, yüksek kaliteli ve iyi aydınlatılmış olmalıdır. Bunun pratik bir nedeni var: Müşteri, bilinçli bir karar verebilmek için ürünü ayrıntılı olarak görmek isteyecektir. Bunun psikolojik bir nedeni de var: pikselli veya zayıf aydınlatılmış görseller yayınlarsanız, bu durum işletmenizin bir bütün olarak profesyonellikten uzak görünmesine neden olur.
Resim Galerisi
Bir resim yeterli değil! Yine müşterilerinizin ürünlerinizi bizzat görme fırsatı bulamamasını telafi etmelisiniz.
Müşterilerinizin resmin tamamını görebilmesi için ürünlerinizi farklı açılardan gösteren görsellere yer vermelisiniz. Ürünlerinizi kullanım halinde gösteren bazı aksiyon çekimleri de ekleyin.
Önemli Ayrıntılar
Bir yolunu bulabilirseniz ürününüzle ilgili tüm önemli ayrıntıları (fiyat, özellikler, kişiselleştirme seçenekleri) ekranın üst kısmına ekleyin.
Tanım
Açıklamalarınızı mümkün olduğunca orijinal yapmaya çalışın. Diğer pazarlama materyallerinde oluşturduğunuz üslupla örtüşüyorsa bunu başarmak için argo, mizah ve popüler kültür referanslarını kullanabilirsiniz.
Sosyal kanıt
Reklam metninizde belirttiğiniz iddiaları destekleyen müşteri yorumlarını görüntülemek, ziyaretçilere güvenlerini hak ettiğinizi kanıtlar.
Shogun ile bir ürün sayfası oluşturmak için:
1. Shogun’u satın aldıktan veya 10 günlük ücretsiz deneme sürümünü başlattıktan sonra Shopify kontrol panelinizin “Uygulamalar” bölümüne gidin ve “Shogun Sayfa Oluşturucu”yu seçin.
2. “Sayfa Oluştur”u seçin.
3. “Ürün Sayfaları”nı seçin.
4. Shopify mağazanızda sayfa oluşturduğunuz ürünün adını girin. Daha sonra “Seç” butonuna tıklayın.
5. Mevcut Shopify temanızın düzenini düzenlemek veya özel bir düzen oluşturmak arasında seçim yapın (bu örnekte özel bir düzen oluşturacağız). Ardından “Sayfa Oluştur”u seçin.
6. Sağ kenar çubuğundaki öğe kitaplığında, yukarıda incelediğimiz ürün sayfasının temel bileşenlerini bulacaksınız.
7. Öncelikle sayfaya bir “Ürün Görseli” öğesini sürükleyip bırakalım (Shopify arayüzünde oluşturduğunuz ürünün öne çıkan görseli otomatik olarak doldurulacaktır).
8. Daha sonra öne çıkan görselin sağına önceden hazırlanmış “Ürün Sepete Ekle” butonunu ekleyeceğiz.
9. Ürünün adı için “Ürün Sepete Ekle” butonunun üzerinde “Başlık” öğesini kullanın.
10. Fiyatı eklemek için “Ürün Fiyatı” öğesini kullanın.
11. Özelleştirme seçeneklerini eklemek için “Ürün Varyantı” öğesini kullanın (bu aynı zamanda Shopify arayüzünde ayarladığınız ürün bilgilerinden de yararlanacaktır).
12. Açıklamanız için “Metin” öğesini kullanın.
13. Daha fazla resim eklemek için “Ürün Resim Galerisi” öğesini kullanın.
–
14. Sosyal kanıt eklemek için “Ürün İncelemesi” öğesini kullanın.
15. Son bir şey: “Ürün Sepete Ekle” butonunun etrafındaki dağınıklığı azaltmak için biraz kenar boşluğu ekleyelim (bu butonun öne çıkması gerektiğini unutmayın).
–
16. Shogun’da bir sayfayı düzenlemeyi tamamladığınızda “Kaydet”i seçin.
–
17. Sayfayı yayınlamak için “Yayınla”yı seçin.
Bu unsurları markanızın renklerine uyacak şekilde ayarlayabilir ve aralıkları tam istediğiniz gibi elde edebilirsiniz. Her öğenin kendine özgü bir dizi seçeneği de vardır (örneğin, “Ürün Görsel Galerisi” öğesinde bir görsele tıklamak, onu öne çıkan görsel haline getirebilir veya bir ışık kutusunda açabilir).
Ayrıca bu şekilde sıfırdan bir ürün sayfası yapmak yerine, sayfanızı ilk ayarlarken hazır bir şablonla başlamak için “Sayfa Oluştur” > “Standart Sayfa” > “Ürün Sayfaları”na gidebilirdiniz.
Açılış Sayfası Nasıl Yapılır?
Tıpkı ürün sayfalarında olduğu gibi, öne çıkan görseller ve CTA butonları, açılış sayfalarınızın daha başarılı olmasını sağlayacaktır.
Shogun ile bir açılış sayfası oluşturmak için:
1. “Sayfa Oluştur”u seçin.
–
2. “Standart Sayfa”yı seçin.
3. “Shogun Şablonları” altında “Açılış Sayfaları”nı seçin.
–
4. Standart ana sayfalardan sınırlı süreli tekliflere, iade ve değişim sayfalarına kadar pek çok farklı amaç için kullanılabilen açılış sayfası şablonlarının bulunduğunu göreceksiniz. Bu örnekte, sınırlı süreli bir teklif için bir açılış sayfası oluşturacağız.
5. Sayfa için bir ad ve URL ekleyin, temanızın üstbilgisini ve altbilgisini eklemek isteyip istemediğinizi seçin ve ardından “Sayfa Oluştur”u seçin.
6. Bu noktada tek yapmanız gereken şablondaki varsayılan içeriği sınırlı süreli teklifinizle ilgili içerikle değiştirmek. İşiniz bittiğinde sayfayı kaydedin ve yayınlayın. Kolay!
Diğer sayfalarda olduğu gibi, şablon kullanmak yerine sıfırdan bir açılış sayfası oluşturabilirsiniz. Düzeni çok fazla kurcalayacağınızı biliyorsanız, sıfırdan başlamak daha uygun olabilir. Ancak çoğu durumda Shogun şablonlarından birini kullanmak sayfanızı oluşturmanın daha hızlı ve daha kolay bir yoludur.
Shopify SSS Sayfası Nasıl Oluşturulur
Mağazanıza Shopify SSS sayfası/Shopify yardım merkezi eklemeyi hiç düşündünüz mü?
Bu kaynağı yayınlamak size aşağıdakiler de dahil olmak üzere birçok fayda sağlayabilir:
- Sitenize daha fazla anahtar kelime eklemenin doğal bir yolu bu, SEO’yu geliştirir.
- Ziyaretçileri geri çekilip başka yerlere bakmaya zorlamak yerine mağazanızda yanıt bulmalarına izin vermek, sitede geçirdiğiniz ortalama süreyi artırarak SEO’yu geliştirecektir.
- Uzmanlığınızı sergileyerek ve kendinizi otorite olarak tanıtarak potansiyel müşterilerin güvenini kazanabilirsiniz.
- Bir müşteri hizmetleri ekibiniz varsa, SSS’leri yayınlamak, ilgilenmeleri gereken destek taleplerinin sayısını azaltacaktır. Bu onlara diğer görevlere ayırmaları için daha fazla zaman kazandırır.
Bir SSS sayfasının, ürün sayfalarınız ve açılış sayfalarınız gibi görsel olarak ilgi çekici olması gerekmez. Her şey bilgiyle ilgili.
Shogun’da bir SSS sayfası oluşturmak için:
1. “Sayfa Oluştur”u seçin.
–
2. “Standart Sayfa”yı seçin.
3. Aşağı kaydırdığınızda, sayfanın alt kısmına yakın bir yerde SSS sayfaları için birden fazla şablon göreceksiniz. Birini seç.
4. Devam etmek için yine sayfa için bir ad ve URL eklemeniz, temanızın üstbilgisini ve altbilgisini eklemek isteyip istemediğinizi seçmeniz ve “Sayfa Oluştur”u seçmeniz gerekir.
5. Varsayılan içeriği kendi içeriğinizle değiştirin. Bu örnek için seçtiğimiz şablon, tüm soruları görüntüleyen ancak ziyaretçinin görmek istediği yanıtları seçmesine olanak tanıyan bir “Akordiyen” öğesi kullanıyor. Bu, gezinilebilirliği artırır ve SSS sayfanızda korkutucu metin duvarları olmadan büyük miktarda bilgiye sahip olmanızı sağlar.
–
İşiniz bittiğinde değişikliklerinizi kaydedin ve sayfayı yayınlayın.
İçinizdeki Web Tasarımcısını Bulun
Çevrimiçi mağazanızdan çok daha fazla gelir elde etmenize yalnızca bir tasarım uzakta olabilirsiniz.
Üstelik bir tasarımcı tutmanıza bile gerek yok. Ürün sayfalarından açılış sayfalarına ve SSS sayfalarına kadar Shopify mağazanızın ihtiyaç duyduğu her şeyi Shogun ile oluşturabilirsiniz.
#cta-visual-pb#
–