#1日1サイトレビュー【31】誇酒プロジェクト

【概要】

泡盛の価値や歴史を再確認するプロジェクト

【ターゲット】

普段ビールとかワインなどほかのお酒を飲む方に泡盛の良さを知ってもらいたい。

【メインビジュアル】

化粧水の特設ページと思うくらい白で透明感のあるカラー
日本のお酒らしく、見出しやNavのフォントは縦書き
メインビジュアルの泡盛を全面的に出して、写真のイメージを損なわないようタイトルやNavは端に配置

【デザイン・レイアウト】

グリッド通りの綺麗なレイオウト。
フッター部分も縦書き。左右に配置してすっきりとまとめている。
フッターの境目には泡盛の透き通った液体を表現。

【フォント・カラー】

①#f6f7fb
②#ffffff
③#33333

全て游ゴシック

【全体の動きとか】

スクロールするとNavがハンバーガーメニューになって追随する。
ボタンをホバーすると、ボタンの背景が左から右へグレーになる。

【レスポンシブ】

Navが最初からハンバーガーメニューに
お知らせメニューが縦並びになり、見出しが右側にくる
左右に配置したフッターがそのまま中央にまとまる。