カテゴリー: >白

投稿日:

人吉旅館

人吉旅館

＊ポイント＊

・ヒーローヘッダーになっている

・スクロールするとナビゲーションボタンが一気に消えるのではなく一つ一つ消えていくようになっている

・トップページにはお知らせとInstagramのバナーとフッターだけでシンプルなつくりになっている

・スマートフォンサイズでハンバーガーメニューをクリックすると一面ナビゲーションのページになる

投稿日:

よかよか市場 熊モットー

よかよか市場 熊モットー

＊ポイント＊

・見出しと説明文のフォントが統一されているので全体的に統一感があるサイトになっている

・吹き出しで一言説明文が所々に入っていて可愛くてPOPなイメージを持つ

・ヘッダー画像の上に今月のイチオシ商品がリンクされていてついクリックしてしまう

・スマートフォンサイズになるとヘッダーのデザインが変わる

・ナビゲーションメニューに生産者紹介があり消費者にとって安心して購入できるよう工夫がされている

投稿日:

株式会社まちづくり長野

株式会社まちづくり長野

＊ポイント＊

・イラストと写真がうまく合わさっている

・ナビゲーションボタンが縦文字になっている

・イラストがスクロールすると左右から現れるようになっていて、スマートフォンサイズになると位置は変わるが同じように現れるようになっているので余白の使い方が良い

投稿日:

肘折温泉

肘折温泉

＊ポイント＊

・スクリーンの左半分をロゴとナビゲーションボタンだけで固定させ右半分だけをスクロールできるようになっている、スマートフォンサイズになると左半分の固定されていた部分がなくなりハンバーガーメニューになっている

・トップの画像の下にどこにあるのか位置表示があり想像しやすい

投稿日:

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

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

＊ポイント＊

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

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

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

投稿日:

ググっとぐんま公式サイト

ググっとぐんま公式サイト

＊ポイント＊

・選択できる言語が多く、外国人旅行客にも見やすい

・バナーのサイズに統一がある

・TOPページに詳細をたくさん書くのではなくバナーで詳細ページに飛ぶようにしているので文字の量が多くなく見やすい

・バナーもそれぞれに合った書体を使用しており内容をイメージしやすくなっている

投稿日:

English Village

English Village

＊ポイント＊

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

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