メインビジュアルやコンテンツの区切りは水面を思わせる曲線を使い、なかでもメインビジュアルは施設名をわずかにはみ出して配置して水面から覗かせているような表現にして、温泉をメインとした施設のゆったりとしたイメージを持たせています。トピックスは白とグレーをメインにした色使いで、施設の案内はフラットなベタの背景とグレーのドットのテクスチャを敷いて画面構成にメリハリを持たせています。
執筆者
カテゴリ
基本情報
テーマパーク・遊園地に関連するデザイン
-
「tohotheater.jp」のホームページデザイン解説ファーストビューで表示されるスライドショーは前後のスライドを両脇に見切れさせ、その部分をグレーアウトすることで中央のスライドを目立たさえるとともに前後にもスライドがあることが一目でわかる構成です。画面左側にダークグレーのナビゲーションバーを...
-
「アメニティーズ」のホームページデザイン解説ファーストビューでは画面幅いっぱいに配置されたスライドショーの、アミューズメント施設と料理のアップ写真が興味と食欲を誘い、スライドショー中央に重ねられたイラスト入りのロゴが楽し気な雰囲気の演出に一役買っています。コンテンツごとに明るいグリー...
-
「富士急ハイランド」のホームページデザイン解説全体の画面構成は画面上部に固定された営業時間の案内バーと、画面左に固定されたナビゲーションバーはわずかにシャドウが施され、メインエリアからわずかに浮かび上がって見える奥行きのある構成となっています。わずかにくすんだブルーをメインに、ロゴのレ...
サービスサイトに関連するデザイン
-
「TNER」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、TNER（トナー）のレンタルオフィスを紹介しています。レンタルオフィスの室内が写っています。トップページの左右に分けたグローバルナビにて、レンタルオフィスのご利用方...
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
ホワイトを使ったデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
ナチュラル・清潔感なホームページのデザイン
- 「メイテック」のホームページデザイン解説
サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
-
「FORCAS」のホームページデザイン解説ホワイトマスクがかかったムービーがファーストビューで展開されて、動きがあることで目を引く演出となっています。上部に設置されたナビゲーションメニューは、下スクロールで画面外に隠れ、上スクロールで瞬時に現れる仕組みで、スムーズな閲覧が可能な設計...
-
「WOTA」のホームページデザイン解説鮮やかなブルー系のグラデーションカラーを用いて、ぼんやりとした波のような表現が展開されたファーストビューが美しく、見入ってしまうような演出によってサイトの導入として効果的な役割となっています。スクロールした先で表示される写真にはスクロールと...