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

presented by Be-DASH Inc.

ジョア|みんなのジョア Twitter・Instagram フォロー&ハッシュタグキャンペーン|株式会社ヤクルト本社

2018年 健康食品 HTML5&CSS3フェミニン系 ピンク系

かわいいガーリーな雰囲気でまとめられた、株式会社ヤクルトの「ジョア」のTwitter・instagram連動のPRキャンペーンランディングページ(LP)です。

 

ストライプ・ドット・花柄などかわいい系のデザインによく使用される背景素材を、グループごとに切り替え、メリハリをつけて配置しているのが特徴です。

 

背景に配置してある星が点滅しながら動き、中央に配置してある商品画像が時間差で跳ねながら切り替わり、枠線がついた人物画像がアクションをしているなど、常に素材を動かし訪れた人を飽きさせない工夫を全体的にしています。

 

見出しコーピー部分にワンポイントで、それぞれ種類の違う手編み風のイラストが配置してあり、窓のイラストのリンクボタンにマウスオーバーすると画像が飛び出す演出も含め、細かいところまで手間をかけ作り込んでいるところが参考になります。

投稿した人

endo

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