Aylık Şablon Seti #2: Güzel Bir Fitness Web Sitesi Oluşturun

Yayınlanan: 2019-09-03

Geçen ay, aylık Elementor şablon kitleri serimizin ilkini yayınladık. Topluluğumuzdan gelen tepkiler inanılmazdı. Birçok kullanıcı bu sürümle süper güçlendi ve daha fazlasını istedi:

Introducing-Elementor

Bu ay, forma girmeye ve profesyonel bir spor salonuna adanmış eksiksiz bir web sitesi kiti yayınlamaya karar verdik. Protein içeceğinizi alın, pazıları esnetin ve o demiri pompalayın! Bu kit kesinlikle sizi parlatacak.

Bu kit, tüm Elementor Pro kullanıcıları için %100 ÜCRETSİZDİR ve şunları içerir:

  • 7 İçerik sayfaları
  • Üstbilgi ve Altbilgi şablonları
  • Pop-up şablonu
  • 404 şablonu
  • Tek ve Arşiv şablonları
  • ~60 adet ücretsiz CC0 görseli
  • 9 Orijinal simgeler
  • 2 iyi tasarlanmış iletişim formu
  • Çok çeşitli animasyon ve hareket efektleri

Neden Bu Kiti Kullanmalısınız?

Why-Use-This-Kit

Önceki kitimizde olduğu gibi, bu şablon kitini mükemmelleştirme sürecinde hiçbir adım atmadık. Sadece göz kamaştırıcı olmaktan çok daha fazlası için inşa edilmiştir. Elementor kitlerini şablonlar denizinde öne çıkaran avantajlar şunlardır:

  • Profesyonel tasarım – Her sayfa, bölüm ve widget en iyi uygulamalar göz önünde bulundurularak kullanılmış ve düzenlenmiştir.
  • Zengin bir öğe dizisi – Kit, çok çeşitli Elementor özellikleriyle birlikte gelir. Bunlar, açılır pencereler, karışım modları, paralaks kaydırma, gezgin ve daha fazlasını içerir.
  • Görüntü optimizasyonu – Tüm görüntü boyutları optimize edilmiştir.
  • Adlandırılmış bölümler – Gezgin'de her katmanı adlandırdık, böylece sayfadaki her öğeyi kolayca belirleyip seçip neyin ne yaptığını bilirsiniz.
  • %100 mobil yanıt - Tüm varlıklar, mobil yanıt verme göz önünde bulundurularak oluşturulmuştur.

Spor Salonu Şablon Kiti: Cesur ve Canlı Bir Tasarım

Aylık şablon setlerimizle kullanıcılarımıza geniş bir tasarım yelpazesi sunduğumuzdan emin olmak istiyoruz. Bu nedenle, önceki Dijital Ajans kitinden oldukça farklı bir Spor Salonu şablon seti çıkarmaya karar verdik.

Önceki kit minimalist ve basitti, oysa bu cesur ve canlı renkler ve çarpıcı unsurlar içeriyor. Egzersiz ve spordan bahsettiğimiz için, şablonlardaki birçok öğeye hareketi dahil ettik. Ayrıca spor ve eğlence görsel kategoriye girdiğinden birçok görsel ekledik.

Parlak mavi ve sarı neon renkler, cesur tasarıma katkıda bulunur. Ayrıca, dünya çapındaki spor salonlarında sporcuların sıklıkla giydiği renklere de karşılık gelir.
Tipografi de tasarımımıza uygundur ve 'Racing Sans One' özelliğine sahiptir.
Kitin cesur, canlı tasarımı, diğer alanlar için özelleştirmeyi zorlaştırabilir. Ancak, koçluk, yoga ve diğer aktivite ile ilgili alanlar gibi konular için mükemmel bir seçim olabilir.

Varlıkları gözden geçirelim ve neler içerdiğini görelim.

Spor Salonu Ana Sayfa Şablonu: Harika Paralaks Etkisi

Home-page

Ana sayfada gördüğünüz ilk kahraman bölümünü sevmelisiniz. Gömleksiz ve parlatılmış egzersiz tutkununun görüntüsü göz ardı edilemez ve hemen ziyaretçinin dikkatini çeker. Mesaj, 'Olabileceğinizin en iyisi olun' gibi motive edici güçlü cümlelerle aynı fikre uyuyor.

Kaydırdığınızda, görüntü egzersiz makinesinin gerçek hareketini simüle edecek şekilde hareket eder.

