11 Divi Kullanan Spor Sitelerine Örnekler

Spor birçok konuyu kapsar ve bu, ilham alınacak çok sayıda web sitesi olduğu ve daha fazlasına ihtiyaç duyulduğu anlamına gelir. Markalı renkler ve görseller kullanırlar ve etkinlikler hakkında çok sayıda istatistik ve bilgi sağlarlar. Spor web siteleri her zaman benzersiz ve ilginç tasarımlara ihtiyaç duyar. Bu yazıda, bir sonraki Divi tasarımınıza ilham vermek için Divi'yi kullanan 11 spor sitesi örneğine bakacağız.

Bazıları sporla ilgili, bazıları takımlarla ilgili, birkaçı sporla ilgili ürünler satıyor. Bazıları eğitim veriyor ve biri popüler bir spor muhabiri. Hepsinin ilginç bir yanı var. Web siteleri belirli bir düzende değildir.

1. Elit Sadakat Sporları

Elite Loyalty Sports, çoğunlukla, takım oyuncularını gösteren görüntü kaydırıcısı ile tek sayfalık, tam genişlikte bir görüntü arka planı kullanır. Sırada ten rengi arka plana sahip temiz bir bölüm var. Sonraki bölüm, hizmetleri görüntülemek için iki sütun kullanır. Bunu takiben, bir bindirmede gerçek paralaksta tam genişlikte bir etiket satırı, proje modüllerinde müşterilerle dört sütunlu bir bölüm, büyük dairesel resimlere sahip ekip üyeleri, bir iletişim formu ve iletişim bilgilerinin yer aldığı bir stil alt bilgisi bulunur. Haberlerde Elite adlı sayfa, dönen vurgulu efektlere sahip makalelere bağlantılar görüntüler. Site markalı renkler kullanıyor ve görsellerden büyük ölçüde faydalanıyor.

2. Kirk Kuzenleri

Kirk Cousins, markalı logolu tam ekran bir görüntü, sağ taraftaki dikey menüye sahip hamburger menüsü ve nokta navigasyonu içerir. Kaydırma, 2016 sezonu için futbol istatistiklerini ortaya koyuyor. Bunu, bağlantılara sahip gömülü videolar içeren bir bölüm takip eder. Sırada CTA'lı kitap hakkında bilgiler, CTA'lar ve destekleyici videolar ile eğitim kampı hakkında bilgiler, kırmızı markalı arka plana karşı beyaz sponsor logoları olan bir kaydırıcı, vurgulu efektli bir CTA ve alt menü. Site, markalı renklerden büyük ölçüde yararlanıyor.

3. ÖZ Tenis Ligleri

OZ Tennis Leagues, CTA ile tam ekran bir görüntü kaydırıcısı görüntüler. Üst çubukta takvim, puan gönderme ve oturum açma bağlantıları bulunur. Markalı renklerle eşleşen dört sütunlu bir bölüm bilgi sağlar ve ardından eşleşen simgelere sahip üç sütunlu bir bölüm gelir. Sayfa, CTA'ları, bir proje bölümünü, referans kaydırıcısını, istatistik sayaçlarını, CTA'yı ve ortak logosunu içerir. Altbilgideki sosyal simgeler farklı renklerdedir. Table Press ile tablolar oluşturulur ve Stripe üzerinden ödemeler yapılır. Siteler markalı renklerden büyük ölçüde yararlanıyor.

4. Koş ve Eğlence

Run and Fun, slogan ve CTA ile paralaks içinde tam ekran bir görüntü görüntüler. Sağ köşedeki logo değişir ve her biri farklı bir web sitesine bağlantı verir. Bunu takiben, bilgi içeren tanıtım yazılarının bir bölümü bulunmaktadır. Şirket istatistikleri, sayı sayaçları kullanılarak bir sonraki bölümde gösterilir. Bilgi, üç sütunlu bir bölümde, ardından bir referans kaydırıcısında, paralaksta desenli bir arka plan üzerinde CTA, blog gönderileri, proje galerisi, CTA'lı bir kitap hakkında bilgiler ve iletişim formu ile gösterilir. Olaylar, EventOn eklentisi kullanılarak görüntülenir.

5. Hırvatistan Futbol Eğitim Kampı

Hırvatistan Futbol Eğitim Kampı, Hakkımızda sayfasına bağlantı içeren tam ekran bir resim görüntüler. Kaydırma, menüyü ve gömülü harita, müşteri logoları ve bir iletişim formu ile ilgili bölümü gösterir. Paralaks içindeki küçük bölümler, bölümler için başlık olarak kullanılır. Kampların her birinin aynı düzeni kullanan ve bölümler, videolar ve iletişim bilgileri hakkında resim kaydırıcıları içeren kendi sayfaları vardır. Site, gerekli bilgileri mantıksal bir biçimde sağlayarak tutarlı bir tasarım kullanır.

6. Stewert Motor Sporları

