ページ全体がスクロールするのではなく配置された様々な要素がスクロールする仕組みを採用しており、ムービーが流れる背景とフッターが固定表示されていて、コンテンツの表示のみがスクロールされて閲覧できる一風変わった演出が取り入れられています。可動する要素には店舗ごとの情報が並べられていて、短くまとめられたお店の説明とともに外部サイトにて発行しているクーポンページへのリンクや、SNSの情報が見られるようになっており、最新の情報を常に確認しやすい構成が考えられています。また、フッターに配置されている「OUR STORY」をクリックすると下層ページに遷移し、写真をメインにまとめられた記事を読むことができます。奇抜な構成で驚きを感じ、お店への興味が高まるデザインに仕上がっています。
執筆者
カテゴリ
基本情報
飲食店に関連するデザイン
-
「八百彦本店」のホームページデザイン解説ファーストビューに表示される水墨画のようなタッチで描かれた仕出し弁当のイラストが印象的で和の雰囲気が表現されています。食材のイラストは背景にも散りばめられていてデザインのアクセントになっています。商品一覧の表示には写真リンクを使っていて、ク...
-
「TAKAKI BAKERY」のホームページデザイン解説ダークブラウンのベタにスライドショーの写真とキャッチコピーを重ね、ファーストビューで素材の良さを引き出したパン作りを行うメーカーのイメージを存分にアピールしています。ホワイトの背景の余白を生かしたシンプルで清潔感を感じる画面に、鮮やかなパン...
-
「ドミノ・ピザ」のホームページデザイン解説メインビジュアルの上に大きくスペースを取り、レッドとブルーの2種類の注文ボタンをファーストビューに配置することで、サイトにアクセスしたユーザーにまず注文方法を選ばせることで自然な注文の流れへと導く構成です。メインビジュアルやコンテンツの背景...
店舗サイトに関連するデザイン
- 「八百彦本店」のホームページデザイン解説
ファーストビューに表示される水墨画のようなタッチで描かれた仕出し弁当のイラストが印象的で和の雰囲気が表現されています。食材のイラストは背景にも散りばめられていてデザインのアクセントになっています。商品一覧の表示には写真リンクを使っていて、ク...
-
「HODGE x PODGE」のホームページデザイン解説ブラック×ホワイトのカラー構成をメインにまとめられたデザインがスタイリッシュなイメージを作り上げています。ファーストビューの画像領域ではモノクロ写真が切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出となって...
-
「土屋印店」のホームページデザイン解説画像領域がファーストビューの中央に設置されており、目に止まりやすい構成がしっかりと考えられた設計になっています。画像はゆっくりとしたオーバーラップで切り替わる仕組みで、サイトの雰囲気を演出する要素になっています。スクロールしていくと「作品集...
ブラックを使ったデザイン
-
「FIL – SUMI LIMITED」のホームページデザイン解説ブラックをベースに白抜き文字を使ったサイトです。ファーストビューでは、スタイリッシュなFIL（フィル）のインテリアを紹介しています。全体的に製品はモノクロ画像、阿蘇の自然を写した景色はカラーで写っています。グローバルナビにて、フィルのコンセ...
-
「Shibuya Media Pedia」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、「OOH360°View&Generator」を使って渋谷を写した高速の動画をあげています。OOH360°View&Generatorはメディアの周辺環境を閲覧した...
-
「inGENERAL」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、inGENERALのファッション情報を紹介しています。グローバルナビにてファッション、ライフスタイルなどを案内しています。トップページの中央に、最新のニュースを掲載...
迫力なホームページのデザイン
-
「MUTEK」のホームページデザイン解説ファーストビューでムービーが展開され、サイトを開くとまず目に飛び込んでくることでインパクトのある演出になっています。下部に進むと、大きくテキストが表示されてスクロールと連動した動きが見られる表示が展開されています。テキストはリンクになってい...
-
「フォーサイト総合法律事務所」のホームページデザイン解説絵画調に加工された写真をファーストビュー全面に用いていて、目を引く演出が施されています。ページ上では常時動き続ける細い糸のようなオブジェクトが最下部まで一貫して表示されており、サイトの雰囲気を演出する要素になっています。「選ばれる理由」を説...
-
「建築と時間と妹島和世」のホームページデザイン解説文字と画像領域が絶妙なバランスで配置されたファーストビューがインパクトのある演出になっていて、サイトの雰囲気を演出する要素になっています。画像領域に表示された写真はスライドショーで切り替わる仕組みになっていて、動きがあることで目を引き、サイ...