Hareket temasını sürdüren ince animasyonların kullanımı gibi sayfanın geri kalanında birçok dikkate değer unsur var; birbirinin önüne yerleştirilmiş kart benzeri görüntüler ve sayfadaki farklı alanları bölen bölme çizgileri.

Hakkında ve Eğitmenler Sayfaları: Spor Salonu Ekibinin Öne Çıkanları

gym-about-trainer

Gym'in hakkında sayfasından çok daha fazla görsel elde edebilirsiniz. Sayfa, widget'lar ve arka planlara yayılmış birkaç kelime ve çok sayıda görsel kullanarak spor salonumuzun hikayesini anlatıyor.

Her uygun spor salonu, en değerli varlığı olan antrenörü vurgulamalıdır. Bu şablonda TRX eğitmenimiz Maria Morales'i vurguladık. Sayfa, bir ilerleme çubuğu kullanarak Maria'nın becerilerini gösterir ve alt kısımda başka bir harekete geçirici mesaj alternatifi içerir.

Sınıflar ve Fitness Sayfaları: Bilgi Göstermenin Yaratıcı Yolları

Classes

Bir vücut geliştiricisi misiniz yoksa daha çok CrossFit insanı mısınız? Bu sayfada sınıflar, listeler ve hatta gönderiler için kullanılabilecek güzel bir düzen bulacaksınız. Alttaki referans karuseli, spor salonumuzun etkinliğinin sosyal kanıtı olarak hizmet ediyor.

Bu sayfa bir fitness dersi için olsa da, içerik açısından zengin bir sayfanın ziyaretçi için kolayca sindirilebilir ve okunabilir bir şekilde nasıl oluşturulacağına dair harika bir örnek olarak hizmet edebilir. Her bölümün farklı bir arka plan rengi kullanarak net bir şekilde ayrılması ve ayrıca simge listelerinin, ilerleme çubuklarının, akordeonların ve sütunlu içeriğin akıllıca kullanılması bu sayfanın harika görünmesine yardımcı olur. Sayfa ayrıca, ziyaretçileri kaydırdıkça takip eden ve onları kaydolmaya teşvik eden yapışkan bir kenar çubuğu içerir.

Fiyatlandırma, Haber ve İletişim Sayfaları: Kit Sayfalarını Tamamlama

Blog+Post+contact+pricing

Bu sayfada, alıştırma ve kaydırma efekti arasındaki eşleşmeyi tekrarladık. Bu, ağırlık kaldırma etkisinin yaratılmasına yardımcı olur. Günlük bir doz spor salonu güncellemesi almak zorunda olan spor fanatikleri için, fitness ile ilgili her şey hakkında en son makaleleri görsel olarak gösteren bir haber sayfası oluşturduk.

Hiçbir spor salonu sürekli yeni abone akışı olmadan hayatta kalamaz. Bu nedenle iletişim sayfamızda çalışma saatleri, iletişim formu, adres ve diğer iletişim bilgileri yer almaktadır.

Vücudunuza bakmadan önce, içeride ne olduğuna dikkat edin (kötü kelime oyunu için üzgünüm).

404 sayfa: Görüntüler '0' Olarak Hizmet Ediyor

Bu sayfa, 404 sayfasını oluşturan '4' ve '4' arasına yaratıcı bir şekilde yerleştirilmiş resim karuselimizin yaratıcı bir kullanımına sahiptir.

Üst Bilgi ve Alt Bilgi: Bu Neon Renkleri Kaçıramazsınız

Header+Footer

Spor Salonunun başlığı yapışkandır ve tüm kitin aynı tasarımını takip eder. Altbilgi için USP, iletişim bilgileri, iletişim formu ve sosyal medya bağlantılarını içeren uzun bir tasarıma gittik.

Pop-up: Harika Animasyonlu Kutular

Başlıktaki Bize Katılın bağlantısını tıklarsanız, açılır pencere görünecektir. Bu kit için, genellikle kutulu açılır pencereden çıktık ve Gym'in özel yaz indirimi için daha ilginç bir düzen oluşturduk.

Kit Nasıl Edinilir

İyi tasarlanmış bir site, iyi tasarlanmış bir vücuda ilham verir! Elementor Pro'nuz varsa, bu son teknoloji kitin keyfini çıkarmak için tek yapmanız gereken Elementor'a girmek, şablon kitaplığını açmak ve 'Gym' için arama yapmaktır.

Daha sonra hangi şablonları görmek istersiniz? Aşağıdaki yorumlarda bize bildirin.