トップページ中央にムービーが流れていて、サイトを開いてまず目に飛び込んでくることで思わず見入ってしまうような演出になっています。スクロールしていくとムービー画面が拡大表示され、ムービーを背景としてテキストメッセージが下部からせり上がってくる仕組みになっていて、ちょっとした驚きのある効果が加えられています。さらにスクロールしていくと、ムービー画面は全画面表示になり、中央にゆっくりと大きなメッセージが浮き上がってくる仕組みが展開されます。一連のスクロールと連動したモーションが見ていて面白く、ユーザの興味を抱かせる工夫がしっかりと考えられています。ページ下部でも画像をメインに各項目が展開されており、印象的なサイトに仕上がっています。
カテゴリ
基本情報
ブランドに関連するデザイン
- 「BEAMS CREATIVE」のホームページデザイン解説
画面幅をいっぱいに使ったスライドショーの上に配置されたヘッダーは企業ロゴとハンバーガーメニューのみのシンプルなもので、スタイリッシュな印象を与えます。ベタを使わずコンテンツをシンプルなラインで区切った、一見モノトーンのフラットなデザインです...
- 「TOGA」のホームページデザイン解説
ファッションブランドのデザインアーカイブのページで、サイトにアクセスするとタイトルロゴがドット絵風のアニメーションで表示され、画面をスクロールさせるとアーカイブのサムネイル写真が次々表示されますが、最後までたどり着くとまた最初に戻るループし...
- 「FIL – SUMI LIMITED」のホームページデザイン解説
ブラックをベースに白抜き文字を使ったサイトです。ファーストビューでは、スタイリッシュなFIL(フィル)のインテリアを紹介しています。全体的に製品はモノクロ画像、阿蘇の自然を写した景色はカラーで写っています。グローバルナビにて、フィルのコンセ...
サービスサイトに関連するデザイン
- 「特別展アリス―へんてこりん、へんてこりんな世界―」のホームページデザイン解説
ファーストビューでは画面全体にかすれたスタンプ風のグラフィックが表示され、レトロなイメージをまず与えます。ピンクとグリーンの文字が次々とスライドする上にモノトーンのテキストと写真の切り抜きが配置されたレイアウトは、展示のコンセプトの「へんて...
- 「STOCK market」のホームページデザイン解説
画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...
- 「ホホホタケ」のホームページデザイン解説
ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...
ベージュを使ったデザイン
- 「古民家宿TOKITOKI」のホームページデザイン解説
和室の丸窓風にトリミングされた写真と、トリミングのない画面いっぱいの写真が交互に入れ替わるスライドショーがまず表示され、古民家の中と庭先から見た風景をイメージさせるファーストビューです。淡いベージュの背景に明朝体のフォントで、しっとりとした...
- 「YORKYS Creperie」のホームページデザイン解説
サイトを開くとまず画面いっぱいに動画が表示され、クレープの作られる工程と艶やかな果物やクリームが次々と大写しにされて、見る人の食欲をそそります。導入部分では画面をスクロールすると右から左に素材の紹介文がスクロールし、それに合わせて下から見切...
- 「TAKANOME (鷹ノ目)」のホームページデザイン解説
ファーストビューは窓辺に置かれた日本酒の瓶とワイングラスが画面いっぱいに表示され、同じ構図で光の加減が変化する様子が穏やかな空気感を生み出しています。画面のスクロールとともに写真をわずかにフェードアウトさせることで、閲覧者の視線を自然に引き...
ナチュラル・清潔感なホームページのデザイン
- 「自然素材のある暮らし」のホームページデザイン解説
ブラウンのオーバーレイを重ねた写真が互い違いにスクロールする上に、太めのフォントでシンプルにキャッチコピーが乗ったファーストビューです。ベージュやブラウンをメインにした落ち着いた色使いに、角を取って丸くした写真やボタンと、画面スクロールとと...
- 「晃友 上九沢クリニック」のホームページデザイン解説
サイトにアクセスすると、施設内の様子がスライドショーで紹介されており、クリニックへの信頼感をまず感じさせます。メインビジュアルの真下にナビゲーションメニューを配置したレイアウトで、各ページはアクセスするとまずビジュアルと病院ロゴ、電話番号と...
- 「ホホホタケ」のホームページデザイン解説
ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...