採用特設サイトの制作

HP（ホームページ）

Next.jsによる制作力の検証を目的に、企業と個人をつなぐ人材サービスを題材として、企画・デザイン・実装まで一通り手がけた自主制作の採用特設サイトです。架空の企業を想定し、実案件と同じ流れで採用サイトに求められる情報設計・回遊導線・応募までの動線を組み立てました。

サイトURL
https://tetote.vercel.app/

制作期間

約1ヶ月

業種・サービス内容

「人手不足」という社会課題に対し、企業と個人の可能性を引き出すことを掲げる人材サービスの採用特設サイト、という設定で制作しました。

担当範囲

企画・情報設計・デザイン・コーディング・公開までを一気通貫で担当しました。

サイト種別

Next.jsで構築した複数ページ構成のレスポンシブサイト（スマートフォン対応）。

ページ構成

トップページ／募集要項／社員紹介／福利厚生・研修制度／採用ブログ／よくあるご質問／エントリーフォーム。
求職者が知りたい情報を段階的にたどり、応募まで迷わず進める構成にしています。

デザインの方向性

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

使用技術

Next.js（React）による実装。コンポーネント設計で複数ページを効率的に構築し、Vercelで公開。PC・スマートフォンいずれの画面幅にも最適化したレスポンシブ対応です。