12 ตัวอย่างเว็บไซต์ฝึกสอนส่วนตัวของ Divi
เผยแพร่แล้ว: 2017-05-28การฝึกสอนส่วนบุคคลเป็นอุตสาหกรรมที่ได้รับความนิยมทั้งในและนอกเว็บ ผู้ให้บริการฝึกสอนส่วนบุคคลต้องการเว็บไซต์ที่ออกแบบมาอย่างดีเพื่อบอกผู้มีโอกาสเป็นลูกค้าเกี่ยวกับบริการและผลิตภัณฑ์ของตน โชคดีที่มีเว็บไซต์ฝึกสอนส่วนบุคคลจำนวนมากที่สร้างด้วย Divi เพื่อช่วยจุดประกายจินตนาการของคุณ ในบทความนี้ เราจะมาดูตัวอย่าง 12 ตัวอย่างของเว็บไซต์ฝึกสอนส่วนตัวของ Divi
การฝึกสอนส่วนบุคคลครอบคลุมหัวข้อมากมาย เช่น ไลฟ์สไตล์ สุขภาพ การเงิน ความสัมพันธ์ อาชีพ และอื่นๆ ความต้องการของโค้ชส่วนบุคคลนั้นแตกต่างกันไปตามแต่ละโค้ชเนื่องจากบริการที่หลากหลาย ส่วนใหญ่รวมถึงแบบฟอร์มลงทะเบียน ข้อมูลการจอง ผลิตภัณฑ์ ข้อมูลติดต่อ บล็อก และอื่นๆ บางคนเสนอบริการผ่านเว็บไซต์ของตนในขณะที่คนอื่นใช้เว็บไซต์ของตนเพื่อแสดงผลิตภัณฑ์ของตน
12 เว็บไซต์เหล่านี้ไม่ได้เรียงลำดับเฉพาะ เรายังมีโบนัสในตอนท้าย – เว็บไซต์ฝึกสอนส่วนบุคคลที่สร้างด้วย Extra มาดูกัน…
1. แอมเบอร์ ชาลุส

Amber Chalus ใช้รูปภาพแบบเต็มหน้าจอพร้อมแบบฟอร์มลงทะเบียนอีเมลที่มีสไตล์อยู่ทางด้านขวาของหน้าจอ ต่อไปนี้เป็นส่วนเกี่ยวกับแบบอักษรที่มีสีตามแบรนด์ ถัดไปคือส่วนเต็มความกว้างที่มีรูปภาพที่เชื่อมโยงไปยังหน้า ส่วนบล็อก ส่วนความกว้างเต็มพร้อมใบเสนอราคาโดยใช้แบบอักษรสีขาวสวยงามบนพื้นหลังสีน้ำเงิน และส่วนเกี่ยวกับเจ้าของไซต์ที่มีรูปภาพ ข้อความ และ ไอคอนสื่อที่เธอแสดง การนำทางทำได้ง่ายโดยไม่มีรายการดรอปดาวน์ เลย์เอาต์ดูได้รับการออกแบบมาอย่างดีและไซต์ใช้บลูส์ที่นุ่มนวลและฟอนต์ที่สวยงาม
2. Cortney McDermott

Cortney McDermott มีภาพเต็มหน้าจอพร้อมแท็กไลน์ตามด้วยไอคอนสื่อขนาดความกว้างเต็มและแบบฟอร์มลงทะเบียนอีเมล ส่วนข้อมูลใช้โมดูลข้อความที่มีสีพื้นหลังและแบบอักษรที่สวยงามเป็นข้อความอ่านเพิ่มเติม CTA (คำกระตุ้นการตัดสินใจ) สามรายการเรียงในแนวนอนตามด้วยภาพเต็มหน้าจอเพื่อเป็นการรับรอง ส่วนบล็อกใช้รูปภาพที่คลิกได้สามภาพ ต่อไปนี้คือหนังสือ CTA ลิงก์ไปยังสื่อ และส่วนท้ายที่มีแบบฟอร์มลงทะเบียน ไซต์นี้ใช้ประโยชน์จากรูปภาพและแบบอักษรได้อย่างดีเยี่ยม
3. ไฮดี้ โรส

