Divi Kişisel Koçluk Web Sitelerine 12 Örnek

Kişisel koçluk, hem web'de hem de web dışında popüler bir endüstridir. Kişisel koçluk hizmetleri sunanlar, potansiyel müşterilere hizmet ve ürünleri hakkında bilgi vermek için iyi tasarlanmış web sitelerine ihtiyaç duyarlar. Neyse ki, hayal gücünüzü harekete geçirmenize yardımcı olmak için Divi ile yapılmış birçok kişisel koçluk web sitesi var. Bu yazıda Divi kişisel koçluk web sitelerinin 12 örneğine göz atacağız.

Kişisel koçluk, yaşam tarzı, sağlık, finans, ilişkiler, kariyer ve daha fazlasını içeren birçok konuyu kapsar. Kişisel koçun ihtiyaçları, geniş hizmet yelpazesi nedeniyle bir koçtan diğerine farklılık gösterir. Çoğu kayıt formlarını, rezervasyon bilgilerini, ürünleri, iletişim bilgilerini, blogları ve daha fazlasını içerir. Bazıları hizmetlerini web siteleri aracılığıyla sunarken, diğerleri ürünlerini sergilemek için web sitelerini kullanır.

Bu 12 web sitesi belirli bir sırada değildir. Sonunda bir bonusumuz bile var – Extra ile yapılmış kişisel bir koçluk sitesi. Hadi bir bakalım…

1. Amber Çalı

Amber Chalus, ekranın sağ tarafında stil sahibi bir e-posta kayıt formu ile tam ekran bir görüntü kullanır. Bunu takiben, markalı renklerle stillendirilmiş yazı tiplerinin bulunduğu bir bölüm yer almaktadır. Sırada, sayfalara bağlantı veren resimlerin bulunduğu tam genişlikte bir bölüm, bir blog bölümü, mavi arka plan üzerinde zarif bir beyaz yazı tipi kullanan bir alıntı içeren tam genişlikte bir bölüm ve site sahibi hakkında bir resim, metin ve öne çıktığı medya simgeleri. Gezinme, açılır menüler olmadan basittir. Düzen iyi tasarlanmış görünüyor ve site yumuşak maviler ve zarif yazı tipleri kullanıyor.

2. Cortney McDermott

Cortney McDermott, etiket satırı ve ardından medya simgelerinin tam genişlikte bir bölümü ve bir e-posta kayıt formu içeren tam ekran bir görüntü içerir. Bir bilgi bölümü, Devamını Oku mesajı olarak arka plan rengine ve zarif bir yazı tipine sahip bir metin modülü kullanır. Üç CTA (harekete geçirici mesaj) yatay olarak sıralanır ve ardından referans olarak tam ekran bir görüntü gelir. Blog bölümü, üç tıklanabilir resim kullanır. Bunu takiben bir kitap CTA'sı, medyaya bağlantılar ve kayıt formunu içeren bir alt bilgi bulunur. Site, resimlerden ve yazı tiplerinden büyük ölçüde yararlanmaktadır.

3. Heidi Gülü

Heidi Rose, logo, slogan ve stil düğmesi ile tam ekran bir görüntü görüntüler. Düğmeye tıklamak sizi ana ekrana götürür ve tam ekran bir görüntüyü ve üst gezinmeyi ortaya çıkarır. Kaydırma, motive edici mesajlar, CTA ve bir alt bilgi menüsü içeren birkaç bölüm görüntüler. Blog, yazı başlığı üzerinde tam genişlikte üç resim görüntüler. Gönderilerin kendileri, kenar çubuğu olmayan tek sütunda ortalanarak zarif bir görünüm oluşturur. Benimle Çalış sayfası, paralaks içinde metin içeren değişen görüntüler içeren şık bir düzen kullanır. Mağaza WooCommerce tarafından desteklenmektedir. Site, düzenleri, yazı tiplerini ve resimleri mükemmel şekilde kullanır.

4. Flört ve Flört

Courtship vs Dating, CTA'lar ve bir bülten formu ile tam genişlikte bir kaydırıcı kullanır. Kaydırma, resim ve açıklama içeren bir kitap için bir CTA ve Kindle mağazasına bağlantı içeren kitapların bir listesini gösterir. Üç sütunlu bir bilgi bölümü, metin ve simgeler kullanır. Olaylar bölümü, olaylar sayfasına bağlantı içeren bir resim görüntüler. Bunu takip eden bir referanslar bölümü, bir blog bölümü ve markalı renklere sahip alt bilgidir. Site markalı rengi iyi kullanıyor.

