16 أمثلة على مواقع الاستشاريين الرقمية التي تم إنشاؤها باستخدام Divi

الاستشارات الرقمية هي نموذج أعمال شائع عبر الإنترنت. يتطور الكثير من الاستشاريين الرقميين مع Divi لهم ولعملائهم ، وهذا أحد الأسباب التي جعلت Divi أحد أهم موضوعات التطوير في WordPress. هذا يعني أن هناك الكثير من الأمثلة على مواقع الاستشاريين الرقمية التي تم إنشاؤها باستخدام Divi للمساعدة في توفير الإلهام الإبداعي. في هذه المقالة سوف نلقي نظرة على 16 منهم.

سواء كان المستشار الرقمي يقدم خدمات مثل تصميم الويب والشعارات والتصميم الجرافيكي وتطوير التطبيقات وما إلى ذلك ، يمكن أن تساعد هذه المواقع في الإلهام لتصميمك التالي. المواقع ليست في ترتيب معين.

1. Smart Coder 3

يستخدم Smart Coder 3 منزلق صورة ملء الشاشة مع صور خلفية الشطرنج وعلامات الاقتباس في تراكب. توفر الخطوط الحمراء بعض التمييز المرئي. يعرض قسم "نبذة عني" لوحة رقمية رائعة للمطور. توفر أقسام متعددة اقتباسات من أسماء مشهورة. تشمل الأقسام الأخرى عداد الأرقام والمشاريع وشريط تمرير الشهادة ونموذج الاتصال. يعمل نظام الألوان الأحمر والأبيض والأسود بشكل جيد لتصميم الموقع.

2. XD Web Design

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

3. زاكري نيلسون

يستخدم Zachery Nielson في الغالب خلفية سوداء مع نص أبيض وصور وخلفية ملء الشاشة في المنظر. يتم عرض العمل المحدد داخل الشاشة والجهاز المحمول. تستخدم المواقع أسلوب الحد الأدنى مع الخطوط الكبيرة.

4. فيسنتي لاتاج الابن

يعرض Vicente Latag Jr خلفية فيديو كاملة العرض في المنظر الذي يتحرك في الاتجاه المعاكس عند التمرير. من خلال العلامات التجارية البرتقالية والأبيض ، تلفت الرموز الكبيرة الانتباه إلى الخدمات والشهادات ونموذج الاتصال. تظهر المشاريع في شبكة كاملة العرض.

5. Taltool

Taltool هو موقع عبري يحتوي على نص من RTL (من اليمين إلى اليسار). يستخدم شريط تمرير ملء الشاشة مع رسوم متحركة للتكبير. معظم الأقسام في وضع ملء الشاشة وتتضمن العديد من أقسام المشروع الحديثة وقسم حول مع رسم رقمي على غرار قلم رصاص ملون للمطور باستخدام CTA. الموقع يستخدم الألوان بشكل كبير.

6. سينسي ويب

يستخدم Sensi Web خلفية جسيمية مثيرة للاهتمام مع رسم على شكل قلب في المنظر (والذي يتضاعف كشعار). تتطابق خلفيات القسم في جميع أنحاء الموقع مع ألوان هذه الخلفية والرسم. تستخدم الأقسام عمودين من النص والرسومات بنمط بديل. يتم عرض العمل في شريط تمرير المشروع باستخدام نسخة مكبرة من صورة الخلفية. تتوافق الخطوط والأيقونات مع التصميم تمامًا ، مما يمنح الموقع جاذبية مرئية تبدو نظيفة واحترافية.

7. جون جونزاليس

يستخدم John Gonzalez منزلق الصورة مع تأثير التكبير على التمرير. تقدم كل شريحة بيانًا قصيرًا. تظهر الخدمات في مربعات تستخدم تأثيرات تمرير لطيفة لتوفير ظل للبطاقة ، وتغيير العنوان إلى اللون الأحمر ، وتكبير الأيقونة وغامقها. تُظهر الشهادات الصور التي يمكنك اختيارها لقراءة بيانها. تستخدم الدورات التدريبية والمدونة أيضًا تأثيرات التمرير ، ولكنها تختلف قليلاً عن الخدمات. يستخدم الموقع بشكل ممتاز العلامات التجارية باللونين الأحمر والأبيض والرسوم المتحركة والمنظر.

8. بريان توربي

يستخدم Brian Torpie تراكب خلفية متدرجة في المنظر مع CTA وتأثير كتابة جميل. يصف قسم رفيع بعرض كامل كل قسم من التخطيط بدءًا من الجزء الأول الذي يعرض الخدمات المقدمة. كل خدمة موصوفة أو موضحة بأقسام كاملة العرض باستخدام صور الخلفية مع النص و CTA إلى جانب واحد.

9. Zeljko Skipic

يستخدم Zeljko Skipic الأسود والأبيض (غالبًا ظلال رمادية) ، جنبًا إلى جنب مع أقسام من الخلفيات الرمادية الفاتحة ، والتراكبات الداكنة في المنظر لتسليط الضوء على الحافظة والخدمات. يتم فصل الأقسام بالعناوين التي تستخدم رسومات الكود خلف النص. تعرض القائمة الرأسية اليمنى للموقع أزرار الاتصال والمتابعة الاجتماعية في قسم منفصل عن التنقل. تبدو الألوان الرمادية الغامقة أنيقة مقابل الرمادي الفاتح وتخلق تباينًا سلسًا ويسهل النظر إليه.

10. شارلوت جوردان

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

11. تصاميم كارون

تعرض Carone Designs خلفية فيديو ، ورأسًا مثيرًا للاهتمام مع زر CTA وقائمة على الجانب الأيمن مع فصل كلا القسمين بخط. يتم عرض الخدمات بنص أبيض فوق خلفية زرقاء. تُستخدم صور مدينة Knoxville كخلفيات في اختلاف المنظر بما في ذلك صورة تعرض شعارات العميل في تراكب. يستفيد الموقع بشكل جيد من الخطوط والعلامات التجارية الملونة.

12. BJ Keeton

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

13. MoxieCreek

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

14. عصير تصميم ويب إبداعي

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

15. في تشكيل التصميم

يستخدم In-Formation-Design تصميمًا أنثويًا وأنيقًا في جميع الأنحاء بألوان ناعمة وبقع ألوان مائية خلف الخطوط الأنيقة لعنوان القسم وأنماط خلفية الباستيل والزهور ورذاذ ألوان مائية في قسم About Me. تتضمن الصفحة شبكة محفظة في المنظر ، وجداول تسعير لحزم تصميم الويب ، وأسئلة وأجوبة معروضة في مفاتيح التبديل ، وشريط تمرير شهادة شفاف ، ونموذج اتصال بسيط.

16. كايا للوسائط الرقمية

تعرض Kaya Digital Media خلفية فيديو مع الشعار وقائمة الخدمات. يشتمل على نموذج الاشتراك في الرسائل الإخبارية النحيف ، ووصف الخدمات في قسم متعدد التخطيطات المتناوب ، وقسم به نافذة في اختلاف المنظر الحقيقي ، وشبكة محفظة من عمودين داخل قسم ثلاثي الأعمدة ، وشريط تمرير آخر ، وشهادة أنيقة على خلفية المنظر. أنا أحب الخط وألوان الخلفية.

افكار اخيرة

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

تعد هذه المواقع رائعة لتقديم أفكار للتخطيطات واستخدام الألوان والصور وتأثيرات CSS والتنقل والفيديو وغير ذلك الكثير ، وتمنحك الإلهام لتصميم Divi التالي.

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

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