Heidi Rose แสดงรูปภาพแบบเต็มหน้าจอพร้อมโลโก้ แท็กไลน์ และปุ่มสไตล์ การคลิกปุ่มจะนำคุณไปยังหน้าจอหลัก เผยให้เห็นภาพเต็มหน้าจอและการนำทางด้านบน การเลื่อนจะแสดงหลายส่วนพร้อมข้อความที่สร้างแรงบันดาลใจ CTA และเมนูส่วนท้าย บล็อกจะแสดงภาพสามภาพแบบเต็มความกว้างเหนือชื่อบทความ โพสต์ต่างๆ จะอยู่ตรงกลางคอลัมน์เดียวโดยไม่มีแถบด้านข้าง ทำให้ดูสง่างาม หน้า Work With Me ใช้เลย์เอาต์ที่มีสไตล์พร้อมรูปภาพสลับกับข้อความในรูปแบบพารัลแลกซ์ ร้านค้าขับเคลื่อนโดย WooCommerce เว็บไซต์นี้ใช้เลย์เอาต์ ฟอนต์ และรูปภาพได้อย่างดีเยี่ยม
4. การเกี้ยวพาราสีกับการออกเดท

การเกี้ยวพาราสีกับการออกเดทใช้แถบเลื่อนแบบเต็มความกว้างกับ CTA และแบบฟอร์มจดหมายข่าว การเลื่อนจะแสดง CTA สำหรับหนังสือที่มีรูปภาพและคำอธิบาย และรายชื่อหนังสือที่มีลิงก์ไปยังร้าน Kindle ส่วนข้อมูลสามคอลัมน์ใช้ข้อความและไอคอน ส่วนเหตุการณ์จะแสดงรูปภาพพร้อมลิงก์ไปยังหน้ากิจกรรม ต่อไปนี้คือส่วนคำรับรอง ส่วนบล็อก และส่วนท้ายที่มีสีที่มีตราสินค้า เว็บไซต์นี้ใช้สีที่มีตราสินค้าอย่างเหมาะสม
5. การฝึกสอนเชิงลึก

Insight Coaching ใช้ส่วนหัวขนาดใหญ่ที่มีโลโก้พร้อมสโลแกนเหนือเมนู รูปภาพเต็มความกว้างมีสโลแกนที่มีข้อมูลเพิ่มเติม การเลื่อนเผยให้เห็นส่วนสามคอลัมน์พร้อมข้อความแจ้งพร้อมไอคอนและลิงก์เกี่ยวกับบริการ ส่วนเกี่ยวกับจะวางข้อความภายในบล็อกที่มีสไตล์ ส่วนข้อมูลให้ข้อมูลในหัวข้อย่อย ส่วนคำรับรองใช้รูปภาพส่วนหัวเวอร์ชันมิเรอร์เป็นพื้นหลัง ไซต์นี้เรียบง่ายและใช้ประโยชน์จากสีและแบบอักษรสำหรับผู้ชมเป้าหมายได้เป็นอย่างดี
6. มิเชล ลุฟท์

Michelle Luft ใช้รูปภาพแบบเต็มความกว้างกับ CTA และระบบแชทที่ขับเคลื่อนโดย Tawk.To ประกอบด้วยสโลแกนที่วางทับภาพพื้นหลังในรูปแบบพารัลแลกซ์ รูปภาพวงกลมมีลิงก์ไปยังบริการต่างๆ ส่วนข้อมูลแบบเคลื่อนไหวจะแสดงสไลด์โชว์เหนือแบบฟอร์มการติดต่อ ส่วนบล็อกจะแสดงโพสต์ภายในแถบเลื่อน ข้อความรับรองจะถูกวางไว้บนพื้นหลังพารัลแลกซ์เดียวกันกับสโลแกน ส่วนท้ายมีลิงก์ Facebook ที่ฝังอยู่ ปฏิทินกิจกรรมขับเคลื่อนโดย WP Event Plus เลย์เอาต์สะอาดและใช้ภาพพื้นหลังที่มีสีสันเพื่อให้เข้ากับหัวข้อ
7. We2Me

