ローディング画面は全面の海の写真を背景に、縦書きで丁寧な案内の文言を乗せて和風の雰囲気を崩さないようにしています。画面スクロールの速度も変化をつけ、スクロールを止めると緩やかに速度を下げて止める効果をつけることでおだやかな雰囲気を演出しています。質の高い写真をふんだんに使って非日常感を演出し、白背景は薄いグレーで和風のイラスト乗せて透明感を、黒とグレーの背景は和紙のテクスチャを乗せて高級感を出しています。画面左に常時配置された写真のサムネイルはマウスオーバーした時のみナビゲーションがスライドしてくるため、イメージを壊しません。
執筆者
カテゴリ
基本情報
ホテルに関連するデザイン
-
「MARE」のホームページデザイン解説全体がシンプルで洗練された雰囲気にまとめられていて、見ていて気持ちの良いデザインが特徴的なサイトになっています。ファーストビューでは右端に画像領域が寄せられていて、絶妙なバランスとなっています。画像はスライドショーで切り替わる仕組みで、ゆっ...
-
「帝国ホテルオンラインショップ」のホームページデザイン解説グレーをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、料理の真ん中に「帝国ホテルオンラインショップ」と表示してあります。グローバルナビにて、オンラインショップのお買い物ガイドを案内しています。トップページの中央に、帝国...
-
「京王プラザホテル」のホームページデザイン解説グレーをベースに、ゴールドやネイビーをアクセントにしたサイトです。ファーストビューには、京王プラザホテルの豪華な外観が写っています。グローバルナビにて会社概要、ホテルチェーンなどを案内しています。ゴールドのバナーは京王プラザホテル会員に関す...
サービスサイトに関連するデザイン
-
「TNER」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、TNER（トナー）のレンタルオフィスを紹介しています。レンタルオフィスの室内が写っています。トップページの左右に分けたグローバルナビにて、レンタルオフィスのご利用方...
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
グレーを使ったデザイン
-
「TEPRA PRO App “Hello”」のホームページデザイン解説サイトを開くと画面中央に大きくCGグラフィック表示されて、一連のモーションによって商品の概要や特徴が紹介されています。説明的な文章は無く、オブジェクトの動きによって直感的に内容が理解できるデザインが、しっかりとユーザ視点を考えているとともに...
-
「syn」のホームページデザイン解説画像領域が左側に大きく表示されており、大きなエリアと小さなエリア2つに分けられた構成が見やすくユーザの関心を得るデザインになっています。右上にはドロアーで隠されたナビゲーションメニューが固定表示されていて、スムーズな閲覧が可能な設計となって...
-
「Nissen On-line」のホームページデザイン解説ホワイトをベースにグレーをアクセントにしたサイトです。ファーストビューでは右から左へ、ニッセン通販のセールやキャンペーン情報をスライドさせています。グローバルナビにて、ファッション以外にインテリアや雑貨、美容・レジャー・ワークなどを案内して...
和・レトロなホームページのデザイン
-
「株式会社 神宗」のホームページデザイン解説全画面の写真がサイトを開くとまず目に飛び込んできて、インパクトのある演出が施されています。写真はゆっくりとしたオーバーラップで切り替わるスライドショー表示になっていて、上品さと温かみのある雰囲気が表現されています。スクロールしていくと写真上...
-
「ウェブポ」のホームページデザイン解説鮮やかなレッドのナビゲーションバーと、和風の花柄を盛り込んだゴールドのテクスチャに乗せたスライドショーがまず目を引くファーストビューです。年賀状の作成から投函までオンラインで行えるサービスということで、様々なハガキのデザインサンプルがカテゴ...
-
「昭恋館 よ志のや」のホームページデザイン解説グレーをベースにブラウンをアクセントにしたサイトです。ファーストビューには、昭恋館 よ志のやの名物料理を紹介しています。グローバルナビにて昼食のプラン、客室や館内施設などを案内しています。トップページの中央に、昭恋館よ志のや謹製の通販セット...