カテゴリー: >美容・医療

やざわ虎クリニック

＊ポイント＊

・ヘッダー画像のテキストに背景色があり見やすい

・ヘッダーのナビゲーションボタンやコンテンツの画像にhoverすると虎が覗くように現れ虎の上にメニューバーが表示される

・クリニックからのお知らせのところではボックス一つ一つの背景がノートのようになっておりノートの上に文字が記入されているように見える

・スマートフォンサイズになるとハンバーガーメニューになりクリックすると画面いっぱいにメニューバーが表示され、＋を押すとそれぞれの細かいメニューに飛ぶことができる

まつげエステサロン stella

＊ポイント＊

・サイト自体は背景が白でシンプルだが、リンクボタンの背景がボーダーになっていたり、画像の縁に二重のボーダーがありオシャレである

・まつげエステサロンなのでページ左上のアイコンがまつげになっておりスクロールするとロゴになっている

・ナビゲーションメニュー以外のリンクにhoverすると水色になっていて統一されている

mano

＊ポイント＊

・ナビゲーションボタンがイラストになっていて可愛い印象を持つ、スマートフォンサイズになるとハンバーガーメニューではなくカエルのイラストでメニューバーを表示している

・サイト全体の色合いが黄色でまとめている

・今日の一枚というコンテンツでお店の写真を載せていてお店の雰囲気が分かりやすい

BRANCH

＊ポイント＊

・サイト全体が青い縁で囲まれている

・スクロールするとナビゲーションがTOPで固定される

・サイト自体がシンプルだが色やフォントが統一されているので見やすい

ETUDE HOUSE

＊ポイント＊

・お店自体のイメージカラーがピンクなのでサイトもピンクやピンクに合う色でまとめられている

・トップ画像の下に新商品がスライド式で見れるようになっており購買意欲が増す

・新商品の下に売れ筋ランキングがあり、商品一覧が表示されているよりも新商品や売れ筋ランキングのほうが何が良いのか分かりやすい

コンタクトレンズのWAVE

＊ポイント＊

・アニメーションの使用が一部しかなくシンプルで見やすい

・全体を青系の色で統一しており清潔感を感じる

BEANS PAINT

＊ポイント＊

・トップページがグリッドレイアウトなっている。メニューやお店についてなどはメニューバーのボタンを押すとそのページに飛ぶようになっていてトップページに記載されていないのでシンプルで見やすい

PLUMP PINK

＊ポイント＊

・リップとブランドなのでサイト自体もピンクで統一されている

・ヘッダーがグリッドレイアウトになっている

・基本的には画像や背景画像だが一部分だけアニメーションを使用していてうまくバランスがとれている

・ナビボタンのフォントカラーがスクロールすると背景色によって変わる