ケーキ屋さんの可愛らしい雰囲気がサイトのデザインに反映されていて、メインターゲットとなる女性がワクワクするような構成が考えられています。ファーストビューの画像領域では大きなメイン画面が一枚表示されていて、切り替わる他の画像も小さく表示されています。画像は下層ページへのリンクになっていて、クリックをすると販売しているケーキの一覧表示ページへと遷移されます。ケーキの写真はサムネイル一覧で表示されており、気になるスイーツを選びやすい構成になっています。そのほか、デコレーションケーキの紹介やおすすめスイーツの表示もあり、サイトを閲覧したユーザーの期待感が高まるようなサイトになっています。
執筆者
カテゴリ
基本情報
飲食店に関連するデザイン
-
「八百彦本店」のホームページデザイン解説ファーストビューに表示される水墨画のようなタッチで描かれた仕出し弁当のイラストが印象的で和の雰囲気が表現されています。食材のイラストは背景にも散りばめられていてデザインのアクセントになっています。商品一覧の表示には写真リンクを使っていて、ク...
-
「TAKAKI BAKERY」のホームページデザイン解説ダークブラウンのベタにスライドショーの写真とキャッチコピーを重ね、ファーストビューで素材の良さを引き出したパン作りを行うメーカーのイメージを存分にアピールしています。ホワイトの背景の余白を生かしたシンプルで清潔感を感じる画面に、鮮やかなパン...
-
「ドミノ・ピザ」のホームページデザイン解説メインビジュアルの上に大きくスペースを取り、レッドとブルーの2種類の注文ボタンをファーストビューに配置することで、サイトにアクセスしたユーザーにまず注文方法を選ばせることで自然な注文の流れへと導く構成です。メインビジュアルやコンテンツの背景...
店舗サイトに関連するデザイン
- 「八百彦本店」のホームページデザイン解説
ファーストビューに表示される水墨画のようなタッチで描かれた仕出し弁当のイラストが印象的で和の雰囲気が表現されています。食材のイラストは背景にも散りばめられていてデザインのアクセントになっています。商品一覧の表示には写真リンクを使っていて、ク...
-
「HODGE x PODGE」のホームページデザイン解説ブラック×ホワイトのカラー構成をメインにまとめられたデザインがスタイリッシュなイメージを作り上げています。ファーストビューの画像領域ではモノクロ写真が切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出となって...
-
「土屋印店」のホームページデザイン解説画像領域がファーストビューの中央に設置されており、目に止まりやすい構成がしっかりと考えられた設計になっています。画像はゆっくりとしたオーバーラップで切り替わる仕組みで、サイトの雰囲気を演出する要素になっています。スクロールしていくと「作品集...
ベージュを使ったデザイン
-
「BRANCHE CHOCOLAT」のホームページデザイン解説画面中央に設置された大きめの画像領域では、高級感が表現された美しい画像がスライドショーで切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出になっています。スクロールしていくと小さめのGIF画像が設置されており...
-
「SIMONE」のホームページデザイン解説次々と切り替わるムービーがファーストビュー上で展開されており、思わず見入ってしまうような演出になっています。ムービーは圧倒されるようなインパクトのある表現で、サイトの導入として効果的な役割となっています。スクロールした先では「PROJECT...
-
「Loeven Morcel」のホームページデザイン解説背景にはベージュ系の落ち着いたカラーを用いて、テキストには繊細なラインで構成されたセリフ体のフォントをメインに用いることで気品を感じるデザインにまとめられています。上部にはナビゲーションメニューが固定表示されていることでサイトの内容が分かり...
ナチュラル・清潔感なホームページのデザイン
-
「WOTA」のホームページデザイン解説鮮やかなブルー系のグラデーションカラーを用いて、ぼんやりとした波のような表現が展開されたファーストビューが美しく、見入ってしまうような演出によってサイトの導入として効果的な役割となっています。スクロールした先で表示される写真にはスクロールと...
-
「株式会社スタッフライフ」のホームページデザイン解説ゆっくりとしたオーバーラップで切り替わる画像が全画面表示されたファーストビュー になっていて、目を引く構成がサイトの導入として効果的な役割となっています。上部には画像に干渉しないよう文字のみで表示されたナビゲーションメニューが設置されており...
-
「Jo Malone」のホームページデザイン解説ファーストビューにナチュラルな雰囲気の画像が大きく表示されて、全体のイメージを作り上げる要素になっています。ヘッダーに設置されたナビゲーションメニューはスクロールで画面上部に固定表示される仕組みになっており、サイトの内容がわかりやすく、スム...