プロジェクト概要
クラウド型プロジェクト管理ツールのランディングページを制作しました。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
成果
4.8%
CVR（2.1%→）
+129%
トライアル申込数
1.8秒
ページ読込速度
-35%
直帰率改善
ABテストを通じてCVRを2.1%から4.8%へ改善。ペルソナ別セクションの導入により、各ユーザー層の滞在時間が平均40%向上し、直帰率は35%改善しました。クライアント様からは「広告費用対効果が劇的に改善された」との評価をいただいています。