12 أمثلة على مواقع تدريب Divi الشخصية

يعد التدريب الشخصي صناعة شائعة على الويب وخارجه. يحتاج أولئك الذين يقدمون خدمات التدريب الشخصية إلى مواقع ويب مصممة جيدًا لإخبار العملاء المحتملين عن خدماتهم ومنتجاتهم. لحسن الحظ ، هناك الكثير من مواقع التدريب الشخصية المصممة باستخدام Divi للمساعدة في إثارة خيالك. في هذه المقالة ، سنلقي نظرة على 12 مثالًا لمواقع تدريب Divi الشخصية.

يغطي التدريب الشخصي الكثير من الموضوعات بما في ذلك نمط الحياة والصحة والشؤون المالية والعلاقات والمهن وغير ذلك. تختلف احتياجات المدرب الشخصي من مدرب إلى آخر بسبب النطاق الواسع للخدمات. يتضمن معظمها نماذج الاشتراك ومعلومات الحجز والمنتجات ومعلومات الاتصال والمدونات والمزيد. يقدم البعض خدماتهم من خلال مواقع الويب الخاصة بهم بينما يستخدم البعض الآخر مواقع الويب الخاصة بهم لعرض منتجاتهم.

هذه المواقع الـ 12 ليست بترتيب معين. لدينا أيضًا مكافأة في النهاية - موقع تدريب شخصي مصنوع من Extra. لنلقي نظرة…

1. العنبر تشالوس

يستخدم Amber Chalus صورة ملء الشاشة مع نموذج تسجيل بريد إلكتروني مصمم على يمين الشاشة. يتبع هذا قسم حول الخطوط المصممة بألوان ذات علامة تجارية. التالي هو قسم كامل العرض يحتوي على صور ترتبط بالصفحات ، وقسم مدونة ، وقسم بعرض كامل مع اقتباس باستخدام خط أبيض أنيق فوق الخلفية الزرقاء ، وقسم عن مالك الموقع مع صورة ونص و أيقونات الوسائط التي ظهرت فيها. التنقل بسيط بدون قوائم منسدلة. يبدو التصميم جيدًا والموقع يستخدم البلوز الناعم والخطوط الأنيقة.

2. كورتني مكديرموت

يتضمن Cortney McDermott صورة ملء الشاشة مع سطر شعار متبوعًا بقسم كامل العرض من أيقونات الوسائط ونموذج تسجيل البريد الإلكتروني. يستخدم قسم المعلومات وحدة نصية مع لون الخلفية وخط أنيق كرسالة قراءة المزيد. ثلاثة CTA (عبارة تحث المستخدم على اتخاذ إجراء) تصطف أفقيًا متبوعة بصورة ملء الشاشة كشهادة. يستخدم قسم المدونة ثلاث صور قابلة للنقر. يتبع هذا كتاب CTA وروابط لوسائل الإعلام وتذييل مع نموذج التسجيل. يستفيد الموقع بشكل كبير من الصور والخطوط.

3. هايدي روز

تعرض Heidi Rose صورة ملء الشاشة مع شعار وشعار وزر على غرار. ينقلك النقر فوق الزر إلى الشاشة الرئيسية ، ويكشف عن صورة ملء الشاشة والتنقل العلوي. يعرض التمرير عدة أقسام تحتوي على رسائل تحفيزية و CTA وقائمة تذييل. تعرض المدونة ثلاث صور بعرض كامل فوق عنوان المنشور. تتمركز المشاركات نفسها في عمود واحد بدون شريط جانبي ، مما يخلق مظهرًا أنيقًا. تستخدم صفحة " العمل معي" تخطيطًا أنيقًا مع صور بديلة مع نص في اختلاف المنظر. المتجر مدعوم من WooCommerce. يستخدم الموقع بشكل ممتاز التخطيطات والخطوط والصور.

4. الخطوبة مقابل المواعدة

تستخدم الخطوبة مقابل المواعدة شريط تمرير بعرض كامل مع CTA's ونموذج رسالة إخبارية. يكشف التمرير عن عبارة تحث المستخدم على اتخاذ إجراء لكتاب به صورة ووصف ، وقائمة بالكتب التي تحتوي على روابط إلى متجر Kindle. يستخدم قسم المعلومات المكون من ثلاثة أعمدة النص والرموز. يعرض قسم الأحداث صورة مع رابط إلى صفحة الأحداث. يتبع هذا قسم الشهادات وقسم مدونة وتذييل بألوان ذات علامة تجارية. الموقع يستخدم الألوان ذات العلامات التجارية بشكل جيد.

5. البصيرة التدريب

