Şablondan e-Ticaret Özel Tasarımına

Hiç ısmarlama bir takım elbise veya elbise giydin mi? Çoğu insan, hayatındaki birkaç özel an dışında yapmaz. Çoğu durumda, raftan bir seçim yapacaklar ve bu seçim birkaç yerde uyarlanacak. Şuraya bir etek, şuraya bir sıkıştırma ve harika, işlevsel bir giysiniz olacak. Ancak hayatınızda birkaç kez, kumaşın cıvatasından başlayan yetenekli bir terziye sahip olacak kadar şanslı olabilirsiniz. Ölçülerinizi alacaklar, sizinle istediğiniz parça hakkında konuşacaklar ve yaptıkları her dikişin bir amacı, bir amacı olacak. Bu, esasen, bir web sitesi şablonu ile özel yapılmış bir web sitesi arasındaki farktır. Bir şablon raftan indirilebilir, birkaç ayar yapılabilir ve mükemmel işlevsel bir site olabilir. Ancak bir e-Ticaret özel tasarımı daha fazla düşünmeyi, daha fazla zaman alır ve dünyaya göstermek istediğiniz marka için mükemmel bir şekilde uyarlanabilir.

1Digital kullanarak ne demek istediğimi açıklayacağım Örnek olarak ajans. Sonuçta mükemmel değiliz. Biz de, kutudan çıkmış bir şablonun hızlı bir şekilde düzeltilmesiyle emilebiliriz. Genius eCommerce adında bir kardeş sitemiz var. . Bir süredir WordPress'te bir sektör bloguydu, ancak birkaç ay önce onu, özellikle e-ticaret dijital pazarlama hizmetlerimizden bahseden bir ajans sitesine dönüştürdük. Bu pivotu yaptığımızda, bir şeyi olabildiğince çabuk hazırlamak istedik ve bu yüzden bir WordPress şablonu kullandık. Siteyle çalışırken, dönüşüm için optimizasyon, hız ve uyumlu marka oluşturma gibi bir şablon siteyi düşünürken müşterilerimizi uyardığımız her şeyin Genius e-Ticaret için sorun haline geldiğini gördük. ilave olarak. Bu yüzden kendi ilacımızdan bir doz alıp Genius eCommerce'e vermeye karar verdik. aşağıdan yukarıya bir e-ticaret özel tasarımı. Fark inanılmaz.

Şablon

Şablon bir WordPress/Woo-ticaret tasarımıdır. Gördüğünüz gibi, iyi görünüyor. 1Digital ile görsel olarak uyumlu hale getirmek için marka yazı tiplerimizden ve renklerimizden bazılarını kullandık. alan.

1Digital'e daha fazla bağlamak için aynı simge paketlerini de kullandık. markalaşma.

Bazı müşterilerimizi ve vaka çalışmalarını vurgulamak için şablonu bazı özel geliştirme bölümleriyle zenginleştirdik.

İşte buyur! Çok hızlı bir şekilde hazır ve çalışır durumda, mükemmel şekilde servis verilebilir bir şablon sitesi.

SEO hesap yöneticimiz Colin, bununla ilgili bazı sorunları ilk fark eden kişi oldu. Colin, sitenin SEO denetimini anlatırken, "Fark ettiğim ilk sorun site hızıydı" dedi. "Görüntüler düzgün bir şekilde optimize edilmemişti ve üçüncü taraf komut dosyaları siteye en verimli şekilde yüklenemiyordu." Bunun ötesinde, site bazı Google sıralamalarını görmeye başlamıştı. Ziyaretçileri tekrar yönlendirmek için çok çalıştığımız sayfaların ilgi çekici olacağından emin olmak istedik. Colin bana “Sitenin herhangi bir kişiliği yoktu, dişleri yoktu” dedi.

Yeni Bir Tasarım için Yol Haritası

Müşterilerimizle yaptığımız herhangi bir e-ticaret özel tasarımının ilk adımı bir yol haritası belirlemektir. Müşterinin beğendiği sitelere bakarız ve neden bu sektör için çalıştıklarını ve sitenin iletmesi gereken temel mesajın ne olduğunu anlamaya çalışırız. 1Dijital için Ajans hakkında konuşmak için tüm işimizin toplu ve genişliğine sahibiz, ancak Genius e-Ticaret sadece yaptığımız işin pazarlama koluna odaklanmıştı. Art, 1Digital, "Fikir gerçekten belirli bir şeye odaklanmaktı ve bu nedenle tasarım gerçekten basit olmalı" ' baş tasarımcısı söyledi. İlham almak için Google tarafından kullanılan düz kullanıcı arayüzüne baktık.

Art ayrıca 'dahi' terimini kullanarak marka kimliğinden uzaklaşmak istedi. “Ona akademik, beyinsel bir his vermek istedim. Dahi fikirle bağlantı kurmak için," dedi Art. “Akademik bir makale okuyormuşsun gibi.”

Yeni Logo Oluşturma

Art, "Yeni bir sitenin kendi logosu olmalı" dedi. Logolar, tasarım dünyasında inanılmaz derecede önemli bir temeldir. Bir müşteri için yeni bir özel tasarım başlatırken, logolarından renk paletleri, grafik stilleri ve genel olarak markalarının tonu hakkında ipuçları alıyoruz. Art, "Logo fikri, tasarımın geri kalanıyla nasıl arayüz oluşturmak istediğimi benim için sağlamlaştırdı" dedi.

