*ポイント*
・ヘッダー画像のテキストに背景色があり見やすい
・ヘッダーのナビゲーションボタンやコンテンツの画像にhoverすると虎が覗くように現れ虎の上にメニューバーが表示される
・クリニックからのお知らせのところではボックス一つ一つの背景がノートのようになっておりノートの上に文字が記入されているように見える
・スマートフォンサイズになるとハンバーガーメニューになりクリックすると画面いっぱいにメニューバーが表示され、+を押すとそれぞれの細かいメニューに飛ぶことができる
色々なサイトを調べ、デザインが気に入ったサイトを100個選びまとめました。
*ポイント*
・ヘッダー画像のテキストに背景色があり見やすい
・ヘッダーのナビゲーションボタンやコンテンツの画像にhoverすると虎が覗くように現れ虎の上にメニューバーが表示される
・クリニックからのお知らせのところではボックス一つ一つの背景がノートのようになっておりノートの上に文字が記入されているように見える
・スマートフォンサイズになるとハンバーガーメニューになりクリックすると画面いっぱいにメニューバーが表示され、+を押すとそれぞれの細かいメニューに飛ぶことができる
*ポイント*
・ファーストビューで名刺交換されましたか?と興味が沸くような内容になっており、バーチャルで名刺交換もできるようになっている
・各コンテンツの見出しがイラストになっている
・制作実績のところにスクロールするとヘッダーと同じ枠線が右に表示されヘッダーと繋がっているように見えオシャレになっている
*ポイント*
・ナビゲーションボタンがイラストになっていて可愛い印象を持つ、スマートフォンサイズになるとハンバーガーメニューではなくカエルのイラストでメニューバーを表示している
・サイト全体の色合いが黄色でまとめている
・今日の一枚というコンテンツでお店の写真を載せていてお店の雰囲気が分かりやすい
*ポイント*
・スクロールバーもサイトの色に合わせてオレンジにしている
・ヘッダー画像の雲だけが左から右に流れるようになっている
・スマートフォンサイズになるとヘッダー画像がなくなり黄色の背景だけになっている
・ファーストビューに定休日だけ記載されているので初見の人に分かりやすい
*ポイント*
・シンプルだが、黄色い枠ぶちがあり可愛いい印象
・ボタンをhoverすると黄色い線で文字を打ち消している
・画像やバナーをhoverすると少し縮小するようになっている
*ポイント*
・パソコン、タブレットサイズだと画面を半分にわけて右側に商品の紹介で左側にyoutubeが流れるようになっている
・商品紹介は2種類のラーメンの味を選べ、商品が360度回転するようになっていてどんな商品なのか分かりやすい
・スマートフォンサイズになると右側だけが表示されるようになっている
・真ん中にナビボタンがあり、キャンペーンも分かりやすい