Web Tasarım Eleştirisi # 77: Sermaye Çayları
Her hafta yeni bir web sitesine bakıp tasarımı analiz ediyoruz. Bazı işleri kullanabilen alanlara ek olarak iyi yapılmış alanlara dikkat çekeceğiz. Son olarak, kendi geri bildiriminizi vermenizi isteyerek bitireceğiz.
Bugünkü site Capital Teas. İçeri girelim ve ne düşündüğümüzü görelim!
Tasarım Kaynaklarını Keşfedin
Web sitenizi gelecekteki bir Tasarım Kriterinde gösterilmek üzere göndermek istiyorsanız, sadece birkaç dakikanızı alır. Tasarımınızı eleştirmek için 49 dolar alıyoruz - bir danışmanın sitenize bakması için ödeyeceğinizden çok daha az! Daha fazlasını burada bulabilirsiniz.
Başkent Çayları Hakkında
Capital Teas, beşinci nesil, aileye ait özel bir çay satıcısıdır. Sri Lanka, Hindistan, Çin, Japonya, Malavi ve Kenya da dahil olmak üzere dünyanın en iyi büyüyen ülke ve bölgelerinden 175'den fazla yüksek kaliteli gevşek yapraklı çay ve bitkisel infüzyon çeşidi sunmaktadır. Çay ürünleri geleneksel ve modern çaydanlıklar, bira ve demleyiciler ve diğer birçok özel ürünü içerir. Ayrıca, sanatsal bal, reçel, çay infüzyonlu çikolata ve çaylarına eşlik eden diğer gurme paketli yiyecekler de sunmaktadır.
İşte ana sayfanın bir ekran görüntüsü:
İlk izlenim
Bir siteyle ilgili ilk izlenimim, ana sayfayı gördükten sonraki ilk üç saniye içinde tam olarak ne hakkında olduğunu söyleyip söyleyemediğime dayanıyor. Bu doğru, üç saniye. Dikkatimi çekmelisin, bana kim olduğunu ve ne hakkında olduğunu, bir ayakkabıyı bağlamanın ortalama birinden daha kısa sürede yapmalısın.
Başkent Çayları durumunda, bu testi uçan renklerle geçerler. Bu site çevrimiçi çay dükkanını çığlık atıyor (iyi bir şekilde). Her yerde çayın fotoğraflarını görüyorum, “çay” kelimesi birkaç kez görünüyor, renkler çayı gösteriyor; Anında iyi niyetliyim ve çay satın almak istiyorsam doğru yerdeyim.
Sitenin görsel estetiği ve düzenine göre, iyi kemiklere sahip olduğunu söyleyebilirim. Sağlam bir yapı var ve çekici bir görsel estetik başladı. Biraz çalışma gerektiriyor, ama çok büyük bir şey yok. Gelelim ve iyileştirme için bazı öneriler bulabileceğimizi görmek için belirli alanlardan birkaçına bakalım.
Başlık
En çok sorun gördüğüm alanlardan biri de başlık. Basit olacak şekilde tasarlanmış gibi görünüyor, ancak pazarlama departmanı bunu ele geçirdi ve çöpe attı. İçinde sıkışan çok şey var, bu da kendini dağınık hissediyor ve sayfanın geri kalanı tarafından kurulan oldukça temiz estetiğe karşı kesin bir çelişki olarak duruyor.
Özellikle sosyal ikonlar büyük bir temizlik yapabilir. Her biri için tasarım tutarsız, birden fazla Facebook öğesi gereksiz görünüyor, çakışma sorunları var ve buradaki her şey çok az nefes alanla birlikte tıka basa dolu.
“Günün Fırsatı” ve diğer tarafın haber bülteni kayıtları da dağınık görünümü daha da artırıyor. Bu öğeler, sayfadaki herhangi bir şeyle özellikle iyi hizalanmamıştır ve sonradan düşünülmüş gibi görünmektedir.
Nasıl düzeltilir?
Burada bazı zor kararlar alınması gerekecek çünkü bir şeyler yapmalı. Aslında, birkaç şey gitmek zorunda. Birisi, sayfada daha iyi bir yer elde etmek için bir grup altbilgi öğesini bir başlığa sıkıştırmaya çalışıyor gibi görünüyor, ancak her şeyin özel olması durumunda hiçbir şeyin özel olmadığını unutmayın. En önemli olanı seçmeli ve öğelerinize net bir görsel hiyerarşi vermelisiniz.
Başlıktaki içeriğin çoğunu başka bir yere taşımanızı öneririm. Kesinlikle kritik unsurları tanımlamaya çalışın. Logo ile başlayın. Site için harika bir eski dünya hissi veren, çevredeki öğeleri uzaklaştırarak daha fazla dikkat çeken güzel görünümlü bir parça. Diğer gerekli ürün alışveriş sepetidir. Başlığı bu iki öğeye indirgeyebiliyorsanız, çok başarılı olursunuz. Değilse, günün anlaşmasının dahil edilmesine izin vereceğim. Her şey ya altbilgiye taşınır ya da sayfanın geri kalanına daha iyi entegre olur.
Siz oradayken, ihtiyacınız olan her sosyal ağ için eşleşen simgelere sahip basit bir sosyal simge seti bulun.
navigasyon
Sayfayı aşağı kaydırdığımızda, daha sonra navigasyona geliyoruz. Etkili ve karmaşık olmayan bir çift navigasyonun çekilmesi zor bir iştir, ancak aslında burada ele alınma şeklini gerçekten seviyorum. Saf bir metin menüsü bir arama kutusuyla eşleştirildi ve renkli bir simge tabanlı menüye istiflendi ve sonuç, aradığımı bulmamın harika bir yolu.
Biraz garip bulduğum bir şey, birincil navigasyondaki açılır menülerin tasarımı. Bağlantıları kesilmiş, yüzer bir his var, bu da neredeyse bir şeyin tam olarak çalışmıyor gibi görünmesini sağlıyor.
Bunu yeniden düşünmenizi ve açılır menülerin daha entegre ve ana menüye bağlı olmasını sağlayan farklı görsel fikirler denemenizi öneririz.
Ana içerik
Ana içerik alanı üç kutudan oluşur. Bunlar, biçimlerin iyi bir karışımıdır ve büyük bir kaydırıcı, statik bir görüntü ve küçük bir filmden (şükür ki otomatik olarak oynatılmaz) oluşur. Bu alan harika. Üç kutuya kadar eşleştirildiğini, düzenin güzel ve temiz göründüğünü ve gösterilen ürünlere ve bilgilere gerçekten odaklandığını seviyorum.
fotoğrafçılık
Bir fotoğrafçı olarak, iyi fotoğraflar çekiyorum ve bu site bu alanda başarılı bir şekilde sunuyor. Sahipleri gerçekten kaliteli fotoğrafçılığa yatırım yapmış gibi görünüyor ve ürünlerini çok yüksek ve çekici görünmesini sağlayarak karşılığını veriyor.
matbaacılık
Başlıktan sonra, hemen ilgilenilmesi gereken ikinci büyük alan tipografidir. Çoğu tasarımcı, tüm bir proje için bir veya iki katı yazı tipi seçmenizi, belki de maceracı hissediyorsanız ve onu çekmek için yeterli beceriye sahipseniz üç tane seçmenizi önerir. Bu sitede yalnızca ana sayfada gördüğüm yazı tiplerinin sayısını kaybettim.
Türünüz, sitenizin stilinin en güçlü göstergelerinden biridir. Bir ruh hali, bir zaman periyodu, profesyonelce bir ton ve çok daha fazlasını ayarlar. Tutarsız ve dağınıksa, ilettiği mesajlar da öyle.
Kesinlikle çeşitli yazı tiplerinin tümünü kazımayı, ardından yüksek derecede okunabilirlik ve tasarımın amaçlarına uyan bir tonla bir veya iki tane seçmenizi öneririm. Sonuç, bir bütün olarak site için çok daha tutarlı ve profesyonel bir his olacaktır.
İkincil İçerik
Sitenin alt kısmında amaçlarımız için “ikincil içerik” olarak adlandıracağım bir kutu şerit var. Yukarıdaki üç kutu ile birleştirilen bu düzen basit ve sağlamdır. Bana 10 Kaya Katı Web Sitesi Düzeni Örnekleri makalemizdeki düzenlerden birkaçını hatırlatıyor.
Bu alanla ilgili tek gerçek sorunum, daha önce aştığım tipografi. Özellikle, buradaki sorun, “bu ürünü görüntüle” üzerindeki yazı tipinin o kadar incedir ki neredeyse okunamazdır.
Sonuç
Özetle, Capital Teas süper çekici bir siteye harika bir başlangıç yaptı. Temel mizanpaj yapısı sağlam, fotoğraflar güzel ve çift navigasyon genellikle bu rotayı caydırıyor olsam bile iyi çalışıyor. İyileştirmeye odaklanacak bazı alanlar arasında, dağınıklığı giderilmesi gereken başlık ve birkaç seçili yazı karakteriyle eşleştirilmesi gereken tipografi yer alır.
Senin sıran!
Artık yorumlarımı okuduğunuza, tasarımcıya biraz daha tavsiyede bulunarak yardım edin ve yardımcı olun. Tasarım hakkında neyin harika olduğunu ve neyin daha güçlü olabileceğini düşündüğünüzü bize bildirin. Her zaman olduğu gibi, sitenin tasarımcısına da saygılı olmanızı ve sert hakaretlerden yoksun bir şekilde yapıcı tavsiyeler vermenizi rica ediyoruz.
