freee人事労務 資料請求フォームのCVR改善

ステップ型フォームへの再設計で心理的障壁を除去

「フォームに辿り着いているのに、送信まで完了しない」

freee人事労務の資料請求フォームは、従来の単一ページ型で設計されており、氏名・会社名・メールアドレス・電話番号・従業員数など、すべての入力項目が一画面に表示される構造でした。

フォームページへの到達数は一定数あるにもかかわらず、送信完了率が低い状態が続いていました。問題はフォームの構造そのものが引き起こす心理的なハードルにあると考えました。

「全部見せない」設計で、最初の一歩を踏み出しやすくする

解決の方向性は明確でした。ページを開いた瞬間に感じる「手間の重さ」を視覚的に消すことです。すべての入力項目を一度に見せるのではなく、1〜3項目ずつ順番に提示するステップ型フォームへ再設計しました。

Before ー 単一ページ型

全項目が一覧表示

ページを開いた瞬間にすべての入力コストが可視化される。「面倒そう」という第一印象が離脱を招く

▶▼

After ー ステップ型

1〜3項目ずつ順番に提示

最初の画面はシンプル。プログレスバーで進捗を可視化し、「もう少しで完了」という感覚を持続させる

あわせてプログレスバーを導入し、ユーザーが現在どのステップにいるかを常に把握できるようにしました。完了までの見通しが立つことで途中離脱を防ぐ効果を狙った設計です。これは行動経済学における「目標勾配効果（ゴールに近づくほど行動が加速する）」を応用したアプローチです。

フォームCVRのキードライバーは「初入力率」

フォームの改善において「送信ボタンの文言を変える」「項目数を減らす」といった施策が語られることが多いですが、今回の分析が示したのはより根本的な事実でした。ユーザーは「入力が面倒そう」と感じた瞬間に離脱を決めており、その判断はページを開いた数秒以内に起きているということです。

採用したCROの知見

フォームCVRの最大のボトルネックは「途中の離脱」ではなく「初入力率」にある。第一印象で感じる心理的負担をいかに下げるかが完了率最大化への最短経路。ステップ型への再設計とプログレスバーの導入は、「始めやすさ」と「続けやすさ」を同時に設計するアプローチ。

ABテストで有意性を確認、本番反映

Before単一ページ型

Afterステップ型