İyi bir logo, ilgi çekici bir görsel öğeye sahip olmalıdır, göze çarpan bir şey. İyi bir logo, markanın mesajı hakkında görsel olarak bir şeyler ifade edebilecektir. Genius e-Ticaret için karar verdiğimiz yeni logoyu oluşturmaya yönelik gelişmelerin bir kısmını aşağıda görebilirsiniz. .

Art'ın düşündüğü bazı grafiklerin son sürümde nasıl bir araya geldiğini görebilirsiniz. Dehayı temsil eden atom diyagramı ve e-ticareti temsil eden araba, logonun grafik öğesi için birleştirildi. Tasarımın markanın mesajını görsel olarak ileten kısmıdır. Beyniniz zaten bu iki iyi tanınan sembolü bilinçsiz bir düzeyde anlıyor. Logoyu iki temel kavramın bir kombinasyonunu okur. Ayrıca, atomdaki dönen elektronun, dahi kelimesindeki noktalı 'i' olarak ikiye katlandığı gerçeğine dikkat edin. Bu, ilk başta tanımasanız bile gözünüze çarpan o ilginç görsel unsurdur.

Renk paleti

Logoda kullanılan renkler, site genelinde kullanılan renkler için paleti belirler. Farklı etkiler için farklı alanlarda kullanılırlar.

Sayfadaki farklı eylem öğelerini vurgulamak için logodaki deniz mavisi ve kırmızının nasıl kullanıldığını yukarıda görebilirsiniz. İki renk, bir bilgi hiyerarşisi oluşturmak için kullanılır. Kırmızı/turuncu daha parlak ve daha agresiftir, bu nedenle site genelinde daha az kullanılır. Kullanıldığında, 'başlayın' ve 'fiyat teklifi isteyin' gibi en yüksek öncelikli işlemlere dikkat çekmek içindir. Deniz mavisi biraz daha yumuşaktır ve bu nedenle, doğrudan harekete geçirici mesajlar kadar değil, yine de dikkat çekmek istediğimiz öğeler için kullanılır. "Şirketimiz" ve "itibarımız" gibi öğeler.

Deniz mavisi, sayfa başlıklarında da kullanılır. Renk kullanarak, sayfa başlıklarının nasıl bir ana başlık ve bir alt başlık olarak ayrıldığına ve yine de hepsini tek bir satırda kalmayı başardığına dikkat edin.

Yeni sitede elbette ikiden fazla renk var. Biraz boyaya ihtiyacımız olan diğer yerler için 1Digital'e başvurduk. marka paleti. Bu her markanın sahip olması gereken bir şey. Marka paleti, renk ve diğer grafik tasarım öğelerinin nasıl kullanılması gerektiğine ilişkin bir dizi yönergedir. Bu şekilde, web'den baskıya ve şirket tişörtlerine kadar tüm farklı medyalarınızda tutarlı olmaları kolaydır.

Marka paletindeki bu ek renkler, sitede bölümleri ayırt etmek için kullanıldı. Art, “Kullanıcıya web sitesinin farklı bir bölümünde olduklarına dair ipucu vermek için renk kullanıyorum” dedi. Aşağıdaki sayfalarda da görebileceğiniz gibi başlıkta mor, platform sayfalarına, turuncu ise dijital pazarlama kanallarına karşılık gelmektedir.

Ana 1Digital'in Ajans marka rengi, logomuzdaki açık mavi, sadece bir nokta için kaydedilir. Ana web sitemize bağlantı veren bölümlerde kullanılır.

E-Ticaret Özel Tasarım Nedeni

Pek çok potansiyel müşterim oldu, 'bir şablon çok daha hızlı ve ucuza dağıtılabiliyorken neden özel bir tasarım bekleyesiniz?' Bence sebep, Genius e-Ticaret ile kendimize deneyimlediklerimizden daha açık olmamıştı. . Bir şablon stillendirilebilir. Yazı tipleri ve renkler ekleyebilir, burada ve orada birkaç değişiklik yapabilirsiniz, ancak sonunda başkası için oluşturulmuş bir sitede küçük kişiselleştirmeler yapıyorsunuz. Bir e-ticaret özel tasarım sürecinden geçtiğinizde, yol boyunca verilen her karar, ne kadar küçük olursa olsun, markanızı ve arkasındaki mesajınızı düşünen birileri olur. Bir logo kadar büyük bir şeyden, altbilgideki düğmelerde hangi rengin kullanılacağı kadar küçücük. Yol boyunca verilen bu küçük kararların her birinin toplamı ölçülemez. Özel sitelerin nasıl daha iyi optimize edilebileceği veya daha kolay dönüştürülebileceği hakkında her zaman konuşuyorum, ancak sonuçta, en az bir kez bu süreçten geçene kadar açıklanması zor olan en büyük fayda budur. Özel bir tasarım projesi ile üzerinize tam oturan bir takım elbise giymemiş olursunuz. Sürecin her adımında sizin şeklinize göre tasarlanmış bir resmi kıyafet giyiyorsunuz. Bu özel görünüm, web sitenizi bulan her kişi üzerinde ilk izleniminizi nasıl yaratacağınızdır.

Bir şablonda çok uzun süredir baygın kaldıysanız, belki de özel bir şeye yükseltmeyi düşünmenin zamanı gelmiştir. Uzman e-ticaret tasarımcılarımız hikayenizi dinler ve bir web sitesi ile anlatmanıza yardımcı olur. 1Digital'de bizimle iletişime geçin Ajans ve özel bir e-Ticaret tasarım sürecinin web siteniz için yeni potansiyelin kilidini nasıl açabileceğini görün.

PDF İndir