14 من أفضل تصميمات مواقع السفر التي تركز على رحلة المستخدم
نشرت: 2021-09-04لا ينبغي أن تكون خسارة صناعة السفر 800 مليار دولار في حجم السوق السنوي مقارنة بعام 2019 مفاجأة.
مع حظر السفر وإجراءات البقاء في المنزل يسارًا ويمينًا ، يكمن الاختلاف بين البقاء على قيد الحياة والإغلاق الآن في فعالية أداة التسويق الحيوية هذه - موقع الويب.
في الواقع ، تتم حاليًا 65٪ من مبيعات السياحة العالمية عبر الإنترنت.
لذا قفز بينما ننظر إلى أفضل أمثلة تصميم مواقع السفر التي تساعد إبداعاتها وميزاتها وقابليتها للاستخدام الشركات على اكتساب اليد العليا خلال هذه الأوقات الصعبة وجعل الزوار يحلمون بأماكن بعيدة مرة أخرى.
جدول المحتويات
- بيتا فالون باي ميتيوريت
- مقعد الضفدع من اكتشفنا
- فندق فريدا باي ذا فورست باي بلورال
- Go Breck من وكالة Bellweather
- AHOTELs ماركة ED.
- منتجع وسبا ناري من Szymon Michalczyk & Profitroom
- فواصل الوسادة على حافة الويب
- Goolets من إنكي
- مركز أونيكس المصدر بواسطة Idea Grove
- تجربة ديكارت الخاصة من تصميم Dvoe
- Flemings Mayfair بواسطة ARO Digital Strategy
- جريفز الهند بواسطة Crowd
- استمتع بـ Kamchatka بواسطة Digital Lab
- حرر واناكا بواسطة توماهوك
1. بيتا فالون باي ميتيوريت

ميزات ستاندوت:
- قائمة ملء الشاشة مع تمرير أفقي
- رموز CTA الإبداعية
- لوحة خضراء وبيضاء ترضي العين
Baita Valton هي ملاذ في جبال الألب في منطقة ترينتينو الجبلية بإيطاليا. موقع الويب الخاص بهم هو من بنات أفكار Samuel Clara ، مصمم ويب مستقل ومبرمج يعمل تحت لقب Meteorit.
صورة دائرية بملء الشاشة فوق الجزء المرئي من الصفحة تحيي الزائر ، مع العديد من الصور عالية الدقة للمنتجع بكل روعته.
يوجد على جانبي الصور زري تنقل باللون الأخضر الداكن للعلامة التجارية: قائمة هامبرغر على اليسار وزر CTA على شكل جرس مكتب استقبال على اليمين.
يفتح الأول قائمة التنقل عبر الشاشة بأكملها - ولكن بدلاً من التمرير عبر العناصر عموديًا ، يتم تقديم القائمة أفقيًا.
ينقر زر CTA على صفحة الطلب حيث يمكن للزوار إجراء حجوزاتهم من خلال إرسال نموذج بسيط.
تتبع جميع الصفحات الموجودة على موقع Baita Valton نفس التصميم ، بما في ذلك الصفحة الرئيسية. يحيط الكثير من المساحات السلبية بمزيج خطوط serif و sans-serif. تستخدم الوحدات المنزلقة المساحة اقتصاديًا عن طريق تخزين أجزاء متعددة من المحتوى.
2. مقعد الضفدع من نكتشف

