架空の中小企業向け採用支援サービス「HITOHA」を想定したランディングページを制作しました。
「採用担当者がいない」「求人を出しても応募が集まらない」といった中小企業の課題を起点に、サービス内容・強み・導入事例・料金・FAQを順に提示し、無料相談への問い合わせにつなげる構成を意識しています。
1ページ完結型のLPとして、ユーザーがサービスを理解しながら自然にCTAへ進める情報設計を行いました。
担当範囲
デザイン調整 / コーディング / WordPress構築 / レスポンシブ対応
使用技術
HTML / CSS / JavaScript / PHP / WordPress / Contact Form 7
サイト種別
BtoBサービス・ランディングページ
主な実装
ファーストビューではサービスの対象と価格帯を端的に伝え、その後に「採用上の課題」「HITOHAによる解決方法」「対応業務」「選ばれる理由」と段階的に情報を配置しました。
さらに、導入事例・利用開始までの流れ・料金・FAQを設けることで、問い合わせ前に生じやすい不安や疑問をページ内で解消できる構成にしています。
CTAはファーストビュー、ページ中盤、最終CTA、追従ボタンなど複数箇所に設置し、どの段階でも無料相談フォームへ移動できるようにしました。
BtoBサービスのLPとして、単に情報を並べるのではなく、ユーザーの意思決定の流れを意識しました。
「課題に共感する → 解決方法を理解する → サービス内容を確認する → 実績・料金で比較する → FAQで不安を解消する → 問い合わせる」という流れを作っています。
デザインは白とグリーンを基調に、採用支援サービスとしての信頼感と親しみやすさを両立させました。