北海道エコ・動物自然専門学校

北海道エコ・動物自然専門学校

*ポイント*

・動画のヒーローヘッダーになっており、どのようなことを行っている学校なのか一目で分かる

・ファーストビューではハンバーガーメニューになっているがスクロールすると左側にメニューが表示されるようになっている(スマートフォンサイズでは右上にハンバーガーメニューが固定されている)

・画像をhoverすると少し拡大になるアニメーションになっている(スマートフォンサイズになるとhoverの指定がなくなる)

・footerの上がグリッドレイアウトの画像一覧になっている

HUREX UIJターン転職プロジェクト

HUREX UIJターン転職プロジェクト

*ポイント*

・背景に画像を使用している箇所があるが何が写っているか分かるか分からないかぐらいにぼかしているものを使用しているので文字の邪魔になっていない

・重要なボタンだけ立体になっている

・全体的に緑でまとめられており、重要な言葉や数字だけにオレンジ色を使用している

・スクロールするとエージェントや口コミの吹き出しが下から現れるようになっている

共栄製茶株式会社

共栄製茶株式会社

*ポイント*

・ヘッダー画像の上にナビゲーションボタンがある

・ヘッダーとフッターの間にあるコンテンツは全て同じ横幅になっているのでスッキリしている

・サイト全体の色合いが緑になっているのでお茶の雰囲気が表されている

Ameba Ad Press

Ameba Ad Press

*ポイント*

・ヘッダー部分の下にあるソリューションのリンクをhoverするとその下にある事業内容が変わるようになっている、スマートフォンサイズになるとクリックしないと事業内容が表示されないようになっている

・ヘッダー画像の上にニュースがある

・画像にhoverすると画像の角が丸くなる

ファミリーマート

ファミリーマート

*ポイント*

・ナビボタンをhoverすると詳細の項目が表示されるが、詳細の項目も1つのページのようになっている(検索することもできて調べやすい)

・見出しに使っているフォントが良い

・文字サイズを選択できるようになっていて配慮がある

・スマートフォンサイズになるとバナーを厳選して表示されていて特に注目してほしいものを選んでいる

しなの鉄道株式会社

しなの鉄道株式会社

*ポイント*

・しなの鉄道線の路線図があり一つ一つの駅をクリックするとその駅の紹介になっていて面白い

・リンクがある画像をhoverすると透明度が薄くなるようになっていて統一されている

・日本語、英語、中国語簡体・繁体、韓国語に対応していて旅行客にも調べやすいようになっている

BEANS PAINT

BEANS PAINT

*ポイント*

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

BAKE CHEESE TART

BAKE CHEESE TART

ひとつひとつにおいしさと想いを込めた北海道生まれのチーズタルトです。

*ポイント*

・画面一面にタルトの写真が表示されていて見やすく、分かりやすい

・新商品がTOPに表示されていて興味が沸くサイトである