見出し画像

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

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

画像1


この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!
note.user.nickname || note.user.urlname

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

いいことありますよーに
2
ひよっこWebデザイナーです。さいたま市在住。いちごが好きです。デザインのことや日々の記録をぽちぽちと…

こちらでもピックアップされています

#1日1サイトレビュー
#1日1サイトレビュー
  • 183本

夫を送り出した後の15分を使って、1日1サイトずつレビューをします。デザインの研究をして引き出しを増やします。

コメントを投稿するには、 ログイン または 会員登録 をする必要があります。