ميزات ستاندوت:
- تعليمات التطبيق الجذابة
- استخدام مذهل للون لهجة
- دليل اجتماعي يُظهر المستخدمين الذين نزّلوا التطبيق
Seat Frog هو تطبيق جوال لحجز رحلات القطارات في المملكة المتحدة عن طريق تقديم العطاءات. يتمثل عرضه الفريد من نوعه في أنه يمكن لمستخدمي التطبيق ترقية مقاعدهم إلى وسائل الراحة من الدرجة الأولى.
الموقع الإلكتروني لتطبيق Seat Frog ، الذي صممه We Discover ، هو رحلة مستخدم من صفحة واحدة تشرح طريقة عمل التطبيق للأطراف المهتمة. تتكون لوحة ألوانها من الأزرق الداكن / الأبيض مع الأصفر الكهربائي كلون لهجة على CTAs.
يوجد أسفل الجزء المرئي من الصفحة مباشرة العملية المكونة من 3 خطوات الموضحة جيدًا لاستخدام التطبيق. أثناء قيام المستخدم بالتمرير عبر صور التطبيق التي تظهر على الشاشة والعناوين وفقرات التعليمات الموجزة ، تنزلق نقطة أرجوانية على طول الخط المتموج الذي يمثل مسارات القطار ويعكس حركة المستخدم.
رسائل الموقع موجزة ومختصرة ، ولا تتجاوز ثلاثة أسطر في كل فقرة.
في الزاوية اليسرى السفلية من موقع الويب ، توجد لوحة منبثقة تظهر بشكل دوري ، وتعرض أسماء مستخدمي التطبيق الجدد الذين اشتركوا للتو ، كطريقة لتقديم دليل اجتماعي وتحفيز العملاء المحتملين على أن يحذوا حذوها.
3. فندق فريدا باي ذا فورست باي بلورال

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

ميزات ستاندوت:
- رموز الحجز والبحث والطقس المتكاملة بشكل جيد
- انزلاق القائمة الضخمة التي تشغل الشاشة بأكملها
- العديد من خيارات رحلة المستخدم للمسافرين
Go Breck هو موقع ويب لمنتجع Breckenridge للتزلج في قاعدة جبال روكي في كولورادو. تم تصميمه وتطويره من قبل وكالة Bellweather الإبداعية ، وهو يرحب بالزوار من خلال فيديو متكرر بملء الشاشة في الخلفية والعديد من خيارات رحلة المستخدم لاستكشاف وسائل الراحة في المنتجع خلال ثلاثة مواسم منفصلة.
يؤدي النقر فوق أي من الخيارات / المواسم الثلاثة إلى فتح صفحة بها فيديو في الوضع الرأسي وقائمة بالأنشطة خلال الموسم المحدد. كل صفحة مزينة بمعرض يحتوي على صور عالية الدقة وروابط لمقالات مدونة غنية بالقيمة حول الأنشطة ذات الصلة.
مرة أخرى على الصفحة الرئيسية ، يفتح زر القائمة الرئيسية في الزاوية العلوية اليمنى للتنقل بملء الشاشة المنزلق مع أربعة أقسام رئيسية تحتوي على صور. يؤدي التمرير فوق أي من هذه العناصر إلى إظهار المزيد من عناصر التنقل على اليمين.
يوجد أسفل زر القائمة الرئيسية أيقونات شفافة للحجز وشريط البحث ومعلومات الطقس. هذه لا تصرف انتباه الزائر عن عناصر التصميم الهامة على الصفحة.
في التذييل ، يقوم مكون هارمونيكا / علامة التبويب بتكثيف مجموعات محتويات متعددة في مكان واحد.
5. AHOTELs بواسطة ED.

ميزات ستاندوت:
- لوحة ألوان مختلفة
- محرف مقروء للغاية
- رحلة مستخدم موجزة للغاية
تم تصميم وتطوير موقع AHOTELs ومقره أستراليا بواسطة ED. استوديو الإبداعية. لوحة الألوان المميزة باللون البني / الأسود / الأصفر هي التي تصيب الزائر على الفور ، حيث نادرًا ما تستخدم هذه المؤسسات مثل هذه الألوان لاستخدام موقع الويب.
القائمة الرئيسية بارزة للغاية وتبقى مع الزائر طوال الوقت. في الواقع ، كل جزء من نسخة. بفضل نوعين من خطوط sans serif القوية التي تجعل موقع الويب سهل للغاية.
التنقل عبارة عن مجموعة من روابط الربط التي تنقل المستخدم إلى نقاط معينة على هذا الموقع المكون من صفحة واحدة. تبدأ رحلة المستخدم الموجزة ولكن الكافية بالمعلومات العامة حول الفنادق قبل الانتقال إلى العناصر المدرجة ، وأخيراً معلومات الحجز / الاتصال.
توفر الصور عالية الدقة استراحة ترحيبية من "اللون البني" لموقع الويب ، حيث يحول مؤشر الماوس بعض الأجزاء إلى شاشة صفراء جريئة تؤدي إلى مزيد من مقاطع الفيديو الجذابة التي تعرض وسائل الراحة في الفندق.
6. منتجع وسبا ناري من Szymon Michalczyk & Profitroom

