*ポイント*
・動画のヒーローヘッダーになっており、どのようなことを行っている学校なのか一目で分かる
・ファーストビューではハンバーガーメニューになっているがスクロールすると左側にメニューが表示されるようになっている(スマートフォンサイズでは右上にハンバーガーメニューが固定されている)
・画像をhoverすると少し拡大になるアニメーションになっている(スマートフォンサイズになるとhoverの指定がなくなる)
・footerの上がグリッドレイアウトの画像一覧になっている
色々なサイトを調べ、デザインが気に入ったサイトを100個選びまとめました。
*ポイント*
・動画のヒーローヘッダーになっており、どのようなことを行っている学校なのか一目で分かる
・ファーストビューではハンバーガーメニューになっているがスクロールすると左側にメニューが表示されるようになっている(スマートフォンサイズでは右上にハンバーガーメニューが固定されている)
・画像をhoverすると少し拡大になるアニメーションになっている(スマートフォンサイズになるとhoverの指定がなくなる)
・footerの上がグリッドレイアウトの画像一覧になっている
*ポイント*
・背景に画像を使用している箇所があるが何が写っているか分かるか分からないかぐらいにぼかしているものを使用しているので文字の邪魔になっていない
・重要なボタンだけ立体になっている
・全体的に緑でまとめられており、重要な言葉や数字だけにオレンジ色を使用している
・スクロールするとエージェントや口コミの吹き出しが下から現れるようになっている
*ポイント*
・ヘッダー画像の上にナビゲーションボタンがある
・ヘッダーとフッターの間にあるコンテンツは全て同じ横幅になっているのでスッキリしている
・サイト全体の色合いが緑になっているのでお茶の雰囲気が表されている
*ポイント*
・ヘッダー部分の下にあるソリューションのリンクをhoverするとその下にある事業内容が変わるようになっている、スマートフォンサイズになるとクリックしないと事業内容が表示されないようになっている
・ヘッダー画像の上にニュースがある
・画像にhoverすると画像の角が丸くなる
*ポイント*
・ナビボタンをhoverすると詳細の項目が表示されるが、詳細の項目も1つのページのようになっている(検索することもできて調べやすい)
・見出しに使っているフォントが良い
・文字サイズを選択できるようになっていて配慮がある
・スマートフォンサイズになるとバナーを厳選して表示されていて特に注目してほしいものを選んでいる
*ポイント*
・しなの鉄道線の路線図があり一つ一つの駅をクリックするとその駅の紹介になっていて面白い
・リンクがある画像をhoverすると透明度が薄くなるようになっていて統一されている
・日本語、英語、中国語簡体・繁体、韓国語に対応していて旅行客にも調べやすいようになっている
*ポイント*
・トップページがグリッドレイアウトなっている。メニューやお店についてなどはメニューバーのボタンを押すとそのページに飛ぶようになっていてトップページに記載されていないのでシンプルで見やすい
ひとつひとつにおいしさと想いを込めた北海道生まれのチーズタルトです。
*ポイント*
・画面一面にタルトの写真が表示されていて見やすく、分かりやすい
・新商品がTOPに表示されていて興味が沸くサイトである