20 من أفضل مواقع تدفق الويب (واو!) 2022

هل تبحث عن أفضل مواقع Weblfow للحصول على الإلهام ومعرفة ما هو ممكن مع هذا المنشئ؟

أول شيء لاحظناه عند دراسة العشرات من مواقع الويب الرائعة التي تم إنشاؤها على Webflow هو مدى إبداعها.

وبالتالي ، كان من الصعب حقًا تنظيم هذه المجموعة من الأفضل. (قد نضيف المزيد في المستقبل.)

لكننا تمكنا من اختيار عشرين من أفضل الشركات التي تغطي العديد من الصناعات لراحتك.

كل موقع ويب فريد من نوعه ويحتوي على تفاصيل رائعة يمكنك تطبيقها (وتحسينها) على موقعك.

أفضل مواقع تدفق الويب لإلهام التصميم

1. أنروك

إن إنشاء تجربة تصفح جذابة وغنية بالمعلومات في نفس الوقت هو شيء فعلته Anrok جيدًا حقًا.

بالإضافة إلى ذلك ، يستخدمون الكثير من المساحات البيضاء ، لذا فإن عيون المستخدمين على ما هو مهم (وليس المشتتات!).

ملاحظة : أنشئ عرضًا تقديميًا للمنتج وفوائده و "كيف يعمل" باستخدام رسوم متحركة رائعة للتمرير.

2. الأخدود

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

نحب أيضًا النقطة السوداء التي تكشف عن القائمة بمجرد أن تحوم فوقها ومبدل الوضع الداكن / الفاتح.

ملاحظة : إذا كنت تقدم خدمات فريدة ، فدع موقعك على الويب يروج لها - بطريقة فريدة.

3. من قبل الناس

يلفت موقع الويب byPeople's Webflow انتباه المستخدم بنص ثنائي اللون ومقاطع فيديو يتم تشغيلها تلقائيًا في الجزء المرئي من الصفحة.

لقد وضعوا أيضًا قسم الخدمات بشكل استراتيجي على خلفية داكنة لجعله بارزًا أكثر.

أخيرًا ، تجعلك دائرة عرض الفريق (مع الأدوار وتفاصيل الاتصال) على دراية بالأشخاص الذين يقفون خلفهم.

ملاحظة : النص والفيديو يسيران جنبًا إلى جنب بشكل جيد جدًا ، لذلك لا تتردد في اختبارهما لعملك.

4. بوليجرام

سواء كنت تشاهده على شاشة صغيرة أو كبيرة ، فإن تصميم Polygram المتجاوب على الويب يستحق اهتمامك.

ما يميز Polygram هو أن الأشكال الثلاثة تتحرك معك وتظهر المحتوى عند المرور فوقها. جربها.

العنصر الوحيد القابل للنقر هو رمز "i" في الزاوية اليسرى السفلية والذي يكشف عن مزيد من التفاصيل مع CTA للحجوزات.

ملاحظة : استخدم أسلوب فريد من نوعه وبسيط في نفس الوقت ، تمامًا مثل Polygram.

5. مشوي مثل شيرلوك

Roast Like Sherlock هو واحد من أكثر المواقع الأصلية التي رأيناها على الإطلاق. إنها تفاعلية وممتعة للغاية ، لكن كل شيء يبدأ باسم ذكي.

تقوم الآلة الكاتبة القديمة بكتابة الورقة بأكملها مع وظيفة إظهار النص لإضفاء المزيد من الإثارة على الأشياء.

يوجد أيضًا مثال للفيديو ومقاطع منزلقة تلقائيًا بمزيد من المعلومات.

ملاحظة : إمكانيات التمرير ليس لها حدود ، لذا قم بعمل حدود خاصة.

6. مكتبة سبارك

تفتخر Spark Library بالبساطة ، وتركز على شيء واحد فقط - المنتج. إنها تحافظ على قسم البطل في أضيق الحدود ولكن بنص كافٍ لشرح كل شيء.

بعد ذلك ، ستجد مجموعة المنتجات مع شريط التنقل الجانبي القابل للتصفية والذي يعرض فئات مختلفة عند النقر.

ملاحظة : إذا كان لديك مكتبة من العناصر ، اعرضها بأزرار مصنفة على صفحتك الرئيسية.

لدينا أيضًا مجموعة من أفضل مواقع الويب الخاصة بالمحفظة لمزيد من الأفكار الإبداعية.

