Kullanıcı Yolculuğuna Odaklanan En İyi 14 Seyahat Web Sitesi Tasarımı

Seyahat endüstrisinin 2019'a kıyasla yıllık pazar büyüklüğünde 800 milyar dolar kaybetmesi sürpriz olmamalı.

Sağda ve solda seyahat yasakları ve evde kalma önlemleriyle, hayatta kalma ve kapanma arasındaki fark artık bu hayati pazarlama aracının - web sitesinin etkinliğinde yatıyor.

Aslında, küresel turizm satışlarının %65'i şu anda çevrimiçi olarak yapılmaktadır.

Yaratıcılığı, özellikleri ve kullanılabilirliği, işletmelerin bu zor zamanlarda üstünlük kazanmasına ve ziyaretçilerin tekrar uzak yerleri hayal etmelerine yardımcı olan en iyi seyahat web sitesi tasarım örneklerine bakarken atlayın.

1. Meteorit'ten Baita Valon

Öne çıkan özellikler:

• Yatay kaydırmalı tam ekran menü
• Yaratıcı CTA simgeleri
• Göze hoş gelen yeşil ve beyaz palet

Baita Valton, İtalya'nın dağlık Trentino bölgesinde bir Alpler'deki saklanma yeridir. Web siteleri, Meteorit takma adıyla çalışan serbest çalışan bir web tasarımcısı ve programcısı olan Samuel Clara'nın bir buluşudur.

Ekranın üst kısmındaki tam ekran görüntü atlıkarıncası, tüm ihtişamıyla tatil köyünün birkaç yüksek çözünürlüklü fotoğrafıyla ziyaretçiyi karşılıyor.

Fotoğrafların her iki yanında markanın koyu yeşil renginde iki navigasyon butonu var: solda bir hamburger menüsü ve sağda resepsiyon zili şeklinde bir CTA butonu.

İlki, tüm ekran boyunca menü gezinmesini açar - ancak öğeler arasında dikey olarak gezinmek yerine, menü yatay olarak sunulur.

CTA düğmesi, ziyaretçilerin basit bir form gönderimi yoluyla rezervasyonlarını yapabilecekleri Talep sayfasına tıklanır.

Baita Valton web sitesindeki tüm sayfalar, ana sayfa da dahil olmak üzere aynı düzeni takip eder. Çok sayıda negatif boşluk, serif ve sans-serif yazı tiplerinin karışımını çevreler. Kayar modüller, birden fazla içeriği depolayarak alanı ekonomik olarak kullanır.

2. Seat Frog By Biz Keşfettik

Öne çıkan özellikler:

• İlgi çekici uygulama talimatları
• Vurgulu rengin çarpıcı kullanımı
• Uygulamayı indiren kullanıcıları gösteren bir sosyal kanıt

Seat Frog, teklif verme yoluyla Birleşik Krallık'ta tren gezileri rezervasyonu yapmak için kullanılan bir mobil uygulamadır. Eşsiz değer önerisi, uygulama kullanıcılarının koltuklarını Birinci Sınıf olanaklara yükseltebilmeleridir.

Seat Frog uygulamasının We Discover tarafından tasarlanan web sitesi, uygulamanın işleyişini ilgili taraflara açıklayan tek sayfalık bir kullanıcı yolculuğudur. Paleti, CTA'larda vurgu rengi olarak elektrik sarısı ile lacivert/beyazdan oluşur.

Ekranın hemen altında, uygulamayı kullanmanın iyi örneklenmiş 3 adımlı süreci var. Kullanıcı ekrandaki uygulama resimlerini, başlıkları ve kısa talimat paragraflarını kaydırırken, dalgalı çizgi boyunca tren raylarını temsil eden ve kullanıcının hareketini yansıtan mor bir nokta kayar.

Web sitesinin mesajları kısa ve özdür, asla paragraf başına üç satırı geçmez.

Web sitesinin sol alt köşesinde, sosyal kanıt sağlamanın ve beklentileri takip etmeye teşvik etmenin bir yolu olarak, yeni kaydolan yeni uygulama kullanıcılarının adlarını gösteren, periyodik olarak görünen bir açılır kutucuk vardır.

3. Hotel Frida By The Forest By Çoğul

Öne çıkan özellikler:

• Olağanüstü yaratıcı etkileşimli öğeler
• Arka planda doğal ses efektlerinin iyi kullanımı
• Kullanıcıların ilgisini çeken ve insancıl bir dokunuş sağlayan hikaye anlatımı

Hotel Frida, İtalya'nın Güney Tirol bölgesinde bir dinlenme ve eğlence tesisidir. Web sitesi, bu alışılmadık web sitesi için her türlü normun ötesine geçen Avusturyalı yaratıcı ajans Plural tarafından tasarlanmıştır.

