サイトを開くとまずムービーが再生されて、スタイリッシュな雰囲気を感じます。ムービーが終わるとトップページが表示され、ファーストビューの背景にもまた別のムービーが流れる仕様になっています。スクロールしていくと、デザインコンセプトから施設・客室の写真を順に見ていける仕組みとなっていて、下層ページがしっかりと作られて写真を大きく使った紹介ページが構成されています。写真や文字には全てモーションが加えられていて、ゆっくりと浮かび上がるようにして表示される様が高級感を演出しています。また、客室紹介ページの背景には大理石模様が使われていて、とにかくハイグレードなホテルであることが良くわかるコンセプトに忠実なサイトに仕上がっています。
カテゴリ
基本情報
ホテルに関連するデザイン
- 「The Okura Tokyo」のホームページデザイン解説
ファーストビューでは画面中央にホテルのロゴがシンプルに配置され、その背後をホテルの紹介ムービーがゆったりと流れ、ホテルで過ごす時間への期待感を高めてくれます。各コンテンツは写真の色味に合わせた帯が重ねられ、縦書きのメニューの背景に日本の伝統...
- 「DDD HOTEL」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、DDD HOTELの客室を紹介しています。モノトーンの画像を使用しており、全体的にシックな印象です。右上にメニューボタンがあり、カフェやバーなどを案内しています。カ...
- 「株式会社サン・クレア」のホームページデザイン解説
ファーストビューでは画面全体を縦に3分割し、中央にシンプルにタイトルを、左右のエリアに上下方向にスクロールするスライドショーを配置した構成です。またスライドショーは左右でそれぞて逆方向に動かして画面に変化を持たせています。画面上には常にマウ...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ブラックを使ったデザイン
- 「cube.」のホームページデザイン解説
オランダのソフトウェア会社のコーポレートサイトです。サイトにアクセスするとダークグレーの背景の画面中央で回転する透明なキューブのCGが再生され、キューブがゆっくりとテーブルに着地する流れまで思わず見入ってしまいます。暗い背景の中でホワイトの...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
- 「Legal Japan」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、笑顔のリーガルジャパンのスタッフが写っています。グローバルナビにて事務所の取扱業務、弁護士費用などを案内しています。グリーンのバナーから、無料相談を予約できます。ト...
重厚感なホームページのデザイン
- 「Our Planet」のホームページデザイン解説
Netflixで公開されている、オリジナルのドキュメンタリーシリーズの公式サイトです。ファーストビューではこちらに向かってくるトラのムービーをはじめとした動画を全画面に配置し、強いメッセージ性を感じさせます。動画サムネイルは画像と同時にキャ...
- 「草野球ワールドシリーズ2019」のホームページデザイン解説
ファーストビューは3人の野球選手の写真で構成されたスライドショーで、ブラックの背景に溶けこむように加工された写真と、写真に重ねられた力強いキャッチコピーが迫力を生み出しています。ブラックとダークグレーの背景にくっきりとしたホワイトのフォント...
- 「明治大学」のホームページデザイン解説
サイトにアクセスするとまず、大胆に分割された画面に大学の全景写真とピックアップコンテンツのスライドショーが配置され、画面全体から迫力を生み出しています。大学のロゴに使われているパープルをメインカラーとしたフラットなデザインで、学部紹介などの...