ميزات ستاندوت:
- تخطيط مؤطر
- صفحة افتتاحية جذابة مع مقاطع فيديو في الخلفية
- وحدة حجز يدوية في الجزء المرئي من الصفحة
Narie Resort & Spa هو مؤسسة ترفيهية وترفيهية في شمال بولندا تم إنشاء موقع الويب بواسطة Szymon Michalczyk ، وهو مصمم مستقل من Poznan بالتعاون مع Profitroom.

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

ميزات ستاندوت:
- UX رائع متعدد القنوات وعبر القنوات
- ألوان محددة جيدًا تناسب العلامة التجارية
- تحديثات الحجز والأسعار في الوقت الحقيقي
يسرد موقع Padstow Breaks الإلكتروني شقق العطلات والمنازل الريفية والممتلكات السياحية الأخرى في وجهة العطلات الخلابة هذه في جنوب غرب إنجلترا.
تم تصميمه بواسطة Edge of the Web ، وهو يستخدم لوحة الألوان الخاصة بالعلامة التجارية المرتبطة بالمناطق الساحلية في المملكة المتحدة ، مما يساهم في العلامة التجارية الراقية والشعور. يوازن الموقع بين الحداثة وسحر المدينة الساحلية ، ويقدم Padstow Breaks في ضوء فاخر بشكل واضح.
وفقًا لملاحظة الوكالة ، فإن الموقع الإلكتروني المعاد تصميمه "يحتاج إلى منح الجمهور الثقة لإجراء الحجز". العرض الواضح للخصائص وتصميم UX الدقيق المطبق على النسخة المحمولة من الموقع جعل الحجز متاحًا بسرعة وسهولة عبر أي جهاز.
يحتوي موقع الويب على نظام حجز متكامل لطرف ثالث يمكّن الحجز في الوقت الفعلي وتحديثات الأسعار لتقليل وقت الإدارة وتجنب استياء المستخدم من الفشل في الحجز في الوقت المناسب.
8. Goolets بواسطة ENKI

ميزات ستاندوت:
- تخطيط غير متماثل
- تحميل محتوى متحرك
- لوحة مقيدة للسماح للصور بتوفير اللون
Goolets هي خدمة تأجير يخوت لها مكاتب في الولايات المتحدة والمملكة المتحدة وسنغافورة وأستراليا. تم إنشاء موقع الويب الخاص بهم من قبل ENKI ، وهي وكالة رقمية من ليوبليانا ، سلوفينيا.
تبدأ الصورة الفخمة لليخت مقابل البحر فوق سطح البحر ومحرف الخط الأبيض الأنيق بتجربة الزائر وتنطلق إلى مستوى جديد تمامًا بمجرد التمرير.
تنزلق الشاشة الافتتاحية ويظهر محتوى جديد ، مقسمًا إلى مربعات غير متماثلة. يتكرر هذا التأثير مع كل تمرير لاحق مع تقدم الزائر في رحلة المشتري الخاصة به.
بعد التمرير خلال عرض تقديمي جيد التصميم لخدمات الشركة وفوائدها ، تنتهي رحلة المستخدم بصفحة تحتوي على قائمة معروضة بدقة لليخوت المعروضة للإيجار.
الصور الملونة كافية لإضفاء جاذبية على الموقع ، لذا فإن لوحة الألوان مقيدة للغاية وتستخدم الأبيض والأزرق الداكن فقط.
تتكون قائمة التنقل الرئيسية المكونة من مستويين من أربعة عناصر فقط ، بما في ذلك CTA البارز لاستئجار اليخوت.
9. Onyx CenterSource By Idea Grove

