BRIK GALLERYについて
デザインやコンテンツの参考になる国内最大規模のWebサイトリンク集・デザインギャラリーの BRIK GALLERY では、日々クリエイターの方々の参考になる作品を更新しています。
クリエイティビティを刺激し、デザインの参考になり、仕事に役に立つ、Webサイトなどを中心に紹介しています。BRIK GALLERYでは、カテゴリーやタグから検索し、気になった作品はお気に入り機能で保存可能な機能があります。
作品は、INDUSTRY (業種)、TYPE (Webサイトなどの種類)、COLOR (キーカラー)、DESIGN (デザイン表現の方法) などのカテゴリーで分類されています。ここから目的としているデザインを絞り込んで探すことが可能です。
本特集では、BRIK GALLERYに掲載されている作品の中から、特定のテーマで作品をピックアップし解説していきます。
ホテルのWebサイトに求められることとは？ 🤔
近年、宿泊客のニーズやライフスタイルの変化に合わせて、ホテルも多様性が求められる時代になりました。たとえば、以前は値段に見合ったスタッフの対応やサービスの質などでホテルの評価がされていましたが、現在は独自のコンセプトを持ち、宿泊以外の価値を提供するホテルに注目が集まっているのです。
またホテルのWebサイトは、楽天トラベルやBooking.comなどのOTA (Online Travel Agent) と呼ばれる旅行サイトポータルからの遷移が多いことが考えられます。一方でホテルのWebサイトは、自社のホテルWebサイトからの直接予約比率が高められることが求められることがあります。
今回は、デザインやコンテンツの面で参考になる、優れた多種多様なジャンルのホテルのWebサイト23選をピックアップし解説していきます。
ご紹介する作品は、以下の3つの基準を元に選出しました。
- ✅ ホテルのコンセプトが的確に表現されているデザイン
- ✅ 施設やアクティビティの様子などホテルライフを具体的にイメージできるようなデザイン
- ✅ ホテルの概要や特長、サービスが理解しやすいデザイン
デザインの参考になるホテルのWebサイトの紹介🎨
ホテルオークラ
東京虎ノ門のラグジュアリーホテル。トップビューに流れる動画では、客室や施設の様子、料理人やコンシェルジュらの接客の様子が動画に収められており、一流ホテルの余裕や気品を感じさせます。また、麻の葉など伝統文様を使用し、日本らしさを表現している点も印象的です。
星のや
星のやは、星野リゾートが運営するラグジュアリーホテル。スライドショーのように横にゆったりと流れる写真の動きやレイアウト、フォントと余白の絶妙なバランスなど細かな工夫がされています。これによってミニマルなデザインも、退屈にならず写真と文章のみで十分にホテルの魅力が伝わるデザインとなっています。
山河
熊本・阿蘇の温泉地「黒川温泉」の旅館山河。トップページでは、木々や小川、炎、湯煙の微細な揺れ動きを捉えた動画が画面に大きく配置されており、見るものの心をとらえるでしょう。メニューバーにおける料亭のお品書きのようなデザインも上品で洗練されています。
BYAKU Narai
日本最長の宿場町として知られる長野県・奈良井宿のホテル。ダークな色調や霧のようなモーションの浮かび方がミステリアスな雰囲気を醸し出しています。サイト中部にあるスライドショーでは、客室や地域の自然・伝統を映し取った写真と共に断片的な言葉が並べられ、単に美しいだけでなく、旅行プランの提案としての機能も果たしています。
山荘わらび野
温泉地であり、また四季折々の自然を堪能できる点が売りの老舗の由布院のホテル。施設や周辺の風景を写した美しい写真の配置がギャラリーサイトのようで、感性が刺激されます。また、できるだけ文字を抑え、また余白を存分に生かしていることで、静けさも感じられます。当ホテルは2019年にリニューアルオープンをしたという背景もあり、Webサイトではホテルの魅力を新たな視点で表現したデザインとなっています。
Entô
ジオパーク（地球（ジオ）を丸ごと楽しむことができる場所）として認定されている隠岐諸島の1つ、中ノ島にあるホテルEntô 。ホテルの周辺に壮大な自然が広がっているのが特長です。ランダムに配置された、巨木や海、山々の写真や動画は記憶の断片が並べられているようで、未来のEntô での滞在を追体験しているような気分にさせてくれます。
Gambit Resort
メキシコにあるリゾートホテル。トップページに出てくる大胆なタイポグラフィと横から飛び出してくる4枚の写真からは、アクティブなホテルライフが想像できます。またフォントの大きさを変えたり枠線を上手く活用することで、赤という存在感の強いカラーでも、見やすくかつ洗練されたデザインへと導くことに成功しています。
SANU
八ヶ岳や軽井沢などの別荘をサブスクリプションで利用できるサービス。別荘周辺の美しい自然を写真や動画を用いて存分にアピールしている点が印象的です。また別荘というと一般的に維持管理費などが気にかけることが多く、簡単には手が出せないイメージがあります。しかし、オレンジというカラーや柔らかいイラストを用いることで、よりカジュアルな印象を演出し、別荘のイメージを一新することに成功しています。
ななつやステイ
岐阜県郡上市「小川地区」のワーケーション宿泊施設。角丸のモチーフや色幅の狭い微細なグラデーション、和紙のような質感の背景や手書きの見取り図は、飾らないナチュラルさに好感が持てるだけでなく、郊外での穏やかな滞在も想像させてくれます。
Earthboat
Earthboatは「地球を肌で感じる宿」をコンセプトにしたサウナ付きトレーラーハウスの宿泊施設。今までにないタイプの宿泊施設ですが、外観を3Dデザインで表現することで、施設を想像しやすくなっています。また写真のトランジションの様子は、煙を想起させ、Webサイトを通して自然の一部を感じられたような気分にさせてくれます。
OMO5東京大塚
星野リゾートが運営するゲストハウスに近い感覚のライフスタイルホテル。カジュアルな手書きのイラストやフォントは、カーソルを合わせると小さく震えるような動きがあったりと、ワクワクする仕掛けが隠れています。ピンクのロゴを中心に添えたトランジションは、ナチュラルでありながら元気なイメージも与えます。また言語の面でも、英語、中国語、韓国語まで幅広く対応している点も特長です。
里山十帖
魚沼に位置する民家をリノベーションした宿泊施設。注目すべきは、写真のレイアウトのバランス感覚。写真をたくさん使うことで雑然とした印象になってしまう場合もありますが、このサイトでは、グラデーションやモーションを適切に組み合わせることで垢抜けた仕上がりになっています。
besso 片山津温泉
石川県加賀市の海辺に位置する小さなホテル。いつでも気兼ねなく来ることのできる「みんなのもう一つの家」がコンセプト。小さく揺れ動く波やアメーバの様な生物のイラストは、見ていて不思議と癒され、ホテルの居心地の良さを期待できます。また、カラーについても淡くくすんだ自己主張の少ないブルーを使っているのもポイントです。
sequence | MIYASHITA PARK
渋谷の「MIYASHITA PARK」に直結したライフスタイルホテル。客室のカラーとうまくマッチした青色を基調にシンプルにまとめられています。
トップページでは、間接照明で照らされた客室の動画がループ再生されており、ずっと見ていられて癒される効果も感じます。
KUMU Kanazawa by THE SHARE HOTELS
KUMU Kanazawa by THE SHARE HOTELS
THE SHARE HOTELSは、地域との共生を目指すホテルブランド。その中でも金沢市にある「KUMU」では、金沢に今も受け継がれる武家文化などの伝統を工芸作家やアーティストらとともに未来に繋げていくことをコンセプトにしています。このような背景から、木材をイメージさせるブラウン系のカラーが用いられたり、地域の人々との交流や伝統技法を用いた芸術作品の写真が広々と配置されています。
ACE HOTEL
海外のライフスタイルホテルの草分け的存在であるACE HOTEL。背景の壁のような質感や丸みを帯びたフォントが、アットホームな雰囲気を漂わせています。ACE HOTELは、世界で11都市に展開しているのですが、それぞれの都市をイメージしたフォントがサイトのトップページに使われているのも興味深いです。
The Newel Acropolis
ギリシャに位置するライフスタイルホテル。白い背景に映えるピンクとオレンジのグラデーションやフォントの様々なモーションは、旅へのワクワク感を思い起こさせます。また、写真のレイアウトのバランスの良さも注目しておきたいポイントです。青やオレンジといった色使いは、ギリシャの美しい海や太陽をイメージさせます。
TRUNK(HOTEL)
渋谷の神宮前に位置するブティックホテルのTRUNK(HOTEL)。ブティックホテルとは、独創的なデザインやコンセプトを売りにしたホテルのことを指します。シンプルでありながら、写真のランダムな切り抜き方やフォントの細さ・大きさ・間隔などにこだわりを持っていることが伺えます。都会的でセンスのよさが感じられ、見事にホテルを象徴したデザインとなっています。
nodehotel
京都四条烏丸エリアに位置する、アートコレクターの住まいをコンセプトにしたホテル。ミニマルなデザインでありながらも、フォントや斜め線、カラーにこだわりを感じられ、ホテルの哲学を見事に表現したデザインとなっています。
香林居
金沢・香林坊に佇む蒸溜所併設のブティックホテル。最初に表示される画面上の「ドア」をクリックするとトップページに進む仕組みは、まるでホテルの世界観に誘われたような気分にさせてくれます。水墨画を彷彿とさせるイラストや色調、筆文字や背景の質感は「東洋世界における美の在り方を見つめ、その処方を試みる滞在空間」というホテルのコンセプトがしっかり伝わるデザインとなっています。
bar hotel
箱根小涌谷に位置する「barに泊まる」をコンセプトにしたホテル。夜をイメージしたミッドナイトブルーと日没のオレンジを組み合わせ、施設での上質な夜の時間を表現しています。また、写真に組み込まれている滝の流れを模したようなモーションの動きには、洗練された美しさを感じます。
ベッセルホテル
J.D. パワー 2022年ホテル宿泊客満足度調査 で5位にランクインし、西日本を中心に全国へ展開を続けるベッセルホテル。5つのホテルブランドをうまく整理し、さりげない非日常感を感じさせるシンプルで洗練されたデザインが特徴です。
東横イン
全国に約300店舗を展開する東横イン。クオリティの高い均一されたサービスをウェブサイト上でうまく表現しています。リピート客、法人客などに向けて、店舗が探しやすく、予約しやすい動線設計がなされているなど、チェーンホテルのウェブサイトの理想像を実現しています。
優れたホテルのWebサイト23選のまとめ🖋
ホテルのWebサイトの制作時にデザインやコンテンツの面で参考になる、優れたWebサイト23選をピックアップし解説していきました。どのサイトもそれぞれのホテルのコンセプトや独自のサービスを様々な技法やデザインを組み合わせて的確に表現されていたと思います。ぜひこれからのWebサイト制作の参考にしてみてください。
