アマノ食堂

アマノ食堂

*ポイント*

・ファーストビューのヘッダーが屋根の背景画像が屋根のようになっており、スクロールするとナビゲーションボタンが画面上で固定され、のれんのようになっている

・ファーストビューの各コンテンツの紹介が一つ一つ形が異なっていて手書き風になっておりオシャレ

・トップページをスクロールして上下真ん中ぐらいの位置にアマノ食堂がある街並みのようなイラストが表示されており、人や犬だけが歩いているようなアニメーションになっている

・スマートフォンサイズになるとアニメーション等はないが、コンテンツ紹介も一列になり見やすい

ワンツーレッスン

ワンツーレッスン

*ポイント*

・各コンテンツが画面いっぱいのサイズになっているのでどのサイズの画面でも分かりやすい

・SNSアイコンをhoverするとただ色が変わるだけではなく、他の色のアイコンが下から表示されてhoverしてない状態のアイコンが上に消えるようなアニメーションになっている

THE RYOKAN TOKYO YUGAWARA

THE RYOKAN TOKYO YUGAWARA

*ポイント*

・旅館のサイトだがオシャレでパステルカラーを使用するなど今風なデザインではあるがレトロさも表現されている

・スクロールすると各コンテンツの見出しの下に波線が表示される

・画面の右に立て並びでSNSとグーグルマップのリンクのアイコンが固定されている

・いろんなフォントを使用している

訪問介護ステーション

訪問介護ステーション

*ポイント*

・イラストをたくさん使用しており、イラストで描かれているサイト全体の曲線の中にテキストやイラストがうまくはめ込まれている

・ナビゲーションメニューの上から看板が垂れ下がっているかのように被せて電話番号とメール先が表示されている

・青とピンクでサイト全体が統一されている

・スマートフォンサイズになると文字サイズ等も大きく表示されていて見やすい

YOKA NAVI

YOKA NAVI

*ポイント*

・トップページに朝、昼、夜というボタンがありそれぞれのボタンをクリックするとトップページのオススメ情報と画像が変わる

・サイト全体にゴールドの縁があるが、画面の上下左右から少し内側に縁があるのでオシャレ

・トップページをスクロールすると各コンテンツが下から表示されるアニメーションになっている

阿蘇くまもと空港

阿蘇くまもと空港

*ポイント*

・ヘッダーの背景画像が雲になっていて空港のサイトに合っている

・背景色や文字サイズを変えることができる

・ナビゲーションメニューの一番左が「空港サプライズ」というリンクになっており興味が沸くような項目が一番左にくるようにしている

・空港内の飲食店情報では各店舗が何の電子マネーを使用できるかロゴが貼ってあり分かりやすい

マーレマーレ デイリーマーケット

マーレマーレ デイリーマーケット

*ポイント*

・ヘッダー画像がお店の屋根になっていて立体的に見えるようにしている

・ファーストビューにある動画とグリッドレイアウトの画像がうまく合わさっていて統一感がある、またグリッドレイアウトの画像はhoverすると値段が表記さて分かりやすい

・コンテンツ画像の縁に手書き風の二重線で丸や四角で囲ってありPOP

ぷんぷく堂

ぷんぷく堂

*ポイント*

・サイトの入り口のページでは夕日で鳥が一羽右から左に飛んでいったら自動的にスクロールされ家のドアをクリックすると中に入れるようになっている

・ヘッダーがイラストになっており、イラストの所々にリンクがありhoverするとリンクされた部分のイラストだけ動き他のページに飛べるようになっている

・ヘッダーの黒板がメニューバーになっており手書きのフォントで可愛い印象、スマートフォンサイズになると黒板に手書きのハンバーガーメニューが表示される