12 Contoh Situs Web Pelatihan Pribadi Divi

Diterbitkan: 2017-05-28

Pembinaan pribadi adalah industri yang populer baik di dalam maupun di luar web. Mereka yang menyediakan layanan pelatihan pribadi memerlukan situs web yang dirancang dengan baik untuk memberi tahu calon klien tentang layanan dan produk mereka. Untungnya ada banyak situs web pelatihan pribadi yang dibuat dengan Divi untuk membantu memicu imajinasi Anda. Pada artikel ini kita akan melihat 12 contoh situs web pelatihan pribadi Divi.

Pembinaan pribadi mencakup banyak topik termasuk gaya hidup, kesehatan, keuangan, hubungan, karier, dan banyak lagi. Kebutuhan personal coach berbeda antara satu coach dengan coach lainnya karena jangkauan layanan yang luas. Sebagian besar menyertakan formulir pendaftaran, informasi pemesanan, produk, info kontak, blog, dan banyak lagi. Beberapa menawarkan layanan mereka melalui situs web mereka sementara yang lain menggunakan situs web mereka untuk memamerkan produk mereka.

12 situs web ini tidak dalam urutan tertentu. Kami bahkan memiliki bonus di akhir – situs pelatihan pribadi yang dibuat dengan Extra. Mari lihat…

1. Amber Chalus

Amber Chalus menggunakan gambar layar penuh dengan formulir pendaftaran email bergaya di sebelah kanan layar. Berikut ini adalah bagian tentang font yang ditata dengan warna bermerek. Berikutnya adalah bagian lebar penuh dengan gambar yang tertaut ke halaman, bagian blog, bagian lebar penuh dengan kutipan menggunakan font putih elegan di atas latar belakang biru, dan bagian tentang pemilik situs dengan gambar, teks, dan ikon media tempat dia ditampilkan. Navigasi sederhana tanpa dropdown. Tata letak terlihat dirancang dengan baik dan situs menggunakan warna biru lembut dan font yang elegan.

2. Cortney McDermott

Cortney McDermott menyertakan gambar layar penuh dengan tagline diikuti oleh bagian lebar penuh dari ikon media dan formulir pendaftaran email. Bagian informasi menggunakan modul teks dengan warna latar belakang dan font yang elegan sebagai pesan Baca Selengkapnya. Tiga CTA (ajakan bertindak) berbaris secara horizontal diikuti oleh gambar layar penuh sebagai testimonial. Bagian blog menggunakan tiga gambar yang dapat diklik. Berikut ini adalah CTA buku, tautan ke media, dan catatan kaki dengan formulir pendaftaran. Situs ini sangat memanfaatkan gambar dan font.

3. Heidi Rose

Heidi Rose menampilkan gambar layar penuh dengan logo, tagline, dan tombol bergaya. Mengklik tombol akan membawa Anda ke layar beranda, menampilkan gambar layar penuh dan navigasi atas. Menggulir menampilkan beberapa bagian dengan pesan motivasi, CTA, dan menu footer. Blog menampilkan tiga gambar dengan lebar penuh di atas judul posting. Tulisan itu sendiri dipusatkan dalam satu kolom tanpa bilah sisi, menciptakan tampilan yang elegan. Halaman Work With Me menggunakan tata letak bergaya dengan gambar bergantian dengan teks dalam paralaks. Toko ini didukung oleh WooCommerce. Situs ini memanfaatkan tata letak, font, dan gambar dengan sangat baik.

4. Pacaran vs Kencan

Pacaran vs Kencan menggunakan slider lebar penuh dengan CTA dan formulir buletin. Menggulir mengungkapkan CTA untuk buku dengan gambar dan deskripsi, dan daftar buku dengan tautan ke toko Kindle. Bagian informasi tiga kolom menggunakan teks dan ikon. Bagian acara menampilkan gambar dengan tautan ke halaman acara. Berikut ini adalah bagian testimonial, bagian blog, dan footer dengan warna bermerek. Situs ini memanfaatkan warna bermerek dengan baik.

5. Pelatihan Wawasan

Insight Coaching menggunakan header besar dengan logo dengan tagline di atas menu. Gambar lebar penuh menyertakan tagline dengan informasi lebih lanjut. Menggulir mengungkapkan bagian tiga kolom dengan uraian dengan ikon dan tautan tentang layanan. Bagian tentang menempatkan teks dalam blok bergaya. Bagian informasi memberikan informasi dalam poin-poin. Bagian testimonial menggunakan versi cermin dari gambar header sebagai latar belakang. Situs ini sederhana dan memanfaatkan warna dan font dengan baik untuk audiens target.

6. Michelle Luft

Michelle Luft menggunakan gambar lebar penuh dengan CTA dan sistem obrolan yang didukung oleh Tawk.To. Ini termasuk tagline yang ditempatkan di atas gambar latar belakang secara paralaks. Gambar yang dilingkari memiliki tautan ke layanan. Bagian informasi animasi menampilkan tayangan slide di atas formulir kontak. Bagian blog menampilkan posting dalam slider. Testimonial ditempatkan di atas latar belakang paralaks yang sama dengan tagline. Footer menyertakan tautan Facebook yang disematkan. Kalender acara didukung oleh WP Event Plus. Tata letaknya bersih dan menggunakan gambar latar berwarna agar sesuai dengan topik.

7. We2Me

