Web Tasarım Kritiği # 53: Ayrım
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 Nottingham'daki bir web tasarım ajansının evi olan Distinction'dır.
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 34 dolar alıyoruz - sitenize göz atmak için bir danışman için ödeyeceğinizden çok daha az! Daha fazlasını burada bulabilirsiniz.
Ayrım Hakkında
Farklılık, tüm endüstrilerde KOBİ'ler, şirketler ve yardım kuruluşları ile çalışan bir dijital tasarım ajansıdır. 2001 yılında kurulan Distinction, ödüllü, yüksek yatırım getirisi (YG) kampanyaları sunma konusunda zengin bir deneyime sahiptir. Ekibimiz küçük olmasına rağmen çok deneyimliyiz. Farklılık, adından da anlaşılacağı gibi kardeşler olan James ve Greg Bloor'a aittir.
İşte Distinction ana sayfasının ekran görüntüsü:
İlk İzlenim
Son zamanlarda tasarım eleştirilerini bir rulo haline getirdik, gerçekten sevdiğim gönderileri almaya devam ediyorum! Farklılığın sağlam bir site tasarımı vardır. Buradaki tek endişemden biri, belki de biraz fazla güvenli olması. Her şey o kadar temiz, mükemmel ve derli toplu ki, yenilikçi bir tasarım ajansının yaratılmasından biraz bir şablon gibi hissediyor.
Hedef kitlelerinin kim olduğu ve cazip olarak algıladıkları şeyle gerçekten ilgilidir. Sitedeki dil çok profesyonel, kurumsal bir müşteriyi hedefliyor gibi görünüyor. Bu arenada, “güvenli” rota, bu müşterilerin muhtemelen aradığı tasarımın türünü yansıttığı için aslında en iyisi olabilir.
Başlık Tasarımı
Sitenin biraz yumuşak hissettiğine dair iddialarıma rağmen, sayfanın üstündeki kaydırıcıdaki ilk görüntü, sayfa tasarımını daha heyecan verici bir şeye itmeye gerçekten yardımcı oluyor. Süper kahraman çocuk görüntüsü cesur ve komik hissediyor, sayfaya çok fazla dostluk katan harika bir dokunuş.
Bu özel banner, ajansa anında güvenmenizi sağlamak için de uzun bir yol kat ediyor. En iyi ajanslar listesinde iyi sıralandığınızı gördüğümde, yatırımımı sizinle yapmak konusunda kesinlikle daha güvenli hissediyorum.
Slayt gösterisinin üzerinde, şirket logosunu ve gezinmeyi bulacaksınız. Bu alanda çok fazla dikkat dağıtıcı değil, sadece çıplak temeller var. Bu, slayt gösterisine ve diğer önemli bilgilere dikkatinizi çekmeye yardımcı olur.
Izgara Hizalama
Gördüğünüz gibi, sayfadaki içeriğin çoğu katı bir ızgara hizalamasına uymaktadır. Bu oldukça tanıdık gelmelidir: beyaz bölümün toplam genişliği 960 piksel ve içeriğin genişliği 940 pikseldir, dört belirgin sütunun her biri 20 piksel oluk ile yaklaşık 220 piksel genişliğindedir.
Bu düzenin çok yaygın olmasının bir nedeni var, gerçekten iyi çalışıyor. İçeriği burada güzel ve tekdüze ama aynı zamanda monotonluğu önlemek için güzel değişiyordu. Kitap grafiği ve koyu arka plana sahip bölümün dikkatinizi nasıl çaldığına ve çok ihtiyaç duyulan bir kontrast sağladığına dikkat edin.
Bilgi akışı burada iyi çalışıyor ve navigasyon bölümlerini yansıtıyor: İşte sunduğumuz hizmetler, son çalışmalarımızdan bazıları ve son olarak, şirket hakkında son haberler. Ana sitedeki kısa parçalar halinde tüm siteye genel bir bakış elde edebildiğim zaman gerçekten hoşuma gidiyor ve bu tam olarak burada kullanılan stratejidir.
Alt Bilgi
Her şey gibi, altbilgi sadece birkaç sütun bağlantı ve daha fazlasını içeren güzel ve temiz. Ona baktığımda yardım edemiyorum ama dengesiz olduğunu hissediyorum. Görsel ağırlık, iki büyük listeyle garip bir şekilde solda bırakılır, bu da sağdaki içerik için bir tür mahsur hissi ile sonuçlanır.
Bunu dengelemeye yardımcı olmak için aşağıdaki düzeni tavsiye ederim. Güçlü bir notta sayfaya yardımcı olan ve altbilginin sağ tarafına gerekli ağırlığı ekleyen şirket logosuna atıldım.
Diğer Sayfalar
Üzerindeki diğer birincil sayfalar da benzer şekilde hizalanır, bu sefer sayfa boyunca başlık veya soru içeren kalın siyah bir çubuk bulunur. Bu, beyaz arka planla bu kadar cesur bir kontrastı olan, yardım edemeyeceğiniz, ancak bakamayacağınız çok güçlü bir element.
Sitenin etrafına bakarken fark ettiğim bir şey, stok fotoğraflarıyla oldukça doygun hissetmeye başlaması. Mesajınızı ilettiklerinde stok görüntüleri gayet iyi ancak başka bir şey çok daha iyi çalıştığında bunları bir tasarım koltuk değneği olarak kullanma konusunda dikkatli olmanız gerekir.
Örnek olarak, aşağıdaki “Örnek Olaylar” sayfasını düşünün. Burada her görüntü, Distinction'ın üzerinde çalıştığı bir projeye bağlanır. Küçük resimler, çalışmanın bir önizlemesini göstermek için mükemmel bir yerdir, ancak bunun yerine, içinde ne olduğu hakkında gerçekten düzgün iletişim kurmayan bir fotoğrafı vardır.
Sonuç
Özetle, Distinction'ın gerçekten harika görünen bir sitesi olduğunu düşünüyorum. Tasarım temiz ve profesyoneldir, içerik mükemmel bir şekilde düzenlenmiştir ve her sayfa önemli olan alanlara etkili bir şekilde dikkat çeker.
Her şeyin bir tasarım ajansı sitesi için biraz fazla ortak olduğu hissine kapıldım ve tasarımcıları benzersiz fikirler ekleyerek gelecekte daha büyük, daha cesur açıklamalar yapmaya teşvik ettim.
Ayrıca, fotoğrafçılık herhangi bir tasarımcı için sağlam bir araçtır, ancak özellikle ekran görüntüleri gibi diğer kaynaklar hazır olduğunda klişe stok görüntüleri kullandığınızı unutmayın.
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.
