ページの読み込み画面で具が重なってハンバーガーが完成するアニメーションが流れるのが可愛らしい、遊び心を感じる演出となっていて心を掴まれます。開いたトップページのファーストビューでは、店内や提供しているハンバーガーの美味しそうな写真が切り替わっていく仕組みになっていて、来店欲求が高まる演出です。スクロールすると背景上にせり上がってくるようにページが表示され、お店のコンセプトや店舗紹介の仮装ページへのリンクが現れます。クリックすると写真をメインにしっかりと作り込まれた下層ページへと遷移し、さらにお店のことをよく知ることができる内容になっています。メニューブックへのリンク表示には背景に様々な料理の写真を使っていて、写真をうまく使ったサイト構成が考えられています。
執筆者
カテゴリ
基本情報
飲食店に関連するデザイン
-
「手作りパンの店チロル」のホームページデザイン解説画面中央にぽつんと表示された手書きのパンのイラストと、力強い店舗ロゴがシンプルながらもインパクトを与えるファーストビューです。ベージュの背景にブラウンのテキストの、アクセントカラーを一切使わないシンプルな色使いですが、画面スクロールとともに...
-
「ドラマチックカリー ゴールデン中崎」のホームページデザイン解説画面の左右に固定されたビジュアルを大きく取り、中央の細いエリアのみがスクロールするレイアウトで、フィルムで撮ったような色使いの写真と、ざらざらとした質感のイラスト、縦書きの電話番号がレトロな雰囲気をまず感じさせます。イエローとネイビーをアク...
-
「Cheeseness Burger ToGo」のホームページデザイン解説サイトにアクセスするとバーガーをかたどったロゴが画面中央に現れ、イエローのベタが緩やかに流れていくアニメーションはとろけるチーズを想像させます。画面が切り替わると自然な流れでバーガーの写真が現れて食欲をそそります。濃淡2色のイエローにブラッ...
店舗サイトに関連するデザイン
-
「日本料理 温石（おんせき）」のホームページデザイン解説サイトを開くと画面中央に鮮やかな料理の写真がスライドショーで表示され、背後に敷いたスミ色のベタと、サイドメニューの毛筆風のロゴ周辺に大きくとった余白で、凛としたイメージと高級感を演出しています。背景はホワイトと淡いベージュのみ、テキストもス...
- 「手作りパンの店チロル」のホームページデザイン解説
画面中央にぽつんと表示された手書きのパンのイラストと、力強い店舗ロゴがシンプルながらもインパクトを与えるファーストビューです。ベージュの背景にブラウンのテキストの、アクセントカラーを一切使わないシンプルな色使いですが、画面スクロールとともに...
- 「ドラマチックカリー ゴールデン中崎」のホームページデザイン解説
画面の左右に固定されたビジュアルを大きく取り、中央の細いエリアのみがスクロールするレイアウトで、フィルムで撮ったような色使いの写真と、ざらざらとした質感のイラスト、縦書きの電話番号がレトロな雰囲気をまず感じさせます。イエローとネイビーをアク...
イエローを使ったデザイン
-
「雪印北海道バター」のホームページデザイン解説コンテンツを表示するエリアは常にバターのパッケージと同じ太いネイビーと細いラインで囲まれ、ブラウザの表示サイズ変更にも追従させており、常に画面内に表示されるイエローのヘッダーエリアと合わせてブランドイメージを形作っています。淡いクリーム色と...
-
「りの部屋」のホームページデザイン解説画面右に手書き風のアニメーション、左に縦書きのキャッチコピーをシンプルに配置したファーストビューで、画面をスクロールすると窓の中の風景が入れ替わり、動物が歩いて入れ替わるユニークな演出がされています。メインコンテンツは袋文字の英語フォントに...
-
「恋する鳥羽ホテル」のホームページデザイン解説イエローのベタの上にスカイブルーで手書き風のロゴが表示され、画面が切り替わるとシンプルなラインで描かれたイラストが表示されるファーストビューです。イラストにはパーツごとにアニメーションが加えられ、「見て」「泊まって」「食べて」「遊んで」と重...
かっこいいなホームページのデザイン
-
「STOCK market」のホームページデザイン解説画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...
-
「多摩美術大学 情報デザイン学科 情報デザインコース」のホームページデザイン解説ファーストビューでは画面いっぱいにブルーのベタが表示された後画面が切り替わり、大学内の様子がスライドで紹介されます。ゴシック体のフォントのタイトルと大きめのフォントの本文が力強いイメージを感じさせるデザインです。ベタを殆ど使わないモノトーン...
-
「Waitless」のホームページデザイン解説サイトを開くと真っ白なテーブルの上にお皿が現れ、画面が切り替わると女性の体の写真とサプリメントのパッケージが左右それぞれに表示される演出で、女性の美容と健康に関連したサイトだということが一目でわかります。ホワイトの背景にグレーのテキストを乗...
