14 تصميم موقع مذهل مصنوع من WordPress

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

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

1. مجنون

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

2. بون مارك

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

3. أكاديمية الابتسامة الرقمية

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

4. شبح الخيول

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

5. كورالين كولاس

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

6. دوز ستوديو

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

7. نير

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

8. كرينو

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

9. فيكتوريا سبايسر

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

10. بوابة Kandydata

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

11. مهرجان VR Arles

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

12. Superskrypt

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

صنع مع ديفي

بعد أن نعرض لك بعض مواقع الويب التي تم إنشاؤها باستخدام WordPress بشكل عام ، نريد أيضًا تضمين موقعين رائعين المظهر تم إنشاؤهما باستخدام WordPress و Divi في نفس الوقت.

13. بوبلا بيلينجن

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

14. مركز مساعدة ديناميات الأسرة

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

افكار اخيرة

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

تأكد من الاشتراك في النشرة الإخبارية عبر البريد الإلكتروني وقناة YouTube حتى لا يفوتك إعلان كبير أو نصيحة مفيدة أو Divi freebie!

صورة مميزة بـ 32 بكسل / shutterstock.com