架空の採用特設サイトの制作

サイト

tetote.vercel.app

制作期間

約1ヶ月（2024年）

種別

自主制作（受注案件ではありません）

題材

人材サービスの採用特設サイト（架空の企業を想定）

担当

企画・情報設計・デザイン・コーディング・公開

規模

複数ページ構成・スマートフォン対応

制作のねらい

1. Next.jsによる制作力を検証する
2. 採用サイトの情報設計を、実案件と同じ流れで組み立てる
3. 求職者が応募まで迷わず進める動線をつくる

デザインは白を基調にした清潔感のあるレイアウトに、大きめの写真ビジュアルとグラデーションを効かせ、モダンで信頼感のある採用ブランディングを表現しました。

主な工夫

ページ構成

• 会社と人を知る：トップページ・会社について・社員紹介・研修制度とキャリアパス・福利厚生
• 条件や疑問を確かめる：募集要項・採用ブログ・よくある質問
• 応募する：エントリーフォーム

技術の使い方

• Next.js（React）のコンポーネント設計で、複数のページを効率的に構築
• 採用ブログなどの内容は、ヘッドレスCMS（microCMS）で管理
• Vercelで公開し、パソコン・スマートフォンのどちらの画面幅にも対応

使用技術

Next.js（React）/ microCMS / Vercel