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

presented by Be-DASH Inc.

NISSAN INTELLIGENT MOBILITY|日産自動車株式会社

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

かっこいいアニメーションやパララックスを搭載し躍動感のあるデザインで制作された、日産自動車株式会社の最先端の技術で、あなたを未来のワクワクへと導く取り組み「NISSAN INTELLIGENT MOBILITY」のPRランディングページ(LP)です。

 

斜めレイアウトでスクロールに合わせてレイヤー分けされた、テキスト・車のアニメーション・背景画像が動く、スタイリッシュなみせかたを考えてデザインされているのが特徴です。

 

グループごとに大きさを分け、斜めに区切ってレイアウトされていることによって、単調になりがちな縦長のランディングページの欠点をレイアウトだけで補う、メリハリのついたみえかたにする工夫をしています。

 

動画やアニメーションでコンセプトを伝える構成なので、主張を抑えたテキストの大きさと配置・詳細ボタンをクリックしないと現れない説明部分といったビジュアルを生かすデザインは、センタリングで中央配置が一般的なランディングページのイメージを変える、斬新なデザインは非常に参考になります。

投稿した人

endo

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