Stewert Motorsport, logo, slogan ve CTA'lar içeren tam ekran bir arka plan videosunu bir bindirme içinde görüntüler. Kaydırma, her biri farklı renkli arka plana sahip bir logo ve menü ortaya çıkarır. Üç sütunlu bir bölüm, bilgi ve CTA'lar içeren daire içine alınmış görüntüleri gösterir. Bir kenar çubuğunda görüntü kaydırıcıları ve Facebook beslemeleri içeren birkaç bölüm içerir. Bunu takiben paralaks içinde bir alıntı ve bir iletişim formu bulunmaktadır. Site markalı yazı tipleri ve koyu renkler kullanır.

7. Seaholm Boy Yüzme ve Dalış Takımı

Seaholm Boy's Yüzme ve Dalış Takımı, bir bindirme ve hakkında bölümünde logolu tam genişlikte bir görüntü kaydırıcısı görüntüler. Sonraki bölüm, tanıtım yazıları ve etkinlik takviminin yanındaki sayfalara bağlantılar içeren renkli bir arka plan kullanır. Bunu takiben, CTA'ları ve geri sayım sayacını içeren renkli blokların olduğu bir bölüm var. Tablolar Table Press ile görüntülenir ve indirme ve yazdırma özelliklerini içerir. Etkinlikler, Zamanında Hepsi Bir Arada Etkinlik Takvimi kullanılarak görüntülenir. Site, renkleri çok iyi kullanıyor.

8. FPro Sporları

FPro Sports, gerçek paralaks içinde slogan, medya logosu kaydırıcısı ve CTA ile tam ekran bir görüntü kullanır. Üst çubukta stil ve sosyal düğmeler bulunur. Sonraki bölüm, Twitter beslemelerini ve CTA'ları göstermek için sol kenar çubuğunu kullanırken, gövde bölümü bilgileri ve CTA'ları görüntüler. Bunu takiben, gönderileri olan iki sütunlu bir bölüm bulunur. Savaş Odasının İçinde, yazılar ve fareyle üzerine gelme efektleri içeren bir blog sayfası var. Site, renk ve CTA'ları mükemmel bir şekilde kullanıyor.

9. Dağlarda Kargaşa

Dağlardaki Mayhem, çoğunlukla paralaks içinde CTA ile tam ekran bir görüntü içeren tek sayfalık bir tasarımdır. Kaydırma, bir bilgi bölümü, CTA'lı bir bilgi bölümü, program ve fiyatlandırma içeren bir bölüm, indirilebilir kayıt formunun olduğu bir bölüm, konaklama rehberine bir bağlantı, bir iletişim formu ve sponsor logoları ile özel altbilgi gösterir. Paralaks arka planların çoğunda belli belirsiz görülebilir. Dikkat çekmeden biraz görsel parıltı eklemek yeterlidir. Program/Sonuçlar sayfaları, SportsPress eklentisini kullanan olayları görüntüler. Site, paralaks ve bindirmeleri mükemmel bir şekilde kullanıyor.

10. Spiral Döngüler

Spiral Döngüler, bir bindirmede slogan ve CTA ile tam ekran bir görüntü kullanır. Kaydırma, bir hakkında bölümü, kutularda üç CTA, otomatik kaydırma yapmayan tam genişlikte bir harita, bir mağaza bölümü, CTA ve referansları gösterir. Altbilgi, Tweetler ve bir menü içerir. Siz kaydırdıkça mağaza daha fazla ürün yükler. Hizmetler bir fiyat tablosu ile görüntülenir. Site, renk ve düzen tasarımından büyük ölçüde yararlanır.

11. Okyanus Kayağı

Ocean Kayak, CTA yer paylaşımı ile paralaks içinde tam ekran bir görüntü kaydırıcısı kullanır. Kaydırma, fareyle üzerine gelme efektlerini kullanan üç ürün kategorisi ve benzersiz resim yerleşimine sahip iki metin kutusuyla örtüşen bir bölüm gösterir. Sonraki, videolu bir bilgi bölümü, ardından bir CTA ve menülü alt bilgidir. Bayi Bul sayfası aranabilir bir harita kullanır. Kayak ürün sayfaları, ürünleri proje modüllerinde gösterir. Ürün sayfaları, iki sütunlu bir tasarımda metin ve resimler kullanarak ayrıntılı ürün açıklamaları kullanır. Site, ürün görsellerinden büyük ölçüde yararlanmaktadır.

Son düşünceler

Divi kullanan bu 11 spor sitesi örneği, Divi ile oluşturulabilecek çeşitli site türlerinin mükemmel örnekleridir. Her tür spor web sitesi için harika tasarımlar oluşturabilir ve etkinlikler, istatistikler, mağaza, resimler vb. dahil olmak üzere gerekli tüm özellikleri dahil edebilirsiniz.

Bu siteler, düzenler, renkler, yazı tipleri, resimler, video, gezinme, etkinlik takvimleri, istatistikler ve daha fazlası için fikir sağlamak için harikadır. Divi'yi kullanarak bir sonraki spor tasarımınız için size ilham vereceklerinden emin olabilirsiniz.

Bu Divi spor sitelerinin en sevdiğiniz unsurları nelerdir? Aşağıdaki yorumlarda bize bildirin!

Alexander Ryabintsev / Shutterstock.com aracılığıyla Öne Çıkan Görsel