يستخدم Insight Coaching رأسًا كبيرًا مع شعار مع سطر شعار أعلى القائمة. تتضمن الصورة كاملة العرض سطر الوصف مع مزيد من المعلومات. يكشف التمرير عن قسم من ثلاثة أعمدة به دعاية دعاية مع رموز وروابط حول الخدمات. يضع قسم "حول" النص داخل قالب ذي نمط. يوفر قسم المعلومات المعلومات في نقاط. يستخدم قسم الشهادات نسخة معكوسة من صورة العنوان كخلفية. الموقع بسيط ويستخدم الألوان والخطوط بشكل جيد للجمهور المستهدف.

6. ميشيل لوفت

تستخدم Michelle Luft صورة كاملة العرض مع CTA ونظام دردشة مدعوم من Tawk.To. يتضمن سطرًا تعريفًا موضوعًا فوق صورة خلفية في اختلاف المنظر. الصور المحاطة بدائرة بها روابط للخدمات. يعرض قسم المعلومات المتحركة عرض شرائح فوق نموذج الاتصال. يعرض قسم المدونة المنشورات داخل شريط التمرير. يتم وضع الشهادات على نفس خلفية اختلاف المنظر مثل سطر الوصف. يتضمن التذييل رابط Facebook مضمنًا. تقويم الحدث مدعوم من WP Event Plus. التصميم نظيف ويستخدم صور خلفية ملونة لتناسب الموضوع.

7. We2Me

يستخدم We2Me صورة ملء الشاشة مع شعار في المنظر. يكشف التمرير عن بيان المهمة باعتباره اقتباسًا متبوعًا بروابط لصفحات مختلفة. أقسام الصفحة الرئيسية مفصولة بصور ملء الشاشة في اختلاف المنظر مع النص التمهيدي. تستخدم الأقسام الصور والنصوص والفيديو وما إلى ذلك. وتتضمن روابط لمقالات في الصحافة وصوت مضمن ونموذج اتصال وقسم من أربعة أعمدة مع CTA's. يتم تشغيل الاشتراكات بواسطة WooCommerce. يستخدم الموقع لونًا ذا علامة تجارية لجذب الجمهور المستهدف.

8. تنفس ونعيم

يستخدم Breathe and Bliss صورة خلفية بملء الشاشة مع تدوير الرسالة في المنظر. يستخدم قسم المعلومات نصًا رئيسيًا مع صورة خلفية تظهر من خلاله. يتم وضع دعاية دعاية للخدمات على خلفية في اختلاف المنظر. يعرض عمودان حول قسم صورة من جانب ورموز نقطية على الجانب الآخر. يعرض CTA كامل العرض صورًا لإظهار الفصول وورش العمل. يتضمن أيضًا تغذية Instagram كاملة العرض. تستخدم الألوان ذات العلامات التجارية لضبط الحالة المزاجية.

9. الكيميائي قلبي

يعرض My Heart Alchemist صورة كاملة العرض مع سطر شعار في تراكب ورابط و CTA. يستخدم قسم حول الذي يصف المشاكل نصًا مركزيًا. يتم وضع اقتباس شخصي داخل قسم نص كامل العرض باستخدام خلفية ملونة. تستخدم صورة مجمعة كاملة العرض بيانًا في تراكب باعتباره CTA. يعرض قسم حول الفوائد متبوعة بشهادة كاملة العرض و CTA بعرض كامل مع صورة ونص مع كون القسم بأكمله عبارة عن رابط. يتم التعامل مع الحجز من خلال نموذج LeadBox. يستفيد الموقع بشكل كبير من الألوان والصور و CTA's ذات العلامات التجارية.

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 ، والمشاركات الشائعة والحديثة في عمودين. يعرض الشريط الجانبي أزرار المتابعة الاجتماعية ، وعن عنصر واجهة المستخدم ، وأيقونات الوسائط ، وشهادة الجائزة ، والتغريدات الحديثة. يعرض التذييل شعارًا وقائمة مركزية كبيرة. تتنقل صفحة " العمل معي" عبر كل خدمة ، وتفصلها بصور كاملة العرض في المنظر. إنه ذو تصميم نظيف ويستخدم الألوان بشكل ممتاز ، وهو مثال جيد لاستخدام وحدات مجلة Extra لإنشاء موقع ويب منتظم.

افكار اخيرة

تعد مواقع Divi الـ 12 هذه وموقع 1 Extra أمثلة رائعة على مواقع التدريب الشخصية بغض النظر عن موضوع التدريب. سواء أكنت بحاجة إلى مصدر إلهام للتخطيطات والألوان والخطوط ومعلومات الاتصال ونماذج الاشتراك ومعلومات الحجز والمنتجات والمدونات وما إلى ذلك ، فمن المؤكد أن يكون هناك شيء هنا للمساعدة في تصميم Divi التالي للمدربين الشخصيين.

نود أن نسمع منك. ما هي عناصر التصميم المفضلة لديك من هذه الأمثلة لمواقع تدريب Divi الشخصية؟ أخبرنا برأيك في التعليقات أدناه.

صورة مميزة عبر Vector Goddess / shutterstock.com