We2Me ใช้รูปภาพแบบเต็มหน้าจอพร้อมโลโก้ในรูปแบบพารัลแลกซ์ การเลื่อนเผยให้เห็นพันธกิจเป็นคำพูดตามด้วยลิงก์ไปยังหน้าต่างๆ ส่วนของโฮมเพจถูกคั่นด้วยรูปภาพแบบเต็มหน้าจอในพารัลแลกซ์พร้อมข้อความเกริ่นนำ ส่วนต่างๆ จะใช้รูปภาพ ข้อความ วิดีโอ ฯลฯ รวมถึงลิงก์ไปยังบทความในสื่อ เสียงที่ฝัง แบบฟอร์มการติดต่อ และส่วนสี่คอลัมน์ที่มี CTA การสมัครสมาชิกขับเคลื่อนโดย WooCommerce ไซต์ใช้สีที่มีตราสินค้าเพื่อดึงดูดผู้ชมเป้าหมาย

8. หายใจและมีความสุข

Breathe and Bliss ใช้ภาพพื้นหลังแบบเต็มหน้าจอพร้อมข้อความหมุนในรูปแบบพารัลแลกซ์ ส่วนข้อมูลใช้ข้อความส่วนหัวที่มีรูปภาพพื้นหลังแสดงผ่าน Blurbs สำหรับบริการจะวางทับพื้นหลังในรูปแบบพารัลแลกซ์ สองคอลัมน์เกี่ยวกับส่วนจะแสดงรูปภาพที่ด้านหนึ่งและสัญลักษณ์แสดงหัวข้อย่อยอีกด้านหนึ่ง CTA แบบเต็มความกว้างจะแสดงรูปภาพเพื่อสาธิตชั้นเรียนและเวิร์กช็อป นอกจากนี้ยังมีฟีด Instagram แบบเต็มความกว้าง ใช้สีที่มีตราสินค้าเพื่อสร้างอารมณ์
9. นักเล่นแร่แปรธาตุหัวใจของฉัน

My Heart Alchemist แสดงรูปภาพแบบเต็มความกว้างพร้อมแท็กไลน์ในโอเวอร์เลย์ ลิงก์ และ CTA ส่วนเกี่ยวกับที่อธิบายปัญหาใช้ข้อความที่อยู่ตรงกลาง ใบเสนอราคาส่วนบุคคลจะอยู่ในส่วนข้อความแบบเต็มความกว้างโดยใช้พื้นหลังสี ภาพตัดปะภาพแบบเต็มความกว้างใช้คำสั่งในการซ้อนทับเป็น CTA ส่วนเกี่ยวกับจะแสดงประโยชน์ตามด้วยข้อความรับรองแบบเต็มความกว้างและ CTA แบบเต็มความกว้างพร้อมรูปภาพและข้อความที่มีส่วนทั้งหมดเป็นลิงก์ การจองจะได้รับการจัดการผ่านแบบฟอร์ม LeadBox เว็บไซต์นี้ใช้ประโยชน์จากสี รูปภาพ และ CTA ของแบรนด์ได้อย่างดีเยี่ยม
10. ลึกกว่านั้น

Deeper Than That แสดงรูปภาพเต็มความกว้างด้วย CTA ตามด้วยแท็กไลน์เหนือรูปภาพแบบเต็มความกว้างในรูปแบบพารัลแลกซ์ ส่วนบล็อกใช้ภาพเคลื่อนไหวแบบโฮเวอร์ ส่วนเกี่ยวกับจะวางกล่องข้อความที่มีลิงก์ไปยังด้านหนึ่งของภาพเต็มหน้าจอ วิดีโอ YouTube แบบฝังจะแสดงตัวอย่างวิดีโอพร้อมลิงก์สำหรับดูวิดีโอบน YouTube ส่วน Instagram แสดงฟีด Instagram ในตารางก่ออิฐ ส่วนท้ายประกอบด้วยแบบฟอร์มลงทะเบียนอีเมล ลิงก์ไปยังเพจ และข้อมูลติดต่อ การดาวน์โหลดเป็นไฟล์ฝังตัวจาก Dropbox เว็บไซต์กำหนดอารมณ์โดยใช้ขาวดำ
11. ลอรี่ เอิร์ดมัน

