スマホのLPにもスクロールモーションを実装できますか?
可能です。CSSでの実装のためスマホのLPでも動作します。ただし、ご希望の動きや実装環境によっては対応できない場合もありますので、動かしたい箇所とあわせて事前にご相談ください。
LP制作のよくある質問|CVR向上にこだわる制作会社
スクロールモーションに関するよくある質問をまとめたページです。CVR(成約率)向上を第一に考えるLP制作.jpには、ランディングページ制作のご相談・お打ち合わせの際にスクロールモーションについてのご質問が数多く寄せられます。本ページでは、お客様から実際にいただいたスクロールモーションに関する質問8問への回答を掲載しています。質問文をクリックすると、より詳しい回答をご覧いただけます。掲載のない疑問点はお問い合わせフォームよりお気軽にご相談ください。
可能です。CSSでの実装のためスマホのLPでも動作します。ただし、ご希望の動きや実装環境によっては対応できない場合もありますので、動かしたい箇所とあわせて事前にご相談ください。
CSSベースの実装のため、動画やGIFアニメーションを埋め込む場合と比べて軽量で、表示速度への影響は最小限です。表示速度を保ちながらLPに動きを加えたい場合に適した手法です。
訴求ポイントが多く、フォントサイズ・カラー・構成のメリハリだけでは差別化しにくいLPで、重要な訴求への目線誘導に効果を発揮します。流し読みによる読み飛ばしを防ぎ、伝えたい内容をしっかり届けることがCVR向上につながります。効果的な使いどころはディレクターがご提案します。
ページをスクロールした際に、要素がふわっと現れる・スライドインするなど、CSSを使って動きを付ける演出です。静止したLPの中で動きのある箇所に自然と目線が集まるため、「ここは必ず見せたい」という訴求ポイントを印象付けることができます。
1か所につき+6,000円(税別)です。動かしたい箇所の数に応じて費用が決まります。別途ディレクション費(各種費用の20%)が必要です。なお、CSSでは難しい複雑な動きをJavaScriptで実装する場合は費用が異なるため、別途お見積りとなります。
基本的にCSSでご対応できる動きになります。難しい動きの場合は、JSを利用してご対応も可能ですが、費用が多少異なりますので別途お見積もりさせていただきます。
デザインが完成し、コーディング前に動かしたいポイントをディレクターへお伝え下さい。そもそも動かせる箇所か、効果的かなど内容を確認しご対応させていただきます。
特に上限はございませんが、動かすという事はそこに目線を誘導するという事になりますので、逆に動かしすぎると見にくいLPになってしまい、効果的ではございません。
デザインの大小や色味で強調する部分など目立たせた後に、もっと目立つ様にしたい場合にスクロールモーションをご利用頂くのが良いかと思います。