見出し画像

日産丨NISSAN PAVILION Yokohama #1日1サイトレビュー

【概要】
・日産パピリオンの紹介サイト
【印象】
・近未来な印象
・日産のマークに使われている円のモチーフとサイトの雰囲気に統一感がある
【メインビジュアル】
・施設内を紹介するフルムービー
・真ん中にロゴを配置
・グローバルナビの文字は小さめの12px
・ムービーを見せるメインビジュアル
・左下にさりげなくスクロールを促すライン
【コンテンツ】
・今時な追従するカーソルを使っている
(CSSでカーソルをもともとの非表示にする)
https://www.evoworx.co.jp/blog/mouse-stoker-gsap/
・MVからスライドするとディゾルブで背景が変化する
・背景は固定表示
・横長の写真メインの施設の説明(写真の印象が大きくなる、右の余白はなし)
・ホバー時に色が変わるだけでなく、アイコンも少し動く
(色弱の人にもわかりやすい)
【カラー】
・白とグレーベースで写真が引き立つ
【フォント】
・欧文はNissan Brandというフォント!
・和文は新ゴ
【レスポンシブ】
・施設紹介の横長部分はSPでは画像内に収まる

画像1


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