月: 2019年4月

スターバックスコーヒージャパン

＊ポイント＊

・ヘッダー、メインコンテンツ、サブコンテンツ、ナビボタンが全て横並びになっている

・スマートフォンサイズになると見やすいように縦並びになっており、ナビボタンがスクロールすると固定ではなくトップに戻る矢印だけが固定されていて邪魔じゃない

・ファーストビューに新メニューの画像が大きく表示されているので新メニューに興味を持つ

JINラーメン

＊ポイント＊

・パソコン、タブレットサイズだと画面を半分にわけて右側に商品の紹介で左側にyoutubeが流れるようになっている

・商品紹介は2種類のラーメンの味を選べ、商品が360度回転するようになっていてどんな商品なのか分かりやすい

・スマートフォンサイズになると右側だけが表示されるようになっている

・真ん中にナビボタンがあり、キャンペーンも分かりやすい

English Village

＊ポイント＊

・パソコンやタブレットサイズだと料金がギャラリーの下にあるが、スマートフォンサイズになるとヘッダー画像のすぐ下に配置されていてスマートフォンユーザーに合わせている、値段が一番気になる部分だと思うのでユーザーの目線に合っている

・無料体験レッスンのリンクが右に固定されていて気になったらすぐクリックできるようになっている（スマートフォンサイズになると下に固定されている）

天狗商店

＊ポイント＊

・どの画面サイズになっても見やすい（レシポンシブ対応がしっかりしている）

・スマートフォンサイズになるとギャラリーの写真のサイズが大きくなり見やすい

・サイト全体の色合いもレトロを感じる色合いになっておりお店のイメージに合っている

洋菓子専門 CHEZ Tani

＊ポイント＊

・ロゴがナビボタンの真ん中にあり、立体的になっている

・トップページ下部にある家の画像の煙突部分にだけアニメーションがかかっていて煙が出るようになっている

株式会社カカオジャパン

＊ポイント＊

・アニメーションをほとんど使用しておらずシンプルで見やすい

・使用している色が少なく白・黄色・黒系だけで作成している

たかみ幼稚園

＊ポイント＊

・幼稚園のサイトということもあり、イラストをたくさん使用している

・トップの画像が内側から外側にかけて広がっているようになっていて真ん中の画像を見るように協調されている工夫がされている

・ナビボタンが旗のようになっていて棒の部分を背景画像、旗の部分を画像で表示して色を薄くしていてリアルに見える