بناء متجرك على الإنترنت وتبحث عن إلهام التصميم؟ هناك العديد من المواقع على الإنترنت، ولكن العديد منها يبدأ في أن يبدو ويشعر بالشكل نفسه – خاصة عندما تبدأ في النظر إلى مواقع التجارة الإلكترونية.
أفضل تصاميم المواقع التي تدعم الشركات الإبداعية على حد سواء
تعتبر قوائم “أفضل تصميم ويب” مثل هذه غالبًا تضم مواقع فائزة بجوائز تبدو بصريًا رائعة ولكنها بطيئة وتخدم هدفًا واحدًا فقط. لذلك أردنا أن نقلب السيناريو قليلاً – ولهذا السبب ستتضمن قائمتنا فقط مواقع جميلة ووظيفية تدعم الشركات الناجحة. هذه المواقع تجمع بين الأساسيات والتألق وهي مصدر إلهام سواء في الاستخدام أو المظهر. إنشاء موقع رائع بميزانية محدودة
بناء موقع تجارة إلكترونية يحقق نتائج جيدة بميزانية محدودة باستخدام دليلنا الشامل لموقع الويب. تعلم المزيد
1. Magic Spoon
فئة: الطعام والمشروبات
تتميز الصفحة الرئيسية الجذابة لـ Magic Spoon بتصميمها السلس الذي يشعرك تقريبًا بأنك تشاهد خدعة بصرية – ستجد نفسك مفتونًا بالتصميم وتنسى أنك تتسوق للحبوب الإفطار. إنها دليل قاطع على أنه لا توجد منتجات مملة، بل هناك علامات تجارية مملة فقط. يواصل Magic Spoon سحره من خلال تصميم العبوات المصورة ولوحة ألوان متلألئة وتفاصيل ساحرة في كل نقرة وتمريرة – دون أن يكون مُرهِقًا. أطعمة الإفطار الصحية، استمتع بقلبك.
لماذا يحقق Magic Spoon تحويلًا؟
وفقًا لمعايير تصميم الويب من Orbit Media، يحتوي 80٪ من العلامات التجارية على اقتراح قيمة في أعلى صفحتهم الرئيسية (نسمي هذا أيضًا “فوق الطي”، وهو يشير إلى المنطقة التي يراها المستخدم قبل التمرير لأسفل). بالنسبة لـ Magic Spoon، فإن الاقتراح القيمة هو “حبوب إفطار صحية تذوق رائعة جدًا لتكون حقيقية”. إنه بسيط ومباشر وله تأثير كبير. إنه يبيع حبوب إفطار لذيذة وصحية في نفس الوقت. هذا أيضًا عامل مميز مهم، حيث أن العديد من الحبوب الصحية لا تذوق جيدًا، والعديد من الحبوب اللذيذة محشوة بالسكر.
2. Meow Meow Tweet
فئة: العناية بالبشرة
تبيع Meow Meow Tweet منتجات العناية بالبشرة العضوية النباتية مع التزام بتقليل النفايات. يظهر زيارة موقع العلامة التجارية صور المنتجات بسيطة ومباشرة، مع لمسات من الرسومات المرحة المصورة والنص المكمل. كما يحتوي على محتوى ممتع على صفحات المنتج لتثقيف المتسوقين حول منتجاتها وكيفية صنعها بوعي وكيفية استخدامها.
لماذا يحقق Meow Meow Tweet تحويلًا؟
يجعل Meow Meow Tweet من السهل على المتسوقين شراء منتجاتها، سواء عبر الإنترنت أو شخصيًا. لديها قسم في قائمة التنقل الرئيسية مخصص فقط لمساعدة الناس في العثور على منتجاتها للشراء. على هذه الصفحة، يمكن للناس تصفح المواقع الفعلية وعبر الإنترنت في جميع أنحاء العالم.
3. Velasca
فئة: الملابس والأحذية والإكسسوارات
تبيع Velasca أحذية صنعت في إيطاليا وأحزمة ومحافظ وجوارب وحقائب وبعض القطع الأخرى للرجال. يستهدف العلامة التجارية عملاء متطورين قليلاً ولكنهم متواضعون، وهو هوية تتجلى في موقعها على الويب. ستظهر لك التمريرة السريعة صورًا كبيرة لأسلوب الحياة الملهم. بين اللقطات، تضيف الرسومات المتحركة القابلة للتفاعل والأناقة والحيوية للتصميم، بالإضافة إلى قليل من التفاعل لجعل الأمور مثيرة للاهتمام.
لماذا يحقق Velasca تحويلًا؟
يثبت Velasca علامته التجارية ومنتجاته من خلال عرض ما قاله الآخرون عنه. يضم الصفحة الرئيسية لها اقتباسًا من الصحافة يشيد بـ Velasca، بالإضافة إلى شعارات المنشورات المعروفة التي كتبت عن منتجاتها. يمنح ذلك مصداقية لادعاءات Velasca حول منتجاتها الخاصة ويثبت الثقة في المشترين المحتملين. كما يضيف Velasca شهادات العملاء لإظهار مجموعة متنوعة من الآراء.
4. Knowell
فئة: الصحة والعافية
الوجه الضاحك هو هوية Knowell البصرية الرئيسية – ستراه مبعثرًا في جميع أنحاء موقعهم على الويب في رسومات مصورة. عندما تحوم فوق شريط التنقل الرئيسي في الأعلى، سترى الكلمات تتحول إلى شكل ابتسامة أيضًا. على الرغم من أن موقع Knowell وعلامته التجارية مرحة وممتعة، إلا أن الخطوط النظيفة والتخطيطات البسيطة تضفي مستوى من الرقي على علامة المكملات الغذائية. مع توازن صحي بين الرسومات والتصوير والنص وكتل الألوان، يعد موقع Knowell متعة للنظر إليه والتفاعل معه.
لماذا يحقق Knowell تحويلًا؟
يستخدم Knowell معاملة الرسوم البيانية المتسقة للإشارة إلى الأزرار والقابلية للنقر. في حين أن عناصر قائمة التنقل تتحول إلى شكل ابتسامة، فإن “أزرار” CTA هي في الواقع سهام.
مع هذا النهج التصميمي، يقوم Knowell بتدريب زوار الموقع على النقر على السهام. بمجرد الوصول إلى صفحة المنتج، تكون السهم أكبر قليلاً، مع وجود زر “اشتر الآن” بجواره.
5. Allbirds
فئة: الأحذية والملابس
على الرغم من أن Allbirds تبيع الأحذية، إلا أن موقعها على الويب يتضمن أكثر من مجرد أحذية. تتناثر التصوير عالي الجودة ومجموعات المنتجات المختارة وأداة تحديد موقع المتجر وقصص ملهمة عن الاستدامة في جميع أنحاء الموقع. حتى إذا لم تكن تتسوق نشطًا للأحذية، ستستمتع بالاهتمام الذي يوليه Allbirds للتفاصيل والالتزام بالجودة – سواء في منتجاتها أو المحتوى على موقعها.
لماذا يحقق Allbirds تحويلًا؟
مع تزايد انتقال المستهلكين نحو عادات الشراء المتوافقة مع البيئة، أصبح من الأهمية بمكان عرض كيف ولماذا تكون علامتك التجارية مستدامة إذا كنت تدعي ذلك. ولذلك، يمنح Allbirds المستخدمين نظرة على كيفية صنع حذائها. يظهر فيديو تشويقي جذاب على صفحتها الرئيسية – يتم النقر عليه ليأخذ المستخدمين إلى صفحة تظهر فيها عملية التصنيع، بما في ذلك مصدر المواد ومعلومات حول شهادة مجلس الحفاظ على الغابات، مما يضيف مصداقية لادعاءاتها.
6. Gymshark
فئة: الملابس
يحتوي Gymshark على موقع نظيف وسلس يعرض ملابسه الرياضية. Gymshark ليست مجرد علامة تجارية للملابس – إنها تساعد عملائها على “الأداء بأقصى إمكاناتهم” وإظهار إمكاناتهم الكاملة، خاصة عندما يتعلق الأمر باللياقة البدنية. لاحظ كيف يتم مرافقة الصور الحياتية بعينة من النسيج الرقمي لإظهار التفاصيل في تصميم الملابس.
لماذا يحقق Gymshark تحويلًا؟
يبيع Gymshark لجمهور دولي، لذلك يعلم أنه يحتاج إلى توفير مجموعة واسعة من خيارات الدفع – وضمان الأمان والامتثال على طول الطريق. أحد الخيارات التي يوفرها هو Klarna. Klarna هو طريقة دفع مباشرة وآمنة للتجار في النمسا وألمانيا والسويد توفر خيارات دفع متعددة لمدفوعات Shopify. كما يقدم بطاقات هدايا وخصومات للطلاب و Clearpay و Afterpay.
7. Keap
فئة: الشموع
عندما تلقي نظرة سريعة، قد تعتقد أن Keap هو موقع مصور في الهواء الطلق. يتم تصميم موقع التجارة الإلكترونية بشكل جميل وبسيط، مع تركيز كبير على الصور المستوحاة من الطبيعة. تبيع Keap شموعًا مصنوعة بشكل مستدام من روائح مستوحاة من الهواء الطلق. يحتوي على صفحة تقترب من الكمال في تنفيذها، حيث يظهر فيديو جميل لرؤية كيف يتم صنع شموعها.
لماذا يحقق Keap تحويلًا؟
النص على موقع Keap مقنع بقدر ما هو جميل الصور. يقول الزر الرئيسي CTA على الصفحة الرئيسية “ابدأ رحلة رائحتك” بدلاً من شيء عام مثل “استكشاف المنتجات” أو “عرض الشموع”. اللغة التي تستخدمها تكمل الصور، مشيرة إلى الرحلة التي يقوم بها المستخدمون عند زيارة الموقع ورؤية الصور الجميلة. على نفس النحو، سيعتقد المستخدمون أن شموع Keap ستأخذهم في رحلة مشابهة وجذابة – والذين يهتمون قد يقومون بشراء المنتج.
8. Harper Wilde
فئة: الملابس الداخلية
تستخدم Harper Wilde الخطوط العريضة لتعكس تمامًا علامتها التجارية الجريئة، التي تهدف إلى تحدي الوضع الراهن في بيع الصدريات للنساء. لن تجد هنا أي لون وردي أو تألق – وبدلاً من ذلك، تعرض Harper Wilde منتجاتها على نساء من جميع الألوان والأشكال والأحجام. كما يحتوي على دليل قياس عبر الإنترنت لمساعدة المتسوقين في العثور على الحجم المناسب لهم.
لماذا يحقق Harper Wilde تحويلًا؟
هو علامة تجارية لا تخشى من اتخاذ موقف. لقد استفادت من المسؤولية الاجتماعية للشركات كتكتيك تسويقي، واستفادت أيضًا من الأحداث الحالية كأداة تحويل. ردًا على قوانين الإجهاض في ولاية تكساس، أطلقت صدرية طبعة محدودة تعبر بالضبط عن رأيها في تلك القوانين – وتبرع للقضايا التي تحارب مثل هذا التشريع.
9. Endy
فئة: فرشات النوم
في حين أن معظم العلامات التجارية المتعلقة بالفراشات والنوم تلعب بأمان مع لوحة الألوان والتصميم الخاص بها، تسعى Endy لإظهار بيان قوي. تستخدم شركة الفراش الكندية هذه الألوان الزرقاء القياسية في الصناعة ولكنها تمزجها بشعار وعناوين وأزرار CTA وردي فاقع. يأخذ النقر على صفحات المنتج المستخدمين إلى مشاهدة المنتج عن قرب – الصور المتحركة والصور المفصلة ومقاطع الفيديو تعرض أبرز الميزات.
لماذا يحقق Endy تحويلًا؟
تحتوي ما يقرب من ربع مواقع التجارة الإلكترونية على تسجيل البريد الإلكتروني في تذييل الصفحة، وفقًا لمعايير تصميم الويب من Orbit Media. Endy هو واحد منهم. يظهر كتلة وردية زاهية من الأسفل من الصفحة تحفز المستخدمين على الاشتراك.
10. Guava
فئة: مستلزمات الأطفال والأطفال
موقع Guava مشوق بشكل مدهش – وهذا أمر مفاجئ خاصةً إذا أخذنا في الاعتبار أنها تبيع فقط ثلاثة منتجات. تصوير عالي الجودة وتصميم نظيف مع الكثير من الفراغ الأبيض ونص سهل القراءة يجعله موقعًا قابلاً للتواصل – وهو أمر مهم بشكل خاص للوالدين المشغولين.
لماذا يحقق Guava تحويلًا؟
تعرف Guava مميزاتها وتضعها في أعلى صفحتها الرئيسية. بدلاً من التركيز على الميزات، تسلط الضوء على النتيجة النهائية أو الفائدة للمستخدمين: خفيفة الوزن وقابلة للطي بسرعة وطي سريع وآمن ودائم. هذه كلها صفات رئيسية يبحث عنها معظم الآباء والأمهات، خاصةً في المنتجات المخصصة لأطفالهم. بالإضافة إلى ذلك، تعد بالشحن المجاني والإرجاع المجاني لتخفيف أي تردد قد يكون موجودًا.
11. Bison Coolers
فئة: ملحقات الهواء الطلق
موقع Bison Coolers يبيع صناديق الثلج وأدوات الشرب ومعدات أخرى للحفاظ على طعامك ومشروباتك في حالة ممتازة أثناء التمتع بالهواء الطلق. وموقعه على الويب قوي بنفس قوة منتجاته.
لماذا يحقق Bison Coolers تحويلًا؟
تتم صناعة منتجات Bison Coolers في الولايات المتحدة – وتعلن العلامة التجارية بفخر عن ذلك في جميع أنحاء موقعها. حتى لديها صفحة كاملة مخصصة لهذا الموضوع. يصرح حوالي 70٪ من المشاركين في إحدى الاستطلاعات أنهم يرغبون في منتجات مصنوعة في أمريكا، و20٪ من هؤلاء على استعداد لدفع المزيد مقابل تلك المنتجات. تستغل Bison Coolers هذه الفرصة بذكاء، وتسلط الضوء على هذه الخاصية في منتجها.
12. Heraldic Jewelry
فئة: المجوهرات
بالنسبة لـ Heraldic Jewelry، الجمال يكمن في التفاصيل – سواء بالنسبة لمنتجاتها أو لتصميم موقعها على الويب. بدلاً من صورة مجموعة البانر الرئيسية الثابتة القياسية، يحتوي Heraldic على سلسلة من مقاطع الفيديو المصورة بشكل مدهش تظهر كيف يتم صنع قطعها الفريدة يدويًا. وهذا ليس سوى البداية – عند التمرير والنقر في جميع أنحاء الموقع، ستظهر المزيد من محتوى “كيف يتم صنعه”، مما يؤكد أحد أهم القيم الأساسية للعلامة التجارية.
لماذا يحقق Heraldic Jewelry تحويلًا؟
نعم، الموقع جميل وربما لا يركز كثيرًا على التحويل. لا يوجد زر “اشتر الآن” أعلى الطي، على سبيل المثال. ويجب على المتسوقين طلب استشارة للحصول على عرض سعر لتصميمهم، لذا فإن عملية الشراء ليست بسيطة أو مباشرة. ومع ذلك، فإن أي شخص يتسوق لقطعة مجوهرات خاصة – مثل شعار عائلي فريد من نوعه – من المرجح أن يقوم بمزيد من العمل التحقيقي في جودة القطعة.
13. Wunderground Coffee
فئة: الطعام والمشروبات
مثل العديد من أفضل تصاميم المواقع في هذه القائمة، يستخدم Wunderground الرسومات لإضفاء الشخصية والمرح على العلامة التجارية. يستخدم أيضًا الرسوم التوضيحية لتسليط الضوء على فوائد منتجاته وتثقيف المتسوقين حول ما هو بالضبط قهوة الفطر ولماذا يجب أن يهتموا بها.
لماذا يحقق Wunderground تحويلًا؟
تتوفر بعض المنتجات بأسعار مخفضة، لذلك يعرض Wunderground الخصم على صفحات مجموعات المنتجات. تعمل هذه الطريقة على دفع المستخدمين إلى صفحات المنتجات للحصول على العناصر المخفضة، حيث يتوقع وجود صفقة في الوجهة.
14. BLANQI
فئة: الملابس الحمل وملابس النساء
تبيع BLANQI ملابس الحمل والاكسسوارات على موقع جميل التصميم. البساطة هي العنصر الرئيسي لـ BLANQI، حيث يركز على اللمسات البسيطة من الألوان والخطوط البيضاء الأنيقة والصور المكبرة. على الرغم من أنها متواضعة، إلا أن التصوير وتصميم الموقع مميزة بشكل واضح.
لماذا يحقق BLANQI تحويلًا؟
يعرف BLANQI جمهورها، كما يظهر ذلك في تسجيل البريد الإلكتروني الخاص بها، على سبيل المثال. هنا، تطلب العلامة التجارية من المستخدمين تقديم معلومات صغيرة عن أنفسهم. في المقابل، سيتلقون محتوى أكثر صلة – ولدى BLANQI قائمة مشتركين بالبريد الإلكتروني مفصلة ذاتيًا.
15. SlideBelts
فئة: الإكسسوارات
تبيع SlideBelts – كما يوحي الاسم – أحزمة. وعلى الرغم من أنها قد تبدو في البداية كأحد العلامات التجارية الفاخرة العادية، إلا أن الاستكشاف الأعمق يكشف عن الحقيقة. يستخدم SlideBelts التفاعلية في موقعه بطرق مختلفة. تتحرك السهم الرئيسي على الصفحة لتشجيع المستخدمين على التمرير لأسفل الصفحة، وتأخذ صفحة “حول” الكعكة عندما يتعلق الأمر بالإبداع.
لماذا يحقق SlideBelts تحويلًا؟
لا يستخدم SlideBelts التفاعل والرسوم المتحركة فقط للمظهر الجيد. إنها تستخدم أيضًا هذه الميزات لزيادة التحويلات. تسلط النوافذ المنبثقة والمنزلقة الضوء على المنتج وميزاته والفوائد للمستخدم النهائي. من يعلم أن التسوق للأحزمة سيكون ممتعًا بهذا القدر؟
16. Viberg
فئة: الأحذية
تعتبر Viberg علامة تجارية لا تحاول جاهدة. بدلاً من ذلك، تترك جودة منتجاتها تتحدث عن نفسها. وهذا هو الحال أيضًا عندما يتعلق الأمر بتصميم موقعها على الويب. بدلاً من دمج CTA وكتل المحتوى وتجارب التفاعل على موقعها، تركز على تكبير صور المنتج التي تتحدث عن نفسها.
لماذا يحقق Viberg تحويلًا؟
عند النظرة الأولى، قد يكون من الصعب رؤية طريقة الشراء. ولكن بين كل صورة مميزة كبيرة، تضم Viberg دائرة منتجات يمكن للمستخدمين تصفحها. يتناوبون بين الصور الجميلة والدوائر المتعلقة بالمنتجات التي تأخذ المستخدمين إلى صفحات المنتجات. يبدو أن Viberg يثق في أن المستخدم العادي لديه مستوى معين من الالتزام بالعلامة التجارية عندما يزور الموقع، لذا يجعل طريق الشراء قصيرًا وسهلاً قدر الإمكان – بسيطًا مثل تصميمها وموقعها. يستخدم Viberg أيضًا صفحات المنتج لتثقيف المستخدمين بشكل أكبر.
17. Kettle & Fire
فئة: الطعام والمشروبات
يجعل موقع Kettle & Fire الحساء العظمي مثيرًا. أعلى الطي، سترى تخطيطًا نموذجيًا نسبيًا لموقع التجارة الإلكترونية. ولكن بعد بضعة تمريرات ونقرات، ستظهر أن هناك أكثر من ذلك بكثير. يحتوي Kettle & Fire على صور للخضروات – المكونات الرئيسية في منتجها – تطفو في جميع أنحاء الموقع. كما يستخدم شعارات ممتعة مثل “لذيذ في المعدة” و “دافئة روحك” لإظهار العامل الممتع.
لماذا يحقق Kettle & Fire تحويلًا؟
تبيع Kettle & Fire جميع أنواع الحساء العظمي. قد لا يعرف المتسوق العادي الفروق، واختيار واحد يمكن أن يكون مربكًا بما يكفي لإرسال الناس بعيدًا عن الصفحة. ولكن Kettle & Fire مستعدة – لديها اختبار يمكن للمتسوقين إجراؤه لمعرفة أي منتج حساء عظمي هو الأنسب لهم. يعطي ذلك أيضًا للعلامة التجارية معلومات رئيسية حول الأشخاص الذين يزورون موقعها، والتي يمكن استخدامها لاتخاذ قرارات تجارية رئيسية.
18. ThirdLove
فئة: الملابس الداخلية
تبيع ThirdLove صدريات وملابس داخلية وملابس نوم للنساء على موقعها الجميل التصميم. هناك توازن مثالي بين التصوير الحياتي والنص، والتصميم والنسخ على حد سواء مفتوحة للتواصل. زيارة “غرفة التجربة” في ThirdLove ستأخذ المستخدمين من خلال استبيان لمساعدتهم في العثور على الحجم والمقاس المناسب. حتى قوائم التنقل تكشف عن صور جميلة عند تحويها.
لماذا يحقق ThirdLove تحويلًا؟
في حين أن العديد من مواقع التجارة الإلكترونية لديها مجرد تسجيل البريد الإلكتروني مقابل خصم، يتجاوز ThirdLove الخصم ويصبح محددًا بشأن ما يجب أن يتوقعه المشتركون. يرسل ThirdLove رسائل بريد إلكتروني حول المنتجات ذات الطبعة المحدودة، ويتضمن عداد تنازلي حتى الإصدار التالي. يضيف هذا النهج بعض الضغط ويعطي المستخدمين حافزًا إضافيًا للتسجيل.
19. 3sixteen
فئة: الملابس الرجالية
تصوير 3sixteen جميلة لدرجة أنك قد تتساءل عما إذا كنت تشاهد م portofolio لمصور أو متجر على الانترنت الفعلي. هذا هو الحال لهذه العلامة الرجالية. تعتبر التصوير المميز للمنتج النجم الرئيسي في تصميم الموقع، مع الكثير من الفراغ الأبيض والتركيز الواضح على المنتج.
لماذا يحقق 3sixteen تحويلًا؟
قد يكون موقع 3sixteen أيضًا جزءًا رئيسيًا في دفع حركة المرور إلى متاجرها في لوس أنجلوس ونيويورك. وفي عصر COVID-19، قامت 3sixteen بترتيبات للسماح بتجربة تسوق شخصية أكثر راحة وأمانًا. يمكن للمتسوقين حجز مواعيد لمدة 30 دقيقة حيث يحصلون على المتجر بأكمله لأنفسهم. حديثًا عن تجربة لا تُنسى.
20. GREATS
فئة: الأحذية
تترك GREATS صورها تتحدث عن نفسها عندما يتعلق الأمر بتصميم موقعها على الويب. بدلاً من الكثير من التفاعل والمحتوى المخفي، تستخدم GREATS نهجًا مباشرًا. تركز العلامة التجارية بوضوح على صوتها، مما يخلق علامة تجارية قابلة للتواصل تشعر وكأنها صديق. وتظهر الصور كل من التفاصيل في المنتج وصور الحياة الطموحة.
لماذا يحقق GREATS تحويلًا؟
هناك هدية مجانية مع الشراء، وشحن مجاني، وإرجاع مجاني – هذه ثلاثة مزايا رئيسية للتسوق مع GREATS. والعلامة التجارية ليست خائفة من تذكير المستخدمين بذلك. كل هذه الأدوات الرائعة للتحويل لتقليل التردد وتخفيف الشك في العملاء المحتملين. هدية مجانية مع شراء بقيمة 150 دولارًا أمريكيًا فأكثر يزيد من قيمة الطلب المتوسط (AOV)، في حين يمكن أن يقلل الشحن المجاني من معدل التخلي عن العربة. والإرجاع المجاني يزيل الكثير من المخاطر من عملية الشراء بالنسبة للناس.
21. Studio Neat
فئة: منتجات المكتب
تصنع Studio Neat وتبيع مجموعة صغيرة من منتجات المكتب المنزلي. من الواضح أن العلامة التجارية قد أولت الأولوية للاستثمار في صور المنتج عالية الجودة. يظهر معاملة هذه الصور بشكل خاص في قائمة الإسقاط – فهي تشبه تقريبًا رمز
Source: https://www.shopify.com/blog/best-website-design
اترك تعليقاً