サイトを開くと、ページ上部から細い線が降ってくるようにしてロゴマークが構成されます。その後背景にムードのある映像が流れる、という演出がホテルの上品な雰囲気を表現していて高級感を感じます。スクロールをすると施設内の説明があり、そこに使われている写真のモーションがロゴマークを模した動きになっており、既視感を感じてちょっとした驚きに繋がります。さりげないデザインが統一感を生んでいて美しいデザインです。下層ページのコンセプトのページでは写真が全画面に表示されて、利用シーンが想像できる作りになっていて訪れた際のイメージが湧きやすいようにユーザー目線を考えられています。サイト全体のデザインコンセプトが明確で、完成度の高いサイトです。
執筆者
カテゴリ
基本情報
ホテルに関連するデザイン
-
「MARE」のホームページデザイン解説全体がシンプルで洗練された雰囲気にまとめられていて、見ていて気持ちの良いデザインが特徴的なサイトになっています。ファーストビューでは右端に画像領域が寄せられていて、絶妙なバランスとなっています。画像はスライドショーで切り替わる仕組みで、ゆっ...
-
「帝国ホテルオンラインショップ」のホームページデザイン解説グレーをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、料理の真ん中に「帝国ホテルオンラインショップ」と表示してあります。グローバルナビにて、オンラインショップのお買い物ガイドを案内しています。トップページの中央に、帝国...
-
「京王プラザホテル」のホームページデザイン解説グレーをベースに、ゴールドやネイビーをアクセントにしたサイトです。ファーストビューには、京王プラザホテルの豪華な外観が写っています。グローバルナビにて会社概要、ホテルチェーンなどを案内しています。ゴールドのバナーは京王プラザホテル会員に関す...
サービスサイトに関連するデザイン
-
「TNER」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、TNER（トナー）のレンタルオフィスを紹介しています。レンタルオフィスの室内が写っています。トップページの左右に分けたグローバルナビにて、レンタルオフィスのご利用方...
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
ネイビーを使ったデザイン
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
-
「君二問フ」のホームページデザイン解説サイトを開くと中央にメッセージが展開されて、サイト導入の演出が凝った構成になっています。一連の流れのあとに「JOIN」のボタンが表示されてクリックするとトップページが表示される仕組みになっており、ユーザの期待感が高まるような演出が施されてい...
-
「BALS TOKYO」のホームページデザイン解説グレーをベースにネイビーをアクセントにしたサイトです。グローバルナビにてバルス東京について、まとめブログや5ch.netなどを案内しています。まとめブログのページには、5ch.netとの関係を解説しています。トップページは2カラム構成で、左...
かっこいいなホームページのデザイン
-
「SEKAI NO OWARI」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、アーティストSEKAI NO OWARIが写っています。グローバルナビにてSEKAI NO OWARIのプロフィールやディスコグラフィー、スケジュールなどを案内して...
-
「Roju」のホームページデザイン解説ブラックをベースに白抜き文字を使ったサイトです。ファーストビューには、Roju（ロジュ）の店内が写っています。「SHOW REEL」の矢印をクリックすると、動画を見ることができます。3本ラインのメニューボタンにて、Rojuの店舗情報やサービ...
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...