WORKS DETAILランディングページ（LP）＆サイト制作実績の詳細

解体工事の一括見積もりサービスのランディングページ制作・分析改善（LPO）を担当

解体工事の一括見積もりサービス「crassone（クラッソーネ）」のランディングページ制作・分析改善（LPO）を担当しました。ページ公開直後から複数回のA/Bテストを重ねた結果、マイクロコンバージョンであるフォーム流入率や最終成果ポイントである見積もり依頼のCVRが段階的に改善し、見積もり依頼CVRは初期LP比で約2.4倍まで向上しました。

ランディングページのテーマ

確かな施工品質とその裏付けとなる事実を伝える。

解体工事の専門会社と施主をマッチングする一括見積もりWebサービス「クラッソーネ」様。物件情報を入力するだけで複数の優良工事会社の紹介が受けられます。ランディングページ上では、圧倒的な実績と安価な費用で解体工事が受けられる理由をしっかりと伝えることでユーザーニーズをより喚起する設計を行なっています。また、豊富な実例を元に、実際にどれくらいのコストダウンにつながるのかを数字面で明確に伝えるコンテンツも多数用意しました。その上で、充実したサポートや保証があることも示すことで安心感を高めるLPの構成となっています。制作後は短いサイクルでABテストを実施し、成果の出る訴求ポイントなどを早期に見つける取り組みも実施いたしました。

ランディングページのデザインコンセプト

ロゴカラーの赤と深いネイビーをベースにしたカラー設計
ユーザーがタップしやすいボタンUIデザインを追求
ユーザーが垂直的にアクションすることを狙ったファーストビューデザイン
視認性の高さを考慮したフォントデザイン
グラフを中心に直感的に伝わりやすいインフォグラフィックデザイン
ジャンプ率の高いデザインでセクションごとのポイントを明確に訴求
分析・改善（LPO）を通じたデザインの最適化も実施

ランディングページのコーディング

PC/スマートフォン両デバイスへのレスポンシブ対応
固定フッターを実装し、常にCV導線を確保
画像に次世代フォーマットを使用し、表示速度や品質スコアを意識
ナビメニューを実装し、ユーザーが見たいコンテンツへの動線を用意
情報に一覧性を持たせるため、スライダーコンテンツを実装

ランディングページの成果

フォーム導線のUI/UX改善により、見積もり依頼のCVRが初期LP比で約2.4倍に向上。

公開後の初期データをもとに、A/Bテスト結果や媒体別CVR、ヒートマップによるクリック・熟読傾向を分析しました。その結果、LP内のコンテンツは熟読されている一方で、入力フォームへの導線が弱く、フォーム流入率の低さが見積もり依頼のCVRに影響していることが見えてきました。そこで、入力フォームの配置やCTA導線を見直し、ファーストビュー直下や各CTA地点からフォームにスムーズに進める構成へ改善。複数回のA/Bテストを重ねた結果、フォーム流入率・申し込みCVR・見積もり依頼CVRが段階的に改善し、見積もり依頼CVRは初期LP比で約2.4倍まで向上しました。