7. المخبز

يمكن لشركات إنتاج الأفلام والفيديو أن تتعلم الكثير من The Bakery. الصفحة الرئيسية عبارة عن مجموعة من مقاطع الفيديو تغطي الشاشة بأكملها بغض النظر عن حجم الشاشة.

لكنهم أضافوا أيضًا التنقل لزيارة المشاريع والمواهب وأقسام حول والاتصال وأيقونات IG و Vimeo القابلة للنقر.

ملاحظة : كن جريئًا مع عرض / خلفية فيديو بملء الشاشة.

8. نيكولا هرسنت

إن الترويج لعملك المستقل يكون أسهل بكثير مع وجود موقع ويب قوي.

يعد تواجد Nicolas Hercent عبر الإنترنت مثالًا رائعًا على موقع Webflow الذي يتميز بجاذبية ومثيرة للإعجاب ، ويقدم تجربة تصفح من الدرجة الأولى.

ولكنه يحتوي أيضًا على كل ما هو ضروري يريد العميل المحتمل أن يتعلمه من نيكولا قبل تعيينه.

ملاحظة : أضف المشاريع والشهادات وتفاصيل الاتصال إلى موقع الويب الخاص بك المصمم بعناية كبيرة كمستقل.

9. ودان

يجعلك AndDan ترغب في بدء التمرير لأنك تريد أن ترى ما يحدث خارج الشعار.

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

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

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

10. النشاف

يتمتع Blott بتصميم عصري وعملي يسهل عرضه على الأجهزة المحمولة وأجهزة سطح المكتب.

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

لذا. رائع.

أيضًا ، إذا انتبهت إلى القسم الذي يحتوي على شعارات العميل ، فسوف يتغيرون بشكل عشوائي إلى شعارات أعمال مختلفة يعملون معها.

ملاحظة : تأكد من الاهتمام بتفاصيل موقعك ، خاصة إذا كنت تعمل في مجال التصميم والتطوير.

11. DTCP

يعد استخدام الرسوم المتحركة في قسم الأبطال في موقع الويب الخاص بك والتي تشبه ما تفعله طريقة ذكية للترحيب بالعملاء المحتملين في عالمك. تمامًا مثل DTCP يفعل ذلك.

الصفحة الرئيسية لـ DTCP غير قابلة للتمرير ولكنها تأتي مع شريط تنقل بسيط ودعوتين لاتخاذ إجراء.

ملاحظة : يعد التصميم البسيط أمرًا رائعًا ، ولكنه يصبح أفضل مع لمسة من الإبداع الذكي.

يمكنك أيضًا التحقق من مواقع الرسوم المتحركة الرائعة هذه والتي ستجعلك مدهشًا.

12. القفزات والشعير

ينشئ موقع الويب Hop & Barley's ترويجًا رائعًا للإصدارات المادية والرقمية من المجلة.

أول شيء تراه هو الإصدار الحالي مع مقتطف وزر شراء. بعض عناصر الموقع الرائعة الأخرى هي المعرض البديل وقسم خلفية الفيديو وكتلة المؤيدين / الرعاة المتحركين والأزرار التي تتفاعل عند التمرير.

ملاحظة : امنح القراء والمعجبين سببًا لشراء مجلتك بأفضل تواجد على الإنترنت.

13. هون نيرة سكوت

إذا كنت شخصًا بسيطًا عن ظهر قلب ، فيمكنك بسهولة إنشاء موقع ويب Webflow يعبر عن ذلك.

يدير Hone Naera-Scott موقعًا بسيطًا من صفحتين (الصفحة الرئيسية وما حوله) مقسم إلى قسمين: معلومات على اليسار وشريط تمرير على اليمين.

ملاحظة : امنح عملك مزيدًا من التألق باستخدام تصميم الويب ذي الشاشة المنقسمة.

تلميح: إليك بعض مواقع التصوير الفوتوغرافي التي ستمنحك المزيد من الأفكار وإلهام تصميم الويب.

14. فيونارو V8

بمجرد أن تبدأ في التمرير لصفحة Vionaro V8 ، يبدو الأمر وكأنه عرض Apple لجهاز Mac أو iPhone جديد.

تجعلك التجربة التفاعلية ترغب في التمرير إلى الأبد (على أمل ألا ينتهي أبدًا). المجموعة الرائعة من العناصر الثابتة والمتحركة مع مجموعة رائعة من الألوان تجعل Vionaro V8 مميزًا حقًا.

