見出し画像

ほっとけないどう #1日1サイトレビュー

【概要】
・サッポロビールの北海道の地域情報サイト
【印象】
・赤がすごく目立って、熱意が感じる
・メインビジュアルが応援団ぽい
・ポップな印象で自治体感があまりない
【メインビジュアル】
・ファーストビュー全体に広がって浮き上がってくるような動き
・切り替わる感じや途中のエフェクトもかっこいい
・インパクトがあって印象に強くなる
・グローバルメニューは2本線のハンバーガーメニュー
【コンテンツ】
・ファーストビューの下にはメッセージ
・背景には薄く北海道のシルエットを使用
・動画は画面幅に合わせて大きめに表示されている
・LINE友だちに追加するのボタンはホバーでバウンドしてついてくる感じ
・ボタンの下にその後の流れを2STEPで書かれていてわかりやすい
・DO!民の特典は5カラムで多めだけど、イラストだからわかりやすい
・最後のCTAのしつこいようだけどという一言に面白味がある
【カラー】
・赤は2種類使われている
・ボタンには白のopacity0.2を使い背景と馴染ませる
・文字も黒とグレーを使い分けてメリハリを感じる
【フォント】
・和文は游ゴシック、欧文はOverpass
【レスポンシブ】
・PCでも横幅を広く使っていた動画部分はSPでは横幅いっぱいに

画像1


デザインの勉強をするために活用させていただきます。