Laurie Erdman ใช้ส่วนสองคอลัมน์ที่มีรูปภาพขนาดใหญ่อยู่ด้านหนึ่งและแบบฟอร์มลงทะเบียนอีกด้านหนึ่งซึ่งขับเคลื่อนโดย ActiveCampaign ส่วนแบบเต็มความกว้างจะแสดงสโลแกนเหนือรูปแบบพื้นหลัง การเลื่อนจะแสดงวิดีโอที่ฝังไว้พร้อมลิงก์สำหรับฟังเพิ่มเติม รูปภาพที่มีหมวดหมู่บล็อกโดยใช้ภาพเคลื่อนไหวแบบโฮเวอร์ ส่วนสองคอลัมน์ที่มีข้อความรับรองอยู่ด้านหนึ่งและลิงก์สื่อที่อีกด้านหนึ่ง และส่วนท้ายที่มีลิงก์และปุ่มติดตามโซเชียลมีเดีย ร้านค้าขับเคลื่อนโดย WooCommerce เว็บไซต์นี้ใช้ประโยชน์จากสีและรูปภาพได้เป็นอย่างดี
12. ป่าศักดิ์สิทธิ์

Wild Sacred ใช้การออกแบบแบบกล่องที่มีโลโก้ตรงกลางซึ่งมีการสาดสีที่ใช้ทั่วทั้งเว็บไซต์เป็นไฮไลต์ที่อยู่เบื้องหลังข้อความส่วนหัว ด้วยการออกแบบสองคอลัมน์ เว็บไซต์มีรูปภาพด้านหนึ่งโดยมีข้อความต้อนรับและแบบฟอร์มจดหมายข่าวอยู่อีกด้านหนึ่ง ต่อจากนี้เป็นชุดของรูปภาพที่มีข้อความซ้อนทับอยู่ด้านหนึ่งเป็น CTA ข้อความบางส่วนถูกวางทับด้านหนึ่งของรูปภาพขนาดเต็มความกว้าง ข้อความรับรองจะแสดงอยู่ในแถบเลื่อนเต็มความกว้าง การจัดซื้อหลักสูตรดำเนินการผ่าน WooCommerce เว็บไซต์นี้ใช้ประโยชน์จากสีและการถ่ายภาพได้อย่างดีเยี่ยม
โบนัส: ตัวอย่างพิเศษ – ความหวังและเซ็นต์

Hope and Cents มีรูปภาพเต็มหน้าจอพร้อมสโลแกนและ CTA ในรูปแบบพารัลแลกซ์ หน้าแรกมีเลย์เอาต์คอลัมน์เดียวที่มีแถบด้านข้างซึ่งรวมถึงตัวเลื่อนโพสต์ โมดูลโพสต์แบบแท็บที่มีหมวดหมู่ทั้งหมด CTA จดหมายข่าว และโพสต์ยอดนิยมและโพสต์ล่าสุดในสองคอลัมน์ แถบด้านข้างแสดงปุ่มติดตามทางสังคม วิดเจ็ตเกี่ยวกับ ไอคอนสื่อ ใบรับรองรางวัล และทวีตล่าสุด ส่วนท้ายจะแสดงโลโก้และเมนูตรงกลางขนาดใหญ่ หน้า Work With Me จะ ดำเนินไปตามแต่ละบริการ โดยคั่นด้วยรูปภาพแบบเต็มความกว้างในรูปแบบพารัลแลกซ์ มีเลย์เอาต์ที่สะอาดตาและใช้สีได้อย่างยอดเยี่ยม และเป็นตัวอย่างที่ดีของการใช้โมดูลนิตยสารของ Extra เพื่อสร้างเว็บไซต์ปกติ
ความคิดสุดท้าย
ไซต์ Divi 12 ไซต์และไซต์พิเศษ 1 ไซต์เป็นตัวอย่างที่ดีของเว็บไซต์การฝึกสอนส่วนบุคคลไม่ว่าหัวข้อการฝึกสอนจะเป็นเช่นไร ไม่ว่าคุณต้องการแรงบันดาลใจสำหรับเลย์เอาต์ สี ฟอนต์ ข้อมูลติดต่อ แบบฟอร์มลงทะเบียน ข้อมูลการจอง ผลิตภัณฑ์ บล็อก ฯลฯ ย่อมมีบางสิ่งที่จะช่วยคุณในการออกแบบ Divi ครั้งต่อไปสำหรับโค้ชส่วนตัว
เราอยากได้ยินจากคุณ อะไรคือองค์ประกอบการออกแบบที่คุณชื่นชอบจากตัวอย่างเว็บไซต์ฝึกสอนส่วนตัวของ Divi เหล่านี้ แจ้งให้เราทราบว่าคุณคิดอย่างไรในความคิดเห็นด้านล่าง
รูปภาพเด่นผ่าน Vector Goddess / shutterstock.com
