プロジェクト概要
クラウド型プロジェクト管理ツールのランディングページを想定した制作サンプルです。SaaS特有の「機能説明→料金→導入事例→CTA」の導線設計で、無料トライアル申し込みの最大化を目指しました。データドリブンなアプローチで、ABテストを繰り返しながらCVRの継続的な改善を想定した設計です。
💡 想定した課題
プロダクトの機能が多岐にわたるため、訪問者が自分に関係する機能を見つけにくいという課題を想定。既存LPのCVR（コンバージョン率）が2.1%と業界平均を下回っており、広告費に対するROIが低下しているケースを想定しています。
対応範囲
競合調査
構成設計
実装
ABテスト
効果測定
速度最適化
デバイスプレビュー
制作のポイント
CVR改善のための施策
ペルソナ別セクション（PM/エンジニア/経営者）で各課題に訴求
ヒーローのキャッチコピーを5パターンABテストし最適化
料金テーブルをインタラクティブに切替（月額/年額）
導入企業ロゴ+担当者の声でソーシャルプルーフを強化
スクロール追従CTAバーでコンバージョン機会を最大化
Lottieアニメーションで機能デモを視覚的に表現
使用技術
HTML5
CSS3 / SCSS
JavaScript
Intersection Observer
Lottie Web
Google Optimize
GTM
この制作で意識したポイント
- 課題提示→解決策→機能紹介の流れで読み手を自然に導く構成
- 無料トライアル申込への導線を各セクションに配置
- ページ表示速度を意識した軽量な実装
- 導入事例セクションによる信頼感の演出
※ こちらはデモサイトです。掲載している数値は想定値であり、実際のクライアント案件ではありません。