ميزات ستاندوت:
- روبوت محادثة مدعوم بالذكاء الاصطناعي
- ملاحة جيدة التنفيذ
- شكل جيل الرصاص
Onyx CenterSource هو حل لمعالجة الدفع مقره في دالاس لقطاع الضيافة والسفر ، والذي يقوم موقعه الإلكتروني ، من باب المجاملة لشركة Idea Grove ، بإبلاغ مزايا وإمكانيات منتجاتها العديدة.
تفتح رسالة UVP الممتازة رحلة المستخدم في الجزء المرئي من الصفحة قبل أن يوضح عرض أسعار الرئيس التنفيذي ، المنفصل في وحدة مميزة ، غرض الحل ورسالته بالتفصيل.
يقدم الجزء المتبقي من الصفحة الرئيسية دليلًا اجتماعيًا مع العلامات التجارية التي تستخدم Onyx ويساعد بشكل خاص وكلاء السفر وأصحاب الفنادق.
يوجد خط sans-serif معاصر للغاية لتعزيز وضوح النسخة. تنتهي الرحلة بنموذج التقاط الرصاص ، بينما تتيح أيقونة chatbot في الركن الأيمن السفلي مساعدة فورية للزوار.
يعد التنقل في القائمة الرئيسية ، على الرغم من تعقيده في هيكله ، بديهيًا تمامًا. بفضل "ثباتها" ، يكون الزائر دائمًا على بعد نقرة واحدة من الانتقال إلى الصفحة المطلوبة أو إلى محرك البحث الذكي.
10. تجربة ديكارت الخاصة بواسطة تصميم Dvoe

ميزات ستاندوت:
- خطوط وألوان أنيقة
- فيديو الخلفية في الجزء المرئي من الصفحة
- صفحة برنامج جيدة التسليم لكل جولة
ديكارت هي وكالة سفريات روسية متخصصة في الجولات السياحية الفاخرة والفاخرة. لمطابقة شخصية العمل الجذابة ، قدم Dvoe Design تجربة موقع ويب لا تترك أي شيء مرغوب فيه من حيث البذخ والفخامة والفخامة.
النحاس والأبيض هما اللونان الأكثر شيوعًا اللذان يوفران مساحة كبيرة للتنفس للرسائل الموجزة بشكل ملحوظ. تستخدم خطوط Serif المستخدمة في العناوين الرئيسية أسلوبًا مائلًا للتأكيد على عبارات معينة ، بينما تثير الصور المعدلة بخبرة لوجهات السفر حب التجوال لدى الزائرين.
تتكون الصفحة المخصصة لكل ترتيب سفر فردي من محتوى سهل المتابعة وصور جذابة قبل أن يُمنح الزائر خيار ترك تفاصيل الاتصال الخاصة به حتى يتمكن الممثل من الاتصال بهم.
في تذييل كل صفحة ، تثبت روابط الاتصال الأكثر فائدة التي تشير إلى صفحات وسائل التواصل الاجتماعي الخاصة بـ ديكارت أنها مفيدة إذا كان الزائر يرغب في الانغماس في المزيد من الروعة المرئية لعروض السفر التي تقدمها الشركة.
11. فليمنجز مايفير من ARO Digital Strategy

ميزات ستاندوت:
- مرئيات على العلامة التجارية وإحساس فاخر
- تحث العبارات الجريئة التي تحث المستخدم على اتخاذ إجراء على التحويلات
- تم تنفيذ قائمة بملء الشاشة بشكل جميل
Flemings Mayfair هو منشأة فندقية شهيرة في قلب لندن. تطلبت العلامة التجارية تصميم موقع ويب يتناسب مع مكانتها كواحد من أقدم الفنادق في عاصمة المملكة المتحدة ، وقد قدمت ARO Digital Strategy ذلك بالضبط.
أجرت الوكالة تغييرًا كاملاً للعلامة التجارية وأدرجت مكتبة الفندق المرئية الواسعة وألوان العلامة التجارية لتعكس خدمتها المتميزة وتجربتها الفاخرة وتقاليدها العريقة.
تستخدم الصفحة الرئيسية لموقع الويب تخطيطًا فريدًا للشبكة حيث يعرض كل مربع صورة أو مقطع فيديو مرتبطًا بماضي الفندق وحاضره. تنتهي خلاصة Instagram البسيطة من الصفحة الرئيسية ، بينما تحتوي قائمة التنقل الرئيسية على CTAs لقسائم الهدايا والحجز.
يتم فتح قائمة مساعدة في الزاوية العلوية اليسرى عبر الشاشة بأكملها مع تأثير التلاشي الأنيق. توفر اللوحة ذات اللون الرمادي والطباعة الأنيقة تباينًا صارخًا مرحبًا به مع الجزء الرئيسي للموقع.
12. جريفز إنديا بواسطة Crowd

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

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

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