We2Me menggunakan gambar layar penuh dengan logo paralaks. Menggulir mengungkapkan pernyataan misi sebagai kutipan diikuti dengan tautan ke berbagai halaman. Bagian halaman beranda dipisahkan oleh gambar layar penuh secara paralaks dengan teks pengantar. Bagian menggunakan gambar, teks, video, dll Ini termasuk link ke artikel di pers, audio tertanam, formulir kontak, dan bagian empat kolom dengan CTA. Langganan didukung oleh WooCommerce. Situs ini menggunakan warna bermerek untuk menarik audiens target.

8. Bernapas dan Bahagia

Breathe and Bliss menggunakan gambar latar layar penuh dengan pesan berputar dalam paralaks. Bagian informasi menggunakan teks header dengan gambar latar belakang yang ditampilkan. Blurb untuk layanan ditempatkan di atas latar belakang dalam paralaks. Dua kolom tentang bagian menampilkan gambar di satu sisi dan poin di sisi lain. CTA lebar penuh menampilkan gambar untuk mendemonstrasikan kelas dan lokakarya. Ini juga termasuk umpan Instagram lebar penuh. Warna bermerek digunakan untuk mengatur suasana hati.

9. Alkemis Hatiku

My Heart Alchemist menampilkan gambar lebar penuh dengan tagline dalam overlay, tautan, dan CTA. Bagian tentang yang menjelaskan masalah menggunakan teks terpusat. Kutipan pribadi ditempatkan dalam bagian teks lebar penuh menggunakan latar belakang berwarna. Kolase gambar lebar penuh menggunakan pernyataan dalam overlay sebagai CTA. Bagian tentang menampilkan manfaat diikuti dengan testimonial lebar penuh dan CTA lebar penuh dengan gambar dan teks dengan seluruh bagian menjadi tautan. Pemesanan ditangani melalui formulir LeadBox. Situs ini sangat memanfaatkan warna, gambar, dan CTA bermerek.

10. Lebih Dalam Dari Itu

Deeper Than That menampilkan gambar lebar penuh dengan CTA diikuti dengan tagline di atas gambar lebar penuh secara paralaks. Bagian blog menggunakan animasi hover. Bagian tentang menempatkan kotak teks dengan tautan ke satu sisi gambar layar penuh. Video YouTube yang disematkan menampilkan cuplikan video dengan tautan untuk melihat video di YouTube. Bagian Instagram menampilkan umpan Instagram dalam kotak batu. Footer menyertakan formulir pendaftaran email, tautan ke halaman, dan informasi kontak. Unduhan adalah file yang disematkan dari Dropbox. Situs mengatur suasana hati menggunakan hitam dan putih.

11. Laurie Erdman

Laurie Erdman menggunakan bagian dua kolom dengan gambar besar di satu sisi dan formulir pendaftaran di sisi lain yang didukung oleh ActiveCampaign. Bagian lebar penuh menampilkan tagline di atas pola latar belakang. Menggulir mengungkapkan video yang disematkan dengan tautan untuk mendengar lebih banyak, gambar dengan kategori blog menggunakan animasi melayang, bagian dua kolom dengan testimonial di satu sisi dan tautan media di sisi lain, dan footer dengan tautan dan tombol ikuti media sosial. Toko ini didukung oleh WooCommerce. Situs ini sangat memanfaatkan warna dan gambar.

12. Suci Liar

Wild Sacred menggunakan desain kotak dengan logo di tengah yang menyertakan percikan berwarna yang digunakan di seluruh situs web sebagai sorotan di balik teks header. Menggunakan desain dua kolom, situs menyertakan gambar di satu sisi dengan pesan selamat datang dan formulir buletin di sisi lain. Berikut ini adalah serangkaian gambar dengan hamparan teks di satu sisi sebagai CTA. Beberapa teks ditempatkan di satu sisi gambar dengan lebar penuh. Testimonial ditampilkan dalam slider lebar penuh. Pembelian untuk kursus ditangani melalui WooCommerce. Situs ini memanfaatkan warna dan fotografi dengan sangat baik.

Bonus: Contoh Ekstra – Harapan dan Sen

Hope and Cents menyertakan gambar layar penuh dengan tagline dan CTA dalam paralaks. Beranda mencakup tata letak kolom tunggal dengan bilah sisi yang mencakup penggeser posting, modul posting tab dengan semua kategori, CTA buletin, dan posting populer dan terbaru dalam dua kolom. Bilah samping menampilkan tombol ikuti sosial, widget tentang, ikon media, sertifikat penghargaan, dan tweet terbaru. Footer menampilkan logo dan menu besar di tengah. Halaman Work With Me menelusuri setiap layanan, memisahkannya dengan gambar lebar penuh secara paralaks. Ini memiliki tata letak yang bersih dan menggunakan warna yang sangat baik, dan merupakan contoh yang bagus dalam menggunakan modul majalah Extra untuk membuat situs web biasa.

Pikiran Akhir

12 situs Divi dan 1 situs Ekstra ini adalah contoh bagus dari situs web pelatihan pribadi, apa pun topik pelatihannya. Apakah Anda memerlukan inspirasi untuk tata letak, warna, font, info kontak, formulir pendaftaran, informasi pemesanan, produk, blog, dll., pasti ada sesuatu di sini untuk membantu desain Divi Anda berikutnya untuk pelatih pribadi.

Kami ingin mendengar dari Anda. Apa elemen desain favorit Anda dari contoh situs web pelatihan pribadi Divi ini? Beri tahu kami pendapat Anda di komentar di bawah.

Gambar Unggulan melalui Vector Goddess / shutterstock.com