5. İçgörü Koçluğu

Insight Coaching, menünün üzerinde etiket satırı bulunan logolu büyük bir başlık kullanır. Tam genişlikte bir resim, daha fazla bilgi içeren kısa açıklamayı içerir. Kaydırma, hizmetler hakkında simgeler ve bağlantılar içeren tanıtım yazıları içeren üç sütunlu bir bölüm ortaya çıkarır. Hakkında bölümü, metni stilize edilmiş bir blok içine yerleştirir. Bilgi bölümü, madde işaretleri halinde bilgi sağlar. Referanslar bölümü, arka plan olarak başlık görüntüsünün yansıtılmış bir sürümünü kullanır. Site basittir ve hedef kitle için renk ve yazı tiplerini iyi kullanır.

6. Michelle Luft

Michelle Luft, CTA ile tam genişlikte bir görüntü ve Tawk.To tarafından desteklenen bir sohbet sistemi kullanır. Paralaks içinde bir arka plan görüntüsünün üzerine yerleştirilmiş bir slogan içerir. Daire içine alınmış resimlerin hizmetlere bağlantıları vardır. Animasyonlu bir bilgi bölümü, bir iletişim formunun üzerinde bir slayt gösterisi görüntüler. Blog bölümü, gönderileri bir kaydırıcı içinde görüntüler. Görüşler, sloganla aynı paralaks arka planı üzerine yerleştirilir. Altbilgi, gömülü bir Facebook bağlantısı içerir. Etkinlik takvimi, WP Event Plus tarafından desteklenmektedir. Düzen temiz ve konuya uyması için renkli arka plan resimleri kullanıyor.

7. We2Me

We2Me, paralaks içinde logolu tam ekran bir görüntü kullanır. Kaydırma, misyon ifadesini bir alıntı olarak ve ardından çeşitli sayfalara bağlantılar olarak ortaya çıkarır. Ana sayfanın bölümleri, giriş metni ile paralaks içinde tam ekran görüntülerle ayrılmıştır. Bölümler resimler, metin, video vb. kullanır. Basındaki makalelere bağlantılar, gömülü ses, bir iletişim formu ve CTA'ları olan dört sütunlu bir bölüm içerir. Abonelikler WooCommerce tarafından desteklenmektedir. Site, hedef kitleyi çekmek için markalı renk kullanır.

8. Nefes Al ve Mutluluk

Breathe and Bliss, paralaks içinde dönen mesajla birlikte tam ekran bir arka plan görüntüsü kullanır. Bir bilgi bölümü, arka plan resmini gösteren başlık metnini kullanır. Hizmetler için bulanıklıklar, paralaks içinde bir arka plan üzerine yerleştirilir. Bölüm hakkında iki sütun, bir tarafta bir resim ve diğer tarafta madde işaretleri görüntüler. Tam genişlikte bir CTA, sınıfları ve atölyeleri göstermek için görüntüler görüntüler. Ayrıca tam genişlikte bir Instagram beslemesi içerir. Ruh halini ayarlamak için markalı renkler kullanılır.

9. Kalbim Simyacısı

My Heart Alchemist, bir bindirme, bağlantı ve CTA'da kısa açıklama ile tam genişlikte bir görüntü görüntüler. Sorunları açıklayan bir hakkında bölümü ortalanmış metni kullanır. Kişisel bir alıntı, renkli bir arka plan kullanılarak tam genişlikte bir metin bölümüne yerleştirilir. Tam genişlikte bir görüntü kolajı, bir bindirmede CTA olarak bir ifade kullanır. Hakkında bölümü, faydaları, ardından tam genişlikte bir referans ve tüm bölümün bir bağlantı olduğu resim ve metin içeren tam genişlikte bir CTA'yı gösterir. Rezervasyon bir LeadBox formu aracılığıyla gerçekleştirilir. Site, markalı renklerden, resimlerden ve CTA'lardan büyük ölçüde yararlanmaktadır.

10. Bundan Daha Derin

