ファーストビューは商品であるアップルパイを連想させる赤の色味を用い、シズル感のあるアップルパイの写真が表示されます。またボタンのクリックによりページ遷移するとコンセプト動画を確認することができます。 それ以降最新のピックアップされた製品情報、またどのようなコンセプトの店舗なのか、丁寧に紹介されておりわかりやすく理解度の高まる情報が掲載されています。 全体としては赤と白を基調としたポップで鮮やか、かつワクワク感のある見ていて楽しいホームページです。
執筆者
カテゴリ
基本情報
飲食店に関連するデザイン
-
「八百彦本店」のホームページデザイン解説ファーストビューに表示される水墨画のようなタッチで描かれた仕出し弁当のイラストが印象的で和の雰囲気が表現されています。食材のイラストは背景にも散りばめられていてデザインのアクセントになっています。商品一覧の表示には写真リンクを使っていて、ク...
-
「TAKAKI BAKERY」のホームページデザイン解説ダークブラウンのベタにスライドショーの写真とキャッチコピーを重ね、ファーストビューで素材の良さを引き出したパン作りを行うメーカーのイメージを存分にアピールしています。ホワイトの背景の余白を生かしたシンプルで清潔感を感じる画面に、鮮やかなパン...
-
「ドミノ・ピザ」のホームページデザイン解説メインビジュアルの上に大きくスペースを取り、レッドとブルーの2種類の注文ボタンをファーストビューに配置することで、サイトにアクセスしたユーザーにまず注文方法を選ばせることで自然な注文の流れへと導く構成です。メインビジュアルやコンテンツの背景...
店舗サイトに関連するデザイン
-
「Roju」のホームページデザイン解説ブラックをベースに白抜き文字を使ったサイトです。ファーストビューには、Roju（ロジュ）の店内が写っています。「SHOW REEL」の矢印をクリックすると、動画を見ることができます。3本ラインのメニューボタンにて、Rojuの店舗情報やサービ...
- 「八百彦本店」のホームページデザイン解説
ファーストビューに表示される水墨画のようなタッチで描かれた仕出し弁当のイラストが印象的で和の雰囲気が表現されています。食材のイラストは背景にも散りばめられていてデザインのアクセントになっています。商品一覧の表示には写真リンクを使っていて、ク...
-
「HODGE x PODGE」のホームページデザイン解説ブラック×ホワイトのカラー構成をメインにまとめられたデザインがスタイリッシュなイメージを作り上げています。ファーストビューの画像領域ではモノクロ写真が切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出となって...
レッドを使ったデザイン
-
「株式会社メルカリ」のホームページデザイン解説グレーをベースにレッドをアクセントにしたサイトです。ファーストビューの右から左へ、メルカリのプレスリリース情報をスライドさせています。2本ラインのメニューボタンにて、メルカリからのお知らせや会社情報などを案内しています。トップページの中央に...
-
「名古屋グランパス」のホームページデザイン解説ページ全体としては白と本サイトで紹介されているサッカーチームのロゴに用いられている赤とオレンジを用いた明るく楽しい印象のホームページです。ファーストビュー画像の下には最新の試合情報が掲載されています。いつ、何時にどこのチームとどの場所で戦う...
-
「NBA.com (Japan)」のホームページデザイン解説グレーをベースに、レッドやブルーをアクセントにしたサイトです。ファーストビューでは、スポーツニュースを紹介しています。グローバルナビにて試合の日程やスコア、個人の成績や順位表などを案内しています。試合スケジュールのカレンダーを表示しています...
鮮やか・元気なホームページのデザイン
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
-
「SOLES GAUFRETTE」のホームページデザイン解説画面右半分にスライドショーで切り替わる画像領域を設置して、左側に大きくテキストを表示したファーストビューが、目を引く演出になっています。画像が切り替わると同時にテキストも切り替わり、画面全体に大きな動きがあることで興味を抱かせる効果となって...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...