ファーストビューの黒を基調とし、漢数字のカウントダウンから一転し華やかなお弁当の写真が出るシズル感溢れるデザインです。グローバルナビゲーションは4つ制限されており、サイト内でのユーザーの動きを最小限にできわかりやすい設計となっています。 歴史ある仕出し屋「菱岩」として歴史やこだわりなどのブランドイメージを丁寧に表現をしており、ユーザーに安心感を与えた上で注文までスムーズに読み進め購買意欲を高める誘導が印象的です。 全体としてコンテンツ量は多くはないと感じますが、シンプルかつ丁寧にまとまっており わかりやすいです。言葉遣いもお上品で綺麗にまとまっている完成度の高いホームページ。
執筆者
カテゴリ
基本情報
飲食店に関連するデザイン
-
「八百彦本店」のホームページデザイン解説ファーストビューに表示される水墨画のようなタッチで描かれた仕出し弁当のイラストが印象的で和の雰囲気が表現されています。食材のイラストは背景にも散りばめられていてデザインのアクセントになっています。商品一覧の表示には写真リンクを使っていて、ク...
-
「TAKAKI BAKERY」のホームページデザイン解説ダークブラウンのベタにスライドショーの写真とキャッチコピーを重ね、ファーストビューで素材の良さを引き出したパン作りを行うメーカーのイメージを存分にアピールしています。ホワイトの背景の余白を生かしたシンプルで清潔感を感じる画面に、鮮やかなパン...
-
「ドミノ・ピザ」のホームページデザイン解説メインビジュアルの上に大きくスペースを取り、レッドとブルーの2種類の注文ボタンをファーストビューに配置することで、サイトにアクセスしたユーザーにまず注文方法を選ばせることで自然な注文の流れへと導く構成です。メインビジュアルやコンテンツの背景...
店舗サイトに関連するデザイン
- 「八百彦本店」のホームページデザイン解説
ファーストビューに表示される水墨画のようなタッチで描かれた仕出し弁当のイラストが印象的で和の雰囲気が表現されています。食材のイラストは背景にも散りばめられていてデザインのアクセントになっています。商品一覧の表示には写真リンクを使っていて、ク...
-
「HODGE x PODGE」のホームページデザイン解説ブラック×ホワイトのカラー構成をメインにまとめられたデザインがスタイリッシュなイメージを作り上げています。ファーストビューの画像領域ではモノクロ写真が切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出となって...
-
「土屋印店」のホームページデザイン解説画像領域がファーストビューの中央に設置されており、目に止まりやすい構成がしっかりと考えられた設計になっています。画像はゆっくりとしたオーバーラップで切り替わる仕組みで、サイトの雰囲気を演出する要素になっています。スクロールしていくと「作品集...
ホワイトを使ったデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
高級感・リッチなホームページのデザイン
-
「BRANCHE CHOCOLAT」のホームページデザイン解説画面中央に設置された大きめの画像領域では、高級感が表現された美しい画像がスライドショーで切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出になっています。スクロールしていくと小さめのGIF画像が設置されており...
-
「SIMONE」のホームページデザイン解説次々と切り替わるムービーがファーストビュー上で展開されており、思わず見入ってしまうような演出になっています。ムービーは圧倒されるようなインパクトのある表現で、サイトの導入として効果的な役割となっています。スクロールした先では「PROJECT...
-
「QUOITWORKS Inc.」のホームページデザイン解説背景画像の中央にさらに画像領域が設置されており、背景画像上では「PREV」と「NEXT」のマウスストーカーが操作指示を表示しており、中央の画像上ではマウスストーカーの形状にカラー反転表示する効果が加えられています。独自性を感じる特徴的な演出...