مواقع Elementor لشهر يوليو 2021

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

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

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

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

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

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

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

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

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

بشكل عام ، يعرض موقع Graphity الإلكتروني لغة احترافية للغاية. إنها دقيقة للغاية ومفصلة للغاية (حتى إلى الروتين اليومي للمتدربين).

التصميم والتطوير: كينجي ماتسو

الموضوع: مرحبًا

الإضافات: الإضافات السعيدة للعنصر ، الإضافات المميزة للعنصر ، الرأس اللاصق للعنصر

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

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

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

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

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

تصميم وتطوير: Eugen Mischiu

الموضوع: مرحبًا

الإضافات: WooCommerce ، ترجمة WordPress

من ألمانيا ، لدينا Brand Baker - وكالة تسويق رقمي تتمحور حول Facebook وتقدم خدمات التسويق الرقمي وتخطيط الإستراتيجية الرقمية والتصميم والتطوير والمزيد. وفقًا لهم "نحن نواجه عالمنا المتغير باستمرار بالمرونة اللازمة ، ونقدر الخصائص الفردية لفريقنا ، ونشارك الرغبة المستمرة في الكمال."

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

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

التصميم والتطوير: براند بيكر

الموضوع: مرحبًا

الإضافات: Element Pack و Rank Math SEO PRO و Classic Editor

SFG Tirol هو معرض للحجر والبلاط من النمسا. تشمل خدماتهم إنشاء مفاهيم مصممة خصيصًا (تقديم المشورة حول اختيار البلاط) وتنفيذ هذه المفاهيم باستخدام المبلطين الداخليين. في حين أن هذا موقع ويب يشبه الأعمال التجارية ، إلا أنه يحتفظ بالعناصر الإبداعية والنغمات اللطيفة.

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

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

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

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

التصميم والتطوير: Raum 15

الموضوع: مرحبًا

الإضافات: تحسين تلقائي ، ملف تعريف ارتباط Borlabs ، رأس وتذييل ، إعادة توجيه ، WP Mail SMTP

Somos Avocado هو استوديو إبداعي تديره امرأتان - Alazne و Cris. التركيز الأساسي هو التصميم ، أو بشكل أكثر تحديدًا - "التصميم الجيد". رغبتهم هي تقديم نوع التصميم الذي يتواصل ويخدم غرضًا ما. تصميم يعتمد على الاستماع والتواصل والعلاقات طويلة الأمد مع عملائهم. يجسد موقع الويب الخاص بهم هذا النهج غير العام للتصميم.

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

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

توجد رموز تعبيرية منتشرة في كل مكان في النص ، وعندما تنتقل إلى صفحة "حول" ، يمكنك رؤية أشكال Lego في صورة Alazne و Cris. يوضح هذا بوضوح أنه في حين أن الفتيات محترفات ، إلا أنهن لا يخلو من الشخصية (المرحة والمرح) التي ربما يرغبن في غرس الشعور بالألفة والراحة بها.

تصميم وتطوير: Somos Avocado

الموضوع: مرحبًا

المكونات الإضافية: CookieLawInfo ، رأس مثبت لـ Elementor

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

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

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

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

التصميم والتطوير: Doodle + Code

الموضوع: مرحبًا

المكونات الإضافية: الحقول المخصصة المتقدمة ، وأنواع المنشورات المخصصة ، والجلد المخصص لـ Ele ، وعناصر الملحق الإضافي ، والإضافات للعنصر

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

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

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

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

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

التصميم والتطوير: Millefeuilles

الموضوع: مرحبًا

المكونات الإضافية: Elementor Block لـ Gutenberg ، و Accordion Blocks ، و Adminimize ، و Crocoblock JetEngine ، و Crocoblock JetSmartFilters ، والظروف الديناميكية ، و MouseWheel Smooth Scroll

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

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

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

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

تصميم وتطوير: Grupo Graphic

الموضوع: مرحبًا

الإضافات: الإضافات النفاثة بواسطة Crocoblock (المحرك ، المرشحات الذكية ، العناصر) ، ذاكرة التخزين المؤقت LiteSpeed ​​، Yoast SEO ، Permalinks Manager Pro