サイト全体が非常にかわいらしい雰囲気で統一されていて、メインターゲットとなる女性や若者に人気が出るよう考えられたデザインになっています。ファーストビューでは鮮やかな色の背景の中心に商品が配置され、1秒ごとにフレーバーが切り替わっていきます。商品写真を中心に衛星のように周回するプラスマークをクリックすると、商品の詳細情報を知ることができるページがポップアップ表示されます。商品詳細ページがこのような形で用意されているのが面白く、さらにユーザの興味をそそる仕組みになっています。スクロールをすると繰り返し流れ続ける3秒ほどの短い映像が埋め込まれていて、より一層可愛らしい雰囲気を演出しています。文字や装飾などもパステル系の色合いでまとめられていて統一感があり、デザインコンセプトがしっかりと伝わってくるサイトになっています。
執筆者
カテゴリ
基本情報
飲食店に関連するデザイン
-
「そば処 東家（あずまや）」のホームページデザイン解説サイトにアクセスすると、画面の左右からスライドしてくる黒と朱色のお椀のシルエットと、その間に挟まった藍色の店舗ロゴが大きなインパクトを与えます。画面をスクロールすると店舗の外観や内装、食事風景などの様子がスライドショーで紹介され、縦書きのキ...
-
「お食事処 まんだら」のホームページデザイン解説トップに配置された金色と墨色の2色で描かれたお城がまず目に入りますが、てっぺんのしゃちほこで一目で名古屋城とわかるだけでなく、よく見るとすべて野菜の型押しで描かれていて驚きを与えるとともに、食材へのこだわりとお店の歴史を感じさせるシンボルと...
-
「IPPUKU&MATCHA」のホームページデザイン解説深みのあるグリーンの抹茶が注がれた切子のグラスからはわずかに湯気が立ち上るアニメーションをあしらい、背後にあしらった茶葉の山と深い藍色の背景色で和の落ち着いた雰囲気と宇治抹茶の高級感を演出しています。藍色の背景に明朝体の縦書きと横書きの英文...
店舗サイトに関連するデザイン
-
「PEDAL｜京都 二条 美容室」のホームページデザイン解説トップページの最上部には「ご予約はこちら」ボタンを目立たせ用意しています。店舗ロゴは右側に用意させ予約ボタン並びにグローバルナビゲーションに目がいくよう配慮されています。ページ全体としては白を基調とし画像もさわやかで淡い色合いを用いることで...
-
「natura」のホームページデザイン解説トップページ内には予約・空き情報および電話番号の常時バナーを用意しています。そのバナーの色味は黄色と黒を用いることではっきりとインパクトがあります。ファーストビュー画像の下にはインフォメーションが開催されており、最新情報を逃さずキャッチする...
-
「銀座の美容室 TREE(ツリー) | hair&life d…」のホームページデザイン解説トップページ上部にはアクセスと電話用のボタンが用意されています。文字は記載されていないですが、馴染みのアイコンのため瞬時にどんな内容か理解することができます。またファーストビュー画像内にも予約用のボタンを用意しておりコンバージョンを意識した...
カラフルを使ったデザイン
-
「社会福祉法人たんぽぽ会 虹の丘保育園（公式ホームページ）」のホームページデザイン解説ベージュをベースにしたカラフルなサイトです。虹の丘保育園の名前にちなみ、虹の出ているかわいいイラストが描かれています。ファーストビューの右から左へ、虹の丘保育園の外観をスライドしています。グローバルナビにて保育園の概要、保育方針などを案内し...
-
「サニーサイド｜大阪狭山市・大阪府堺市」のホームページデザイン解説ベージュをベースにした、カラフルな動物のイラストを用いたサイトです。ファーストビューには、サニーサイドの保育園で元気に遊ぶ子どもたちが写っています。グローバルナビにて保育園の概要、「保護者の声」などを案内しています。トップページの中央で、「...
-
「社会福祉法人新星会 双葉保育園（公式ホームページ）」のホームページデザイン解説ベージュをベースにしたカラフルなサイトです。ファーストビューには、双葉保育園の外観が写っています。グローバルナビにて保育園の概要、交通アクセスなどを案内しています。イラストの付いたブルーのバナーから、双葉保育園が実施している年間行事を見るこ...
ポップなホームページのデザイン
-
「Droptokyo」のホームページデザイン解説東京のファッションメディアのサイトで、鮮やかな原色のイエローとブルーがまず目に入ります。画面左にナビゲーションを固定し、中央をスライドショー、右側はコンテンツのリンクとワイド画面を３分割したレイアウトで構成されています。スライドショーをスク...
-
「社会福祉法人実源福祉会 一の宮保育園（公式ホームページ）」のホームページデザイン解説ブルーをベースに、カラフルなイラストが描かれたサイトです。ファーストビューには、一の宮保育園で遊ぶ園児たちが写っています。グローバルナビにて保育園の概要、年間行事予定などを案内しています。トップページは2カラム構成で、左サイドに新着情報と一...
-
「かいせい保育園」のホームページデザイン解説ホワイトをベースにしたカラフルなサイトです。ファーストビューには、かいせい保育園で元気に遊ぶ園児たちを写した動画が使われています。グローバルナビにて保育園での生活、かいせい保育園の施設一覧などを案内しています。メールマークの付いたイエローの...
