人材紹介・採用支援を行う「TALENT PROGRESS」のコーポレートサイトを企画・デザインしました。企業の認知度向上と信頼性の確立を目的に、求職者と採用企業の双方が必要な情報を見つけやすく、サービス内容や実績を具体的に理解できる情報設計を行いました。 デザイン・情報設計 スタートアップ企業らしい「成長性」や「エネルギー」を表現するため、ブランドカラーである赤をアクセントとして使用しました。白をベースに赤をポイントで取り入れることで、視認性を保ちながら、活発で前向きな企業イメージを表現しています。ファーストビューでは「なりたい未来につなぐ」というメッセージを大きく配置し、企業が提供するキャリア支援・人材紹介サービスの方向性を直感的に伝えられる構成にしました。また、「サービスに申込む」CTAを目立つ位置に配置し、サイトを訪れたユーザーが次のアクションへ進みやすい導線を設計しています。ページ全体は「About Us → Service → Case → News → Contact」の順に構成し、企業について知るところから、具体的なサービス内容、実績、最新情報、問い合わせへと自然に情報を深められるようにしました。 求職者・企業の双方に向けた情報設計 Serviceでは「人材紹介サービス」と「キャリアカウンセリング」を分けて紹介し、求職者が受けられるサポート内容をわかりやすく整理しました。また、Caseでは「キャリアコンサルティングの事例」と「企業の採用支援の事例」をそれぞれ掲載し、求職者と採用企業の両方に対して、実際にどのような支援を行っているのかを具体的に伝えています。このように、異なるターゲットが同じサイトを訪れることを考慮し、それぞれが自分に関係する情報を見つけやすい構成を意識しました。 UI・導線設計 各セクションでは情報をカードやグループごとに整理し、テキスト量が多くなりすぎないよう写真や余白を組み合わせて視覚的に理解できるレイアウトにしています。Contactでは「会員登録」「フォームでの問い合わせ」「電話での問い合わせ」と目的別に導線を分け、ユーザーが自分に合った方法を選択できるようにしました。また、ページ全体にCTAを適切に配置し、情報を見るだけで終わらず、「サービスを利用する」「問い合わせる」という具体的な行動につながることを意識しています。 制作で意識したこと 今回のサイトでは、スタートアップ企業としての勢いだけを強調するのではなく、求職者や採用企業が安心して相談できる「信頼感」も重要だと考えました。そのため、赤を使った大胆なビジュアルと、白を基調とした整理されたレイアウトを組み合わせ、「成長性・エネルギー」と「信頼性・わかりやすさ」の両立を意識してデザインしました。企業の想いやサービス内容をわかりやすく伝えながら、最終的に問い合わせやサービス利用へつながるコーポレートサイトを目指しました。 I designed and developed a corporate website for a startup recruitment company. The website was created to strengthen the company's brand identity, build credibility, and provide clear information for both job seekers and hiring companies. The project focused on intuitive UI design, well-structured information architecture, and an engaging user experience.