ランディングページ
まとめサイト

presented by Be-DASH Inc.

日産:NISSAN SERENA e-POWER 新登場|日産自動車株式会社

2018年 その他 HTML5&CSS3パララックス ブルー系

車体のカラーに合わせた色使いでかっこよくデザインされた、日産自動車株式会社のミニバン「NISSAN SERENA e-POWER」のPRランディングページ(LP)です。

 

ホワイトとブルー系の車体に合わせたカラーでまとめられ、その2色をうまく配色することによってメリハリをだし、わかりやすくメッセージを伝えているのが特徴です。

 

メッセージを効果的に伝える工夫として、スクロールに合わせて文字が左から右へ広がりながら出現するパララックス効果をかけています。

 

ほかに、数字をだすところでは円グラフと数字のカウントアップのアニメーションで、題材に合った動きの表現をしており、ランディングページという枠の中で、キャッチコピーやデータを動きのある構成で見せたい場合の参考になるページです。

投稿した人

endo

自分の勉強も兼ねて、良いランディングページをまとめていきます!!