İniş sırasında ziyaretçi, hareket efektleri, özel yapım serif tipografi ve her biri iki harfli yüzen baloncuklarla süslenmiş garip, melez bir yaratığın resmiyle karşılaşır. Bir ziyaretçi bir balonu tıkladığında, otel misafirlerini içeren kısa bir hikaye içeren küçük bir pencere açar.

Ardından ziyaretçi, fare imlecinin bir sprey kutusuna dönüştüğünü fark eder. Ekranda herhangi bir yere tıklamak, web sitesinin arka planını otantik grafiti efektiyle çok çeşitli canlı renklerle boyar. Pembeler, yeşiller, maviler ve sarılar, çoğunlukla beyaz olan web sitesini bir renk festivaline dönüştürüyor.

Tesisin Avrupa'nın en iyi korunmuş bölgelerinden birindeki konumunu vurgulamak için, web sitesinde bir kuş şarkısının “film müziği”, bir su akışı sesi ve böceklerin hafif vızıltıları yer alıyor. Bu, bir web sitesinde çok iyi yürütülen bir ses kullanımıdır ve normalde yarardan çok zarar verebileceğinden çok riskli bir iştir.

4. Bellweather Ajansı Tarafından Breck'e Git

Öne çıkan özellikler:

• İyi entegre edilmiş rezervasyon, arama ve hava durumu simgeleri
• Tüm ekranı kaplayan kayan mega menü
• Gezginler için çeşitli kullanıcı yolculuğu seçenekleri

Go Breck, Colorado'nun Rocky Dağları'nın eteğindeki Breckenridge kayak merkezi için bir web sitesidir. Bellweather kreatif ajansı tarafından tasarlanan ve geliştirilen, ziyaretçileri arka planda dönen tam ekran bir video ve üç ayrı sezon boyunca tesisin olanaklarını keşfetmek için çeşitli kullanıcı yolculuğu seçenekleriyle karşılıyor.

Üç seçenekten/mevsimlerden birine tıklamak, portre modu videosu ve verilen sezondaki etkinliklerin listesini içeren bir sayfa açar. Her sayfa, yüksek çözünürlüklü resimler ve ilgili etkinliklerle ilgili zengin değerli blog makalelerine bağlantılar içeren bir galeri ile süslenmiştir.

Ana sayfaya döndüğünüzde, sağ üst köşedeki ana menü düğmesi, görüntüleri içeren dört ana bölümle tam ekran kaydırmalı gezinmeyi açar. Fareyle bunlardan herhangi birinin üzerine gelindiğinde, sağda daha fazla gezinme öğesi gösterilir.

Ana menü düğmesinin hemen altında rezervasyon, arama çubuğu ve hava durumu bilgileri için şeffaf simgeler bulunur. Bunlar, ziyaretçinin dikkatini sayfadaki önemli tasarım öğelerinden uzaklaştırmaz.

Altbilgide, bir armonika/sekme bileşeni, birden çok içerik grubunu tek bir yerde yoğunlaştırır.

5. ED Tarafından AHOTEL'ler.

Öne çıkan özellikler:

• Farklı bir renk paleti
• Çok okunaklı yazı tipi
• Çok kısa bir kullanıcı yolculuğu

Avustralya merkezli AHOTELs'in web sitesi ED tarafından tasarlanmış ve geliştirilmiştir. Yaratıcı stüdyo. Ayırt edici kahverengi/siyah/sarı paleti, bu kuruluşlar web sitesi kullanımı için nadiren bu renkleri kullandığından, ziyaretçiyi hemen etkileyen şeydir.

Ana menü oldukça belirgindir ve tüm zaman boyunca ziyaretçiyle birlikte kalır. Aslında, her bir kopyası. Web sitesini gözden geçirmeyi son derece basit hale getiren iki tür sağlam sans serif yazı tipi sayesinde.

Gezinme, kullanıcıyı bu tek sayfalık web sitesinde belirli noktalara taşıyan bağlantı bağlantılarının bir koleksiyonudur. Kısa ama yeterli bir kullanıcı yolculuğu, eklere geçmeden önce oteller hakkında genel bilgiler ve son olarak rezervasyon/iletişim bilgileri ile başlar.

Yüksek çözünürlüklü görüntüler, bazı bölümleri koyu sarı bir ekrana dönüştüren bir fare imleciyle, otelin olanaklarını gösteren daha ilgi çekici videoları tetikleyerek, web sitesinin "kahverengiliğinden" hoş bir mola sağlar.

