Logo Vitrini Örnekleri

Bu logo ızgarası, müşteri firmalarının tamamını tanıtır; bu, widget başlığından da anlaşılır. Widget’ın uyumlu tasarımı sayesinde logoların tamamını tek sayfada görebilirsiniz. Hepsi kendi orijinal renklerini koruyor. Logolar arasındaki boşluk, her birinin daha belirgin görünmesi için artırıldı. Böyle bir widget sayfada geniş bir alan kaplar ve müşteri portföyünüzü öne çıkarır.

Bir logo kaydırıcısı oluşturmak hiç bu kadar kolay olmamıştı. Bu logolar, Kaydırıcı Düzeni ve otomatik kaydırma özelliği sayesinde hareket eder. Kullanıcılar ayrıca oklara tıklayarak veya dokunmatik kaydırma ile kaydırabilirler. Geçiş hızı ayarlardan kolayca değiştirilebilir. Logoların boyutu, her kaydırmada görünen öğe sayısını belirler; bir bakışta daha fazlasını göstermek isterseniz, logo boyutunu küçültün.

Bu widget’ta kullanıcıları etkileyen dört büyük müşterinin logolarına dikkat çekiliyor. Tıklandığında kullanıcılar her şirketin web sitesine gidebilir. Widget başlığı güven oluşturur: toplam müşteri sayısını gösterir ve sosyal kanıt etkisini güçlendirir. Logolara uygulanan gri tonlama filtresi ve başlığın siyah yazı rengi sayesinde temiz ve sade bir widget stili elde edilir. Logolar arasındaki geniş boşluk da temiz görünüme katkıda bulunur.

Widget’inizi maksimum özelleştirilmiş bir görünüm elde edecek şekilde tasarlamak ve sitenizin görünümüne uyum sağlamak için widget arka planı olarak bir resim yükleme seçeneğini kullanabilirsiniz. Bu örnekte widget’in Auto width özelliğine sahip olduğundan boş alanı tamamen kaplar ve gerçekten sağlam bir görünüm sağlar. CTA düğmesi, daha fazla müşteri iletişimini çekmek için hizmet eder ve kullanıcıları istediğiniz adrese yönlendirebilir.

Bu örnek, sitenin diğer içeriğinden dikkat dağılmadan uyum sağlayacak bir logo karuseli nasıl oluşturabileceğinizi gösterir. Bu karuselde gri bir arka plan ve logolar için gri tonlama filtresi vardır; bu da tüm görünümü sade ve rahatsız edici olmayan kılar. Logo gösterinizi alt çubukta kullanmanız gerekiyorsa bu widget mükemmel bir çözüm olur. Hareket, sonsuz bir döngü sağlar ve Üzerine gelince duraklat seçeneği açıksa kullanıcılar karuseli duraklatabilir.

Ortaklarınızın logolarını bir dokunuşla şık bir şekilde göstermek kolaydır. Logonun renklerini ve arka planını değiştirerek istediğiniz görünümü elde edebilirsiniz. Bu örnekte logolar her ikisi de mavi tonlarda ve şık, temiz görünüyor. Logolar arasındaki boşluk, görsel bütünlüğü sağlamak için çok dar yapıldı. Widget başlığı ayrıca ortakları tanıtan kısa bir metin içerir.

Bu widget, şirketin sponsorlarına adanmış tamamen ayrı bir içerik birimi oluşturur. Başlık yazı tipi boyutu artırıldı ve başlık gerçekten sağlam görünüyor. Sponsor logoları beyaz renkte ve beyaz widget başlığıyla birlikte bir renk uyumu oluşturuyor; özel arka plan resmi üzerinde konumlandırılmıştır. Grid düzeninin yardımıyla ve logoların orta boyutta olması sayesinde kullanıcılar hepsini tek bakışta görebilir.

Bu widget’ı, şirketinizin çeşitli medya tarafından bahsedildiğini göstermek için kullanabilirsiniz. Bunun için logoları makalelere veya diğer kaynaklara bağlayın; kullanıcılar basında sizinle ne yazıldığını görebilir. Bu örnekte, siyah widget arka planında sekiz medya kaynağının logosu yer alıyor. Grid düzeniyle bunlar iki satıra dizilmiştir. Başlık ve metin, kullanıcıları bahsedilenleri incelemeye davet eder.