Bundan Daha Derin, CTA ile tam genişlikte bir görüntü ve ardından paralaks içinde tam genişlikte bir görüntü üzerinde bir etiket satırı görüntüler. Blog bölümü fareyle üzerine gelme animasyonunu kullanır. Hakkında bölümü, tam ekran görüntünün bir tarafına bağlantı içeren bir metin kutusu yerleştirir. Gömülü YouTube videoları, videoları YouTube'da görüntülemek için bağlantılarla birlikte videonun bir pasajını görüntüler. Bir Instagram bölümü, Instagram beslemelerini bir duvar ızgarasında görüntüler. Altbilgi bir e-posta kayıt formu, sayfalara bağlantılar ve iletişim bilgileri içerir. İndirilenler, Dropbox'tan gömülü dosyalardır. Site, havayı siyah ve beyaz kullanarak ayarlar.

11. Laurie Erdman

Laurie Erdman, bir tarafında büyük bir resim, diğer tarafında ise ActiveCampaign tarafından desteklenen bir kayıt formu bulunan iki sütunlu bir bölüm kullanır. Tam genişlikte bir bölüm, bir arka plan deseni üzerinde bir kısa açıklama görüntüler. Kaydırma, daha fazlasını duymak için bağlantı içeren gömülü bir video, vurgulu animasyon kullanan blog kategorilerine sahip görüntüler, bir tarafta referans, diğer tarafta medya bağlantıları bulunan iki sütunlu bir bölüm ve bağlantılar ve sosyal medya takip düğmeleri içeren bir alt bilgi ortaya çıkarır. Mağaza WooCommerce tarafından desteklenmektedir. Site, renk ve görsellerden büyük ölçüde yararlanmaktadır.

12. Vahşi Kutsal

Wild Sacred, başlık metninin arkasında vurgu olarak web sitesinde kullanılan renkli bir sıçrama içeren ortalanmış bir logoya sahip kutulu bir tasarım kullanır. İki sütunlu bir tasarım kullanan sitenin bir tarafında bir karşılama mesajı ve diğer tarafında haber bülteni formu bulunan bir resim bulunur. Bunu takiben, bir tarafında CTA'lar olarak bir metin yerleşimi olan bir dizi resim bulunmaktadır. Metnin bir kısmı, tam genişlikteki görüntülerin bir tarafına yerleştirilir. Görüşler, tam genişlikte bir kaydırıcı içinde görüntülenir. Kurs satın alma işlemleri WooCommerce aracılığıyla gerçekleştirilir. Site, renk ve fotoğraftan mükemmel bir şekilde yararlanıyor.

Bonus: Ekstra Örnek – Umut ve Sentler

Hope and Cents, paralaks içinde bir slogan ve CTA içeren tam ekran bir görüntü içerir. Ana sayfa, bir gönderi kaydırıcısı, tüm kategorileri içeren sekmeli gönderi modülü, haber bülteni CTA'sı ve iki sütunda popüler ve son gönderileri içeren kenar çubuğuna sahip tek bir sütun düzeni içerir. Kenar çubuğu, sosyal takip düğmelerini, bir hakkında pencere öğesini, medya simgelerini, bir ödül sertifikasını ve en son tweet'leri görüntüler. Altbilgi, ortalanmış büyük bir logo ve menü görüntüler. Benimle Çalış sayfası, hizmetlerin her birinde adım adım ilerler ve bunları paralaks içinde tam genişlikte görüntülerle ayırır. Temiz bir yerleşime sahiptir ve rengi mükemmel şekilde kullanır ve normal bir web sitesi oluşturmak için Extra'nın dergi modüllerini kullanmanın güzel bir örneğidir.

Son düşünceler

Bu 12 Divi sitesi ve 1 Ekstra site, koçluk konusu ne olursa olsun kişisel koçluk web sitelerinin harika örnekleridir. Düzenler, renkler, yazı tipleri, iletişim bilgileri, kayıt formları, rezervasyon bilgileri, ürünler, bloglar vb. için ilhama ihtiyacınız olsun, kişisel antrenörler için bir sonraki Divi tasarımınıza yardımcı olacak bir şey mutlaka burada.

Sizden duymak isteriz. Divi kişisel koçluk web sitelerinin bu örneklerinden en sevdiğiniz tasarım öğeleri nelerdir? Aşağıdaki yorumlarda ne düşündüğünüzü bize bildirin.

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