6. Szymon Michalczyk & Profitroom'dan Narie Resort & Spa

Öne çıkan özellikler:

• çerçeveli düzen
• Arka plan videoları içeren davetkar bir açılış sayfası
• Ekranın üst kısmında kullanışlı bir rezervasyon modülü

Narie Resort & Spa, web sitesi Poznan'dan serbest tasarımcı Szymon Michalczyk tarafından Profitroom ile işbirliği içinde oluşturulan kuzey Polonya'da bir eğlence ve dinlenme tesisidir.

Web sitesinin ana sayfasının açılış ekranına en yüksek kalitede ve harika post prodüksiyon çalışmasından oluşan profesyonelce çekilmiş bir döngü videosu hakimdir. Tesisin doğal ihtişamını ve ziyaretçilerin keyfini çıkarabilecekleri lüks olanakları sergileyerek potansiyel konukların iştahını kabartıyor.

Açılış sayfasını kaydırdığınızda sağ üst köşede giriş ve çıkış tarihlerini içeren çok kullanışlı bir rezervasyon modülü bulunur.

Web sitesini tarayıcının ekranından (ve diğerlerinden farklı içerik bitlerinden) ayıran bir "çerçeve", etkin bir şekilde görüntüleme netliği sağlar.

Her bir içerik parçasını tamamlayan bu düzenli resim düzenlemesi, ana sayfanın basit ama çekici düzenini tamamlar.

7. Padstow Web'in Kenarında Kırılıyor

Öne çıkan özellikler:

• Harika çok kanallı ve çapraz kanallı UX
• Markaya uygun iyi tanımlanmış renkler
• Gerçek zamanlı rezervasyon ve fiyat güncellemeleri

Padstow Breaks web sitesi, güneybatı İngiltere'deki bu pitoresk tatil beldesindeki tatil dairelerini, kulübeleri ve diğer turistik mülkleri listeler.

Edge of the Web tarafından tasarlanan bu ürün, İngiltere'nin kıyı bölgeleriyle ilişkilendirilen marka üstü renk paletini kullanır ve üst düzey marka bilinci oluşturma ve hisse katkıda bulunur. Web sitesi, bir sahil kasabasının modernliğini ve cazibesini dengeleyerek Padstow Breaks'i belirgin bir şekilde lüks bir ışıkta sunuyor.

Ajansın açıklamasına göre, yeniden tasarlanan web sitesinin “izleyicilere rezervasyon yapma güvenini vermesi gerekiyordu”. Sitenin mobil versiyonuna uygulanan özelliklerin net vitrini ve titiz UX tasarımı, rezervasyona herhangi bir cihazdan hızlı ve kolay bir şekilde erişilmesini sağladı.

Web sitesinde, gerçek zamanlı rezervasyon ve fiyatlandırma güncellemelerinin yönetici zamanını kısaltmak ve zamanında rezervasyon yapamamaktan kaynaklanan kullanıcı memnuniyetsizliğini önlemek için entegre bir 3. taraf rezervasyon sistemi vardır.

8. ENKI'den Gooletler

Öne çıkan özellikler:

• asimetrik düzen
• Animasyonlu içerik yükleme
• Fotoğrafların renk sağlamasına izin veren ölçülü palet

Goolets, ABD, İngiltere, Singapur ve Avustralya'da ofisleri bulunan bir yat kiralama hizmetidir. Web siteleri, Ljubljana, Slovenya'dan bir dijital ajans olan ENKI'nin kuruluşudur.

Ultramarine deniz ve şık beyaz serif yazı tipine karşı bir yatın görkemli fotoğrafı, ziyaretçinin deneyimini başlatır ve kaydırdıklarında tamamen yeni bir seviyeye çıkar.

Açılış ekranı yukarı kayar ve asimetrik kutulara ayrılmış yeni içerik görünür. Bu etki, ziyaretçi alıcı yolculuğunda ilerledikçe sonraki her kaydırma için tekrarlanır.

Şirketin hizmet ve faydalarının iyi hazırlanmış bir sunumuna göz attıktan sonra, kullanıcı yolculuğu, düzgün bir şekilde sunulan kiralık yat listesini içeren bir sayfa ile sona erer.

Renkli fotoğraflar, web sitesine çekiciliğini kazandırmak için yeterli, bu nedenle renk paleti çok kısıtlı ve sadece beyaz ve lacivert kullanıyor.

İki seviyeli ana menü navigasyonu, yat kiralama için belirgin bir CTA dahil olmak üzere yalnızca dört öğeden oluşur.

9. Onyx CenterSource By Idea Grove

Öne çıkan özellikler:

