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

プロ人材シェアリングサービスのLP制作/LPOを担当

株式会社サーキュレーションさまが提供するプロ人材シェアリングサービスのLP制作/LPOを担当いたしました。LP公開後のLPOでは、まずGoogleアナリティクスとヒートマップ分析を実施し、「プロ人材をスポット活用できる」価値がより伝わるようコピーと情報設計を見直し、A/Bテストで検証の結果、資料請求フォームへの遷移率はオリジナル比で約1.4倍に向上することに貢献しました。

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

雇用のコストをかけずにハイクラスなプロ人材を活用できる、新しい人材活用サービスの魅力を伝える。

雇用コストゼロで、必要な時に必要な分だけ「ハイスペック人材」の経験や知見を活用できるサービスのランディングページを制作。通常の採用市場では出会うことができない圧倒的に優秀な人材と出会うことができます。こうした従来の人材採用サービスにはない独自の魅力を伝えるためのシナリオ設計からデザイン/コーディングまでを実施しました。実際に紹介可能なプロ人材の例から、導入企業事例や他社にはない強みまで具体性のある情報を網羅的に記載することで、対象となるユーザーの関心を高める設計に。また、レスポンシブwebデザインでありながら、シンプルになりすぎずに、動きがある訴求力の高いデザインを目指しました。公開後は、制作したランディングページの分析・改善もご支援いたしました。

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

レスポンシブwebデザインでの可変を想定したレイアウト設計および文字組
ブランドカラーであるブルーをベースにした「信頼感」を感じさせるカラーリング
フラットデザインとグラデーションを織り交ぜたエレメントを制作
シャープで、洗練された印象が伝わる、グラフ等のインフォグラフィックデザイン
タブやアンカーリンクは視認性と操作性を意識したUIデザイン
フォントのサイズに差異を持たせたジャンプ率の高いデザイン展開
背景に写真を大きく配置し、セクションの切り替わりを明確にしたデザイン
CVボタンは、目立ちやすいオレンジに設定

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

Retinaなどの高画質なディスプレイに対応した高解像度設計
複雑なレイアウトながら、レスポンシブ化を実現
プレーンテキストを多用し、SEOに強いマークアップ
少ないコード量を意識した設計
ページ内に複数のフォームを設置、バリデーションを独立して導入
表示速度を考慮したコーディング

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

ファーストビューの情報設計改善により、資料請求フォーム遷移率が約1.4倍に向上。

プロ人材シェアリングサービスの認知拡大と資料請求獲得を目的に、広告専用LPを制作しました。公開後は、Googleアナリティクスとヒートマップをもとに、流入元別のCVR、デバイス別の閲覧傾向、CTAクリック状況を分析。その結果、スマートフォン流入ではページ上部での判断が強く、サービス内容や導入メリットが十分に伝わる前に離脱している傾向が見えてきました。そこで、ファーストビューで「プロ人材をスポット活用できる」価値が伝わるようコピーと情報設計を見直し、資料請求に絞ったCTA導線へ改善。A/Bテストの結果、資料請求フォームへの遷移率はオリジナル比で約1.4倍に向上し、資料請求につながるユーザーアクションの増加に貢献しました。