*ポイント*
・シンプルだが、黄色い枠ぶちがあり可愛いい印象
・ボタンをhoverすると黄色い線で文字を打ち消している
・画像やバナーをhoverすると少し縮小するようになっている
色々なサイトを調べ、デザインが気に入ったサイトを100個選びまとめました。
*ポイント*
・シンプルだが、黄色い枠ぶちがあり可愛いい印象
・ボタンをhoverすると黄色い線で文字を打ち消している
・画像やバナーをhoverすると少し縮小するようになっている
*ポイント*
・イラストと写真がうまく合わさっている
・ナビゲーションボタンが縦文字になっている
・イラストがスクロールすると左右から現れるようになっていて、スマートフォンサイズになると位置は変わるが同じように現れるようになっているので余白の使い方が良い
*ポイント*
・パソコンサイズの時からメニューバーがなくアイコンでまとめられている
・会社概要にいくと時系列になっていて内容ごとに背景画像の年数が変わっていくようになっている
・アニメーションが所々に使われているが、色を赤で統一しているからすっきりしている印象
*ポイント*
・お店自体のイメージカラーがピンクなのでサイトもピンクやピンクに合う色でまとめられている
・トップ画像の下に新商品がスライド式で見れるようになっており購買意欲が増す
・新商品の下に売れ筋ランキングがあり、商品一覧が表示されているよりも新商品や売れ筋ランキングのほうが何が良いのか分かりやすい
*ポイント*
・スクリーンの左半分をロゴとナビゲーションボタンだけで固定させ右半分だけをスクロールできるようになっている、スマートフォンサイズになると左半分の固定されていた部分がなくなりハンバーガーメニューになっている
・トップの画像の下にどこにあるのか位置表示があり想像しやすい
*ポイント*
・トップの画像がどんどん切り替わるようになっており、どんぐりの形に切り取っている、一つ一つの画像に吹き出しでコメントを記入しており可愛らしい印象を持つ
・商品紹介の一つ一つの商品が画像ではなくイラストで紹介されている
・商品のカロリー表があり、お客さんには嬉しい表示だと思うので需要を捉えている
・スマートフォンサイズでも見やすい
*ポイント*
・ヘッダー部分にメディア掲載情報や口コミのリンクがあり、行くかどうか迷っている人の後押しになっている
・メニューも一つ一つ値段が書いてあり分かりやすい
・スマートフォンサイズになるとハンバーガーアイコンの隣にメールのアイコンが固定されていて見ている人がすぐメールを送れるようになっている
*ポイント*
・ナビボタンをhoverすると詳細の項目が表示されるが、詳細の項目も1つのページのようになっている(検索することもできて調べやすい)
・見出しに使っているフォントが良い
・文字サイズを選択できるようになっていて配慮がある
・スマートフォンサイズになるとバナーを厳選して表示されていて特に注目してほしいものを選んでいる