サイトを開くと背景に飛行機が飛び立つ瞬間の映像や、ホテルの内装、東京の名所の風景などの映像が使われていて、しばらく眺めていたくなるような演出になっています。出発からホテルにチェックインし、観光するまでの一連の流れを映像で流すことによって、ユーザが旅行に行きたくなるような、またどのような旅行プランを立てるのかがイメージしやすくなっています。ファーストビュー上に宿泊日や日程を入力して空室の検索ができるようになっているのが、スムーズに検索できる仕組みとなっていて利用しやすいサイトになっています。ホテルのコンセプトやアメニティーなども、写真を大きく使って紹介しており、下層ページもしっかりと用意されていて隙のないサイトが完成されています。
執筆者
カテゴリ
基本情報
ホテルに関連するデザイン
-
「MARE」のホームページデザイン解説全体がシンプルで洗練された雰囲気にまとめられていて、見ていて気持ちの良いデザインが特徴的なサイトになっています。ファーストビューでは右端に画像領域が寄せられていて、絶妙なバランスとなっています。画像はスライドショーで切り替わる仕組みで、ゆっ...
-
「帝国ホテルオンラインショップ」のホームページデザイン解説グレーをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、料理の真ん中に「帝国ホテルオンラインショップ」と表示してあります。グローバルナビにて、オンラインショップのお買い物ガイドを案内しています。トップページの中央に、帝国...
-
「京王プラザホテル」のホームページデザイン解説グレーをベースに、ゴールドやネイビーをアクセントにしたサイトです。ファーストビューには、京王プラザホテルの豪華な外観が写っています。グローバルナビにて会社概要、ホテルチェーンなどを案内しています。ゴールドのバナーは京王プラザホテル会員に関す...
サービスサイトに関連するデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
ホワイトを使ったデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
かっこいいなホームページのデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「FIL – SUMI LIMITED」のホームページデザイン解説ブラックをベースに白抜き文字を使ったサイトです。ファーストビューでは、スタイリッシュなFIL（フィル）のインテリアを紹介しています。全体的に製品はモノクロ画像、阿蘇の自然を写した景色はカラーで写っています。グローバルナビにて、フィルのコンセ...
-
「Shibuya Media Pedia」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、「OOH360°View&Generator」を使って渋谷を写した高速の動画をあげています。OOH360°View&Generatorはメディアの周辺環境を閲覧した...