トップページ全体に写真が使われていて迫力のある鮮やかな構成になっています。ファーストビューでは各地のホテルの写真が次々と切り替わっていく仕組みになっていて、その画像領域につながるようにして下部に各地のホテルの写真がサムネイル表示されて下層ページへのリンクになっています。サムネイル写真にはカーソルを合わせるとズームインする効果と視差効果が加えられていて、ちょっとした動きが面白い演出となっています。下層ページでは客室などの写真が左に流れていくように表示されていたり、一枚の写真が分裂して細かな写真になってまた一枚に戻るという面白い動きが加えられていたりと、他のホテルのサイトとは一線を画すような凝った演出が光るクオリティの高いサイトになっています。
執筆者
カテゴリ
基本情報
旅館に関連するデザイン
-
「喜安屋」のホームページデザイン解説グレーとブラックをベースにしたサイトです。トップページの全面に、山あいにひっそりとたたずむ喜安屋（きやすや）が写っています。縦書きで明朝体のフォントを使用、和の雰囲気を出しています。グローバルナビにて宿泊プランや料金、四季の料理や創作料理な...
-
「昭恋館 よ志のや」のホームページデザイン解説グレーをベースにブラウンをアクセントにしたサイトです。ファーストビューには、昭恋館 よ志のやの名物料理を紹介しています。グローバルナビにて昼食のプラン、客室や館内施設などを案内しています。トップページの中央に、昭恋館よ志のや謹製の通販セット...
-
「黒川温泉 里の湯 和らく」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、黒川温泉 里の湯 和らくの癒しの温泉を紹介しています。グローバルナビにて客室や料理、館内施設などを案内しています。グリーンのバナーから、宿泊予約をすることができます...
サービスサイトに関連するデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
ブラックを使ったデザイン
-
「FIL – SUMI LIMITED」のホームページデザイン解説ブラックをベースに白抜き文字を使ったサイトです。ファーストビューでは、スタイリッシュなFIL（フィル）のインテリアを紹介しています。全体的に製品はモノクロ画像、阿蘇の自然を写した景色はカラーで写っています。グローバルナビにて、フィルのコンセ...
-
「Shibuya Media Pedia」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、「OOH360°View&Generator」を使って渋谷を写した高速の動画をあげています。OOH360°View&Generatorはメディアの周辺環境を閲覧した...
-
「inGENERAL」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、inGENERALのファッション情報を紹介しています。グローバルナビにてファッション、ライフスタイルなどを案内しています。トップページの中央に、最新のニュースを掲載...
かっこいいなホームページのデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
- 「FIL – SUMI LIMITED」のホームページデザイン解説
ブラックをベースに白抜き文字を使ったサイトです。ファーストビューでは、スタイリッシュなFIL（フィル）のインテリアを紹介しています。全体的に製品はモノクロ画像、阿蘇の自然を写した景色はカラーで写っています。グローバルナビにて、フィルのコンセ...
- 「Shibuya Media Pedia」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、「OOH360°View&Generator」を使って渋谷を写した高速の動画をあげています。OOH360°View&Generatorはメディアの周辺環境を閲覧した...