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

presented by Be-DASH Inc.

ボディメンテ | 大塚製薬

2018年 健康食品 HTML5&CSS3パララックス グリーン系ホワイト系

かっこいいローディングアニメーションで幕が開く、大塚製薬のコンディショニング栄養食「BODY MAINTE(ボディメンテ)」のPRランディングページ(LP)です。

 

右から左にスライドインで出現するトップ画像、滑らかに切り替わる背景色、左右から中央にスライドインする画像と、アスリート向けの商品ということもあり、テンポよく動くスクロールエフェクトが特徴です。

 

有効成分の表示の仕方を、見出しと内容が立体的に回転して切り替わるホバーエフェクトで、動きを変えメリハリをつけています。

 

かっこいい動きをメインで見せるデザインで、全体をまとめる際の参考になります。

 

投稿した人

endo

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