LP・キャンペンページの参考に！気になったサイトいろいろ

2017/03/20

ランディングページやキャンペーンサイト制作する時にアイデアになりそうなど個人的に気になったサイトをいくつかピックアップしてみたものを紹介します！
最後にピックアップする際に利用したサイトも紹介します。

■bizplan

こちらのサイトは、メインビジュアルに背景動画を利用していてコンテンツがポップアップするようなアクションで表示されます。
弾むような動きから波紋のように広がって消えるボタンのエフェクトが面白いです。

■Zest

背景のランダムなアニメーションやボタンエフェクトの細かい動きなどが面白くて参考にできそうなサイトです。フッター部分の小さいボタンにもホバーエフェクトが設定されています。

■Lavazza Jolie

こちらのサイトはスクロールしていくと商品を中心にアニメーションが動くアイデアが面白いです。途中で専用カプセルのようなものがフワフワ浮いている感じも良いです。

■フライングどん兵衛機関

スクロールしていくとコンテンツが左右や下から現れます。このサイトの面白いところは一番最後までスクロールすると質問があらわれて答え次第でリンクが異なるところです。

■きりん氷結

こちらのサイトは、メインは商品に合ったポリゴン柄を中心にデザインされていて途中の動画コンテンツでは歌詞を表示することができたり、サブページが存在したりしています。SNSボタンも商品イメージにあっていて可愛いです。

■KPP 5th Anniversary Special Website

動画からスタートして口の中をどんどんと奥へ進んでいくようなアニメーションでコンテンツが現れます。スクロールするとスピードアップして見ることができ、ストーリーが作り込まれたサイトで面白いです。

■十一人の絵師 コラボ年賀状二〇一七

こちらのサイトは、スクロールすると左へ移動していくようになって巻物を読んでいるような感じが和のデザインに合っていて面白いです。

■イチロー4257

年表が縦軸に進んでいきコンテンツが左右から現れるアニメーションになっているところが面白いサイトです。スクロールすると徐々にメインビジュアルが消えていく感じも良いです。

■LP・キャンページサイトのギャラリーサイト

最後にランディングページやキャンペーンサイトを探すのに見ていたサイトを紹介したいと思います。

ランディングページ集めました。

WebDesignClip L

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

ARTNOC.COM Webデザインギャラリーサイト

ランディングページやキャンペーンサイトはアイデア勝負なところが大きいこともあるので、いろいろなサイトを見ておくと、いざ！という時の引き出しになると思います。どんなアニメーションを取り入れているかなど見ているだけでも楽しかったりもします！