عرض تصميم Divi: عمليات التقديم الجديدة من يونيو 2020

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

آمل انك احببتهم!

عرض تصميم Divi: عمليات التقديم الجديدة من يونيو 2020

1. بريستون سمايلز

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

زيارة الموقع

2. WebDevXd

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

زيارة الموقع

3. موني

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

زيارة الموقع

4. سامكارا

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

زيارة الموقع

5. تأمين عازلة

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

زيارة الموقع

6. كورلي

تم تقديم هذا الموقع بواسطة Anthea A. Ancalade. يعرض قسم الأبطال صورة خلفية بملء الشاشة مع مربع بحث في المنتصف يتيح لك تحديد موقع أو استخدام موقعك الحالي. يتم عرض الخدمات مع الصور التي تتضمن عناوين وتراكبات بجانب CTA. يتم عرض الأنماط المميزة داخل شريط تمرير مكون من 6 أعمدة وتتضمن صورة وعنوان وتصنيفًا بالنجوم وموقعًا. يتضمن شريط التمرير كلاً من التنقل بين السهم والنقطة. يؤدي النقر فوق أحد الأنماط إلى نقلك إلى صفحة المنتج الخاصة به. يتم عرض الأنماط الجديدة في 6 أعمدة ، ولكن بدون شريط التمرير. يعرض قسم المدونة أحدث منشورتين ويضع سطرًا أسفل المنشورات مع ارتباط لعرض المزيد أسفل السطر. يتم وضع البرامج التعليمية من المدونة في ثلاثة أعمدة وتتبع نفس التصميم. يتضمن أيضًا موجز Instagram مع 6 أعمدة وصفين وتذييل مع نموذج بريد إلكتروني على غرار.

زيارة الموقع

7. تيبوجينيا

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

زيارة الموقع

8. Bushcrafter

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

زيارة الموقع

9. KWALT الرقمية

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

زيارة الموقع

10. المستكشفون

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

زيارة الموقع

في الختام

هذا هو أفضل 10 عمليات تقديم لموقع Divi الخاص بالمجتمع لشهر يونيو. تبدو هذه المواقع مذهلة وكما هو الحال دائمًا نريد أن نشكر الجميع على مشاركاتك!

إذا كنت ترغب في النظر في تصميمك الخاص ، فلا تتردد في إرسال بريد إلكتروني إلى محررنا في nathan at Elegant theme dot com. تأكد من جعل موضوع البريد الإلكتروني "DIVI SITE SUBMISSION".

نود أيضًا أن نسمع منك في التعليقات! أخبرنا بما يعجبك في هذه المواقع ، وإذا كان هناك أي شيء فعلوه ، فأنت تريد منا تعليمه على المدونة.

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