ملاحظة : أنشئ عرضًا تقديميًا متعمقًا وشاملًا للمنتج يكون في نفس الوقت جذابًا وغامرًا. يعد Vionaro V8 مثالًا رائعًا على موقع ويب تفاعلي.

15. فلو جايز

Flow Guys هو موقع ويب Webflow مؤلف من صفحة واحدة مع هذه "العناصر ثلاثية الأبعاد" الرائعة التي تجعله جذابًا للغاية. كما أنهم وضعوا شهادات العملاء في مكانة عالية جدًا على الصفحة الرئيسية لأنهم يعرفون أنهم يبنون الثقة.

وجدول المقارنة الخاص بهم هو أحد أكثر الجداول إبداعًا وأصالة على الإطلاق. (الأمر نفسه ينطبق على خطط التسعير).

ملاحظة : حتى إذا كنت تعتقد أن كل شيء قد تم بالفعل ، ففكر مرة أخرى وتحقق من موقع Flow Guys.

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

16. قهوة الاثنين

تعد صورة المقهى بملء الشاشة مع اسم جريء يتحرك في قسم رأس بمجرد التمرير ميزة جيدة في Mondays Coffee.

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

ملاحظة : اجعل العملاء المحتملين يشعرون وكأنهم في المقهى الخاص بك عن طريق زيارة موقع الويب الخاص بك.

وجدنا أيضًا العديد من مواقع المقاهي ذات التصميمات الاستثنائية ، والتي يجب عليك التحقق منها.

17. آرلاند

هل تحتاج إلى مصدر إلهام لعرض عملك الرقمي على موقع الويب الخاص بك؟ هذا عندما تحتاج إلى إلقاء نظرة خاطفة على آرلاند.

الصور المصغرة القابلة للتغيير ذات النص الكبير هي متعة رائعة. لكن العلاج يتحسن مع التمرير المتحرك.

يجب أن نذكر أيضًا الكشف عن صورة مالكي العلامات التجارية التي تتحكم فيها بالتمرير.

ملاحظة : الإبداع لا يعرف حدودًا. Aarland كموقع ويب هو مثال رائع للتفكير في تصميم الويب بشكل مختلف.

18. مارتا تشاي

تعرض Marta Tchai صورة ملء الشاشة مع اسمها عليها لتضفي التوابل على الأشياء بتأثير الجسيمات.

يكشف زر التمرير لأسفل عن مزيد من المعلومات عنها وعملها باستخدام أزرار Spotify و Apple Music. كما أضافت فيديو موسيقي وقائمة بالحفلات القادمة.

ذكر آخر هو كيف فصلت قسم التذييل بسطر فقط ، مع الحفاظ على الخلفية دون تغيير.

ملاحظة : يفوت العديد من الفنانين الفرصة التي يمكن أن يجلبها موقع الويب ، لذلك قم ببناء واحد.

ولكن يمكنك أيضًا التحقق من خيارات منشئ مواقع الويب الشخصية الأخرى التي تعد بدائل رائعة لـ Webflow.

19. جاهز

Ready هو موقع فريد من نوعه مكون من صفحة واحدة يحتوي على العديد من العناصر الإبداعية التي تثير حتى مصممي الويب الأكثر تقدمًا.

إنه يتميز بإبراز النص المستخدم في العنوان ، متبوعًا بما يدور حوله Ready ثم مباشرة لإظهار التقويم قيد الاستخدام.

لكن الأقسام الرائعة لا تنتهي هنا ، مما يمنحك طريقة ممتعة للتعرف على جاهز.

ملاحظة : يمكنك جذب انتباه المستخدمين على الفور من خلال رسوم متحركة رائعة وعرض توضيحي للمنتج.

20. رشيق

Nimbble هو موقع ويب Webflow يجعل التصميم الغامق يبدو جميلاً للغاية. الحوت المتحرك ، والنص الغامق والمخطط ، والمحتوى الذي يكشف عن التمرير ، والمثال / المشروع الرائع باستخدام كمبيوتر محمول ، وغير ذلك - Nimbble مميز.

يتحول شريط التنقل أيضًا إلى رمز قائمة لإنشاء تجربة مشاهدة أكثر متعة.

ملاحظة : إذا كان كل شخص يستخدم تصميم ويب خفيفًا ، فيمكنك استخدام التصميم المظلم والتميز عن الجماهير.