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

2017/03/20


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

bizplan


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

Zest


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

Lavazza Jolie


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

フライングどん兵衛機関


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

きりん氷結


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

KPP 5th Anniversary Special Website


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

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


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

イチロー4257


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

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

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

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

WebDesignClip L

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

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

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

About

madka prof

WebLifeTimesはWebデザイナーのMadkaがWeb制作に関連したことや日々のちょっと気になったことなどを調べたり記録しているサイトです。TwitterFacebookで気になったニュース記事をシェアしたり独り言をつぶやいたりしています!

New Post

Recommend