• AI destekli sohbet robotu
• İyi yürütülen bir navigasyon
• Lead-gen formu

Onyx CenterSource, Idea Grove'un sağladığı web sitesi, çok sayıda ürününün faydalarını ve yeteneklerini bildiren, konaklama ve seyahat endüstrisi için Dallas merkezli bir ödeme işleme çözümüdür.

Mükemmel bir UVP mesajlaşması, CEO'nun farklı bir modülde ayrılmış alıntıdan önce, çözümün amacını ve misyonunu detaylandırmadan önce kullanıcı yolculuğunu açar.

Ana sayfanın geri kalanı, Onyx kullanan markalarla ilgili sosyal kanıtlar sunar ve özellikle seyahat acentelerine ve otelcilere yardımcı olur.

Kopyanın netliğini artırmak için çok çağdaş bir sans-serif yazı tipi var. Yolculuk, bir müşteri adayı yakalama formuyla sona ererken, sağ alt köşedeki chatbot simgesi, ziyaretçilere anında yardım sağlıyor.

Ana menü navigasyonu, yapısında karmaşık olmasına rağmen oldukça sezgiseldir. "Yapışkanlığı" sayesinde, ziyaretçi istenen sayfaya veya akıllı arama motoruna gitmekten her zaman bir tık uzaktadır.

10. Dvoe Design'dan Descartes Özel Deneyimi

Öne çıkan özellikler:

• Şık yazı tipleri ve renk
• Ekranın üst kısmındaki arka plan videosu
• Her tur için iyi hazırlanmış bir program sayfası

Descartes, üst düzey, lüks turlar ve turistik düzenlemeler konusunda uzmanlaşmış bir Rus seyahat acentesidir. İşletmenin gösterişli karakterine uyum sağlamak için Dvoe Design, zenginlik, klas ve ihtişam açısından arzulanan hiçbir şeyi bırakmayan bir web sitesi deneyimi sundu.

Bakır ve beyaz, dikkat çekici şekilde kısa ve öz mesajlaşma için bolca nefes alma alanı sağlayan en baskın iki renktir. Başlıklarda kullanılan serif yazı tipleri, belirli ifadeleri vurgulamak için italik stili kullanırken, seyahat destinasyonlarının ustalıkla düzenlenmiş görüntüleri ziyaretçilerde yolculuk tutkusu uyandırır.

Her bir seyahat düzenlemesi için özel bir sayfa, takip etmesi kolay içerikten ve ziyaretçiye iletişim bilgilerini bırakma seçeneği verilmeden önce çekici fotoğraflardan oluşur, böylece bir temsilci kendileriyle iletişime geçebilir.

Her sayfanın alt kısmında, Descartes'ın sosyal medya sayfalarına işaret eden daha kullanışlı iletişim bağlantıları, ziyaretçinin şirketin seyahat tekliflerinin daha fazla görsel görkemiyle kendini şımartmak istemesi durumunda yararlı olduğunu kanıtlıyor.

11. Flemings Mayfair, ARO Dijital Stratejisinden

Öne çıkan özellikler:

• Markaya uygun görseller ve lüks his
• Cesur harekete geçirici mesajlar, ikna edici dönüşümler
• Güzelce yürütülen tam ekran menü

Flemings Mayfair, Londra'nın kalbinde ikonik bir otel işletmesidir. Marka, Birleşik Krallık'ın başkentindeki en eski otellerden biri olarak konumuna uygun bir web sitesi tasarımına ihtiyaç duyuyordu ve ARO Digital Strategy tam da bunu sağladı.

Ajans, tam bir marka değişikliği gerçekleştirdi ve üstün hizmetini, lüks deneyimini ve uzun süredir devam eden geleneğini yansıtmak için otelin kapsamlı görsel kütüphanesini ve marka renklerini birleştirdi.

Web sitesinin ana sayfası, her kutunun otelin geçmişi ve bugünüyle ilgili bir resim veya video sergilediği benzersiz bir ızgara düzeni kullanır. Basit bir Instagram beslemesi ana sayfadan çıkarken, ana menü navigasyonu hediye kuponları ve rezervasyon için CTA'ları içerir.

Sol üst köşedeki yardımcı menü, zarif bir solma efektiyle tüm ekran boyunca açılır. Griye boyanmış resim ve şık tipografi, web sitesinin ana bölümüne hoş bir karşıtlık sağlar.

12. Kalabalık Hindistan'ı Greaves

Öne çıkan özellikler:

• Karşılama ekranında muhteşem fotoğraf ve yazı tipi
• Ana menü öğeleri alttan üste geçer ve sabit kalır
• Ziyaretçilerin ilgisini çeken videolar ve animasyonlu CTA'lar

