人材・採用支援会社のコーポレートサイト
人材・採用支援会社
「採ることではなく、辞めない状態までつくる」を軸に、事業紹介・会社案内・代表メッセージ・取り組み・採用を1つの流れで設計したコーポレートサイトです。トップは4枚の写真をゆっくり切り替える背景スライドで、動画を使わずに現場の空気を伝えています。各ページの本文は、御社の場合にどこへ何を書くかが分かる説明に差し替えてあります。
この事例はデモ版です
お客様の案件のため、企業名・原稿・写真・ロゴ・配色は伏せています。 本文は「どこに何を書くか」の説明に差し替え、写真とロゴは別途用意したものに入れ替えました。 構成とデザインは納品時のままですので、御社の場合にどこへ何が入るかをそのままご覧いただけます。
制作のポイント
読み順で意思決定させる構成
困りごと→解けない理由→解き方→実績→相談、の順に並べています。見出しだけを上から読んでも話が通るように組みました。
動画を使わないファーストビュー
動画は読み込みが重く、更新のたびに撮り直しが要ります。写真のスライドなら差し替えが簡単で、表示も速く保てます。
この制作でできたこと
- 7ページ構成（トップ・事業・会社案内・代表メッセージ・取り組み・採用・問い合わせ）
- ヒーローは動画を使わず、4枚のスライドで軽さと表示速度を確保
- 事業・実績・採用を1本の流れでつなぐ構成
- 問い合わせフォームまでの導線を全ページに配置
使用したもの
Next.jsReactTypeScriptTailwind CSSVercel
