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

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

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

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

1. التموند

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

زيارة الموقع

2. فيميل

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

زيارة الموقع

3. لبرجنر

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

زيارة الموقع

4. الليمور الأرجواني

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

زيارة الموقع

5. DShjemmeside

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

زيارة الموقع

6. وظائف Zipline

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

زيارة الموقع

7. مركز دعم التبني في ساسكاتشوان

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

زيارة الموقع

8. مرتفعات نانايمو

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

زيارة الموقع

9. أكثر من بضع كلمات

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

زيارة الموقع

10. معهد نيجروسانون للقادة الشباب

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

زيارة الموقع

استنتاج

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

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

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

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