Greaves India, yerel geziler ve Hindistan'ın önemli yerlerine ve simge yapılarına yapılan ziyaretler konusunda uzmanlaşmış bir tur operatörüdür. Çarpıcı web siteleri, Crowd dijital pazarlama, tasarım ve marka ajansının bir ürünüdür.

Sabah pusuyla örtülen ve şık beyaz yazı tipiyle süslenen Tac Mahal'in büyüleyici fotoğrafları, ziyaretçi karaya çıktığında kayda değer bir giriş noktası oluşturur. Alttaki bağlantılar, ziyaretçi kaydırmaya başladığında ortaya çıkan ana menü öğeleri haline gelir.

Web sitesi daha sonra kesinlikle farklı bir görünüm alır. Kutulu 1: 1 düzenini takiben, dönüşümlü olarak siyah ve beyaz arka plan renkleri, animasyonlu CTA'lar, alt kıtadaki önemli konumların özel çizimleri ve kısa bir video kullanır.

Eşlik eden bir blog bölümü, benzer bir yerleşim düzenini takip eder ve Hindistan'ı ve diğer komşu ülkeleri ziyaret etmekle ilgilenen ziyaretçiye değer sağlarken büyük ölçüde canlı fotoğrafçılığa dayanır.

13. Dijital Laboratuvardan Kamçatka'nın Keyfini Çıkarın

Öne çıkan özellikler:

• Çarpıcı hızlandırılmış videolar
• Karmaşık bir renk şeması
• Özel çizimler

Rusya'nın en doğu yarımadasına keşif gezileri düzenleyen bir grup olan Enjoy Kamçatka'nın web sitesi Digital Lab ajansı tarafından yapıldı.

Bölgedeki aktif yanardağların çarpıcı bir hızlandırılmış videosu, ekranın üst kısmındaki tüm ekranı kaplıyor. Tıknaz bir yazı tipi, zıt kırmızı bir CTA düğmesi ve ekranın sağ yarısında kullanıcı yolculuk seçeneklerini açan bir hamburger menü simgesi ile tamamlanıyor.

Açılış ekranını takip eden asimetrik içerik kutuları, web sitesine çağdaş ve rahat bir his veriyor. Güzel bir şekilde oluşturulmuş renk şemaları, tüm doğru yerlerde doğru vurguları ve kontrastları sağlar.

Özellikle göz alıcı bir unsur daha aşağıda yer almaktadır; burada farklı gezi türleri, kullanıcı üzerlerine geldiğinde renk alan birleştirilmiş, grileştirilmiş vektör çizimlerle sunulmaktadır.

Kayan sekmeler modülü ve güvenilir ortakların hareketli makarası gibi hareketli bölümler, genel olarak çok çekici bir web sitesi deneyimine daha fazla canlılık sağlar.

14. Tomahawk'tan Wanaka'yı Serbest Bırakın

Öne çıkan özellikler:

• Çok kapsamlı iki seviyeli ana menü
• Rezervasyon yapmak için canlı sohbet AI botu
• Bir açılır Search Homes özelliği

Release Wanaka, Yeni Zelanda'nın Güney Adası'ndaki konaklama birimleri için lüks bir tatil kiralama sitesidir. Web sitesi, Tomahawk'ın izniyle, bir rezervasyon web sitesinin tüm önemli bileşenlerini ana sayfada ve ana menüde yoğunlaştırır.

Çok seviyeli menü, bir kullanıcının istenen tarihlerde belirli bir konaklama türünü aramasını sağlayan Evleri Ara seçeneği de dahil olmak üzere, hevesli bir ziyaretçiye çok sayıda seçenek sunar. Rezervasyonlar, ana menü ile aynı, sağ alt köşedeki AI sohbet robotu kullanılarak da yapılabilir - yapışkan.

Ana sayfayı aşağı kaydırmak, bu hizmet aracılığıyla Yeni Zelanda'nın bu bölgesini ziyaret etmenin faydalarını açıklayan büyük resimler ve metin içeriğinin etkileşimini ortaya çıkarır. Klas bir serif yazı tipi, kullanıcıyı bunaltmamak için doğru miktarda bilgi sağlarken lüks bir ziyaretçi deneyimi anlamına gelir.

Deniz mavisi ve lacivert marka renkleri, beyaz arka plan parçalarına ve yüksek çözünürlüklü görüntülere karşı iyi durur. Öne çıkan konaklama yerleri ve kullanıcı yorumları, potansiyel bir kullanıcının bu site aracılığıyla tatil rezervasyonu yaparken neler bekleyebileceğine dair bir fikir verir.