「The Okura Tokyo」のホームページデザイン解説

サイトにアクセスすると画面中央に大きくロゴが配置され、画面が切り替わるとラフなタッチで描かれたイラストが大きく表示され、その周辺にナビゲーションメニューが控えめに表示されるファーストビューです。注目のホテルはカルーセルで次々と現れ、好きなホ...

ファーストビューでは画面全体を縦に3分割し、中央にシンプルにタイトルを、左右のエリアに上下方向にスクロールするスライドショーを配置した構成です。またスライドショーは左右でそれぞて逆方向に動かして画面に変化を持たせています。画面上には常にマウ...

グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、DDD HOTELの客室を紹介しています。モノトーンの画像を使用しており、全体的にシックな印象です。右上にメニューボタンがあり、カフェやバーなどを案内しています。カ...

ファーストビューでは画面全体にかすれたスタンプ風のグラフィックが表示され、レトロなイメージをまず与えます。ピンクとグリーンの文字が次々とスライドする上にモノトーンのテキストと写真の切り抜きが配置されたレイアウトは、展示のコンセプトの「へんて...

画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...

ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...

画面中央に大きく表示された店舗ロゴの背景にスライドショーが表示され、明度を落とした写真を次々に映し出して重厚感と迫力を感じさせるファーストビューです。ブラックの引き締まった画面にホワイトの太いフォントが映え、ゴールドの中華風のあしらいがアク...

ファーストビューの背景に表示される細いラインのグラフィックが画面のスクロールに合わせてアニメーションで変化し、四隅にナビゲーションバーやSNSアイコンを配置して画面中央を大きく使うことで画面全体に迫力を生み出し、特にワイドモニターでの閲覧時...

画面中央に大きく配置された企業ロゴと、暗がりの中から浮かび上がるように配置された麺の写真の組み合わせで、画面全体にまず重厚感を与えています。ブラックに近いダークグレーの背景に、麺の色を思わせるベージュのテキストが映え、見出しのアクセントに添...

サイトにアクセスするとまず画面いっぱいにうどんの調理風景の動画が流れ、アップになったうどんの絵が食欲をそそります。画面左のメニューやコンテンツの見出しを縦書きにしたり、サムネイルの枠を暖簾やお品書き風にレイアウトするなど、和食との親和性の高...

サイトを開くと画面中央に鮮やかな料理の写真がスライドショーで表示され、背後に敷いたスミ色のベタと、サイドメニューの毛筆風のロゴ周辺に大きくとった余白で、凛としたイメージと高級感を演出しています。背景はホワイトと淡いベージュのみ、テキストもス...

画面の左右に固定されたビジュアルを大きく取り、中央の細いエリアのみがスクロールするレイアウトで、フィルムで撮ったような色使いの写真と、ざらざらとした質感のイラスト、縦書きの電話番号がレトロな雰囲気をまず感じさせます。イエローとネイビーをアク...