・制作プロジェクト 転職支援サービス「Tech Step」ランディングページ（架空案件） ・制作時間 約3日 ・ターゲット 20代の未経験者でIT業界への転職を検討している方 ・使用ツール Figma/Adobe Photoshop ・担当範囲 構成設計 / ワイヤーフレーム作成 / デザイン制作 ・制作意図 未経験からIT業界への転職を目指す20代をターゲットとした転職支援サービスのランディングページとして制作しました。 ファーストビューでは、「未経験から理想のキャリアへ」というキャッチコピーを大きく配置し、サービスの提供価値が一目で伝わる構成を意識しています。また、相談風景の写真を使用することで、転職に対する不安を抱えるユーザーにも安心感を持ってもらえるよう工夫しました。 全体のデザインは、信頼感や安心感を与えるグリーンとブルーを基調に設計しています。余白を十分に確保しながら情報を整理し、長いページでもストレスなく読み進められるレイアウトを目指しました。 「選ばれる理由」「サポート内容」「利用者の声」「転職成功までの流れ」「FAQ」などのセクションを配置し、ユーザーの不安を段階的に解消できる構成にしています。また、ページ内にCTAボタンを複数設置し、ユーザーが行動を起こしたいタイミングでスムーズに問い合わせへ進める導線設計を行いました。 ・課題 転職支援サービスを利用する未経験者は、「本当に転職できるのか」「どのようなサポートが受けられるのか」といった不安を抱えています。 また、転職支援サービスは競合も多く、サービスの特徴や強みを短時間で伝えながら、問い合わせや無料相談へつなげる必要がありました。 ・デザインで解決したこと 信頼感のある配色と人物写真を使用し、転職に対する不安を軽減できるデザインを意識しました。 また、「選ばれる理由」「利用者の声」「転職成功までの流れ」を順序立てて配置することで、サービス内容や利用後のイメージが自然に伝わる構成にしています。 さらに、無料相談やLINE相談のCTAを目立つ位置に配置することで、ユーザーが興味を持ったタイミングで行動へ移しやすい導線を設計しました。 ・工夫したポイント ファーストビューでサービス内容とターゲットが一目で伝わるキャッチコピーを配置 グリーンとブルーを基調に、安心感・信頼感を与えるデザインに統一 セクションごとにレイアウトや写真配置に変化を付け、長いLPでも飽きずに閲覧できる構成を意識 「選ばれる理由」や「サポート内容」を図解的に整理し、情報を理解しやすく設計 CTAボタンをページ内の複数箇所に配置し、コンバージョンにつながりやすい導線を構築 FAQを設置し、問い合わせ前に抱きやすい疑問や不安を解消できるよう工夫