ナガセ精工 採用LP

想定クライアントと課題

群馬県太田市で40年つづく精密板金メーカー（架空）。技術力も定着率も高いのに、慢性的な人手不足で中途採用に苦戦している、という地方の現場系企業を想定しました。

採用難の本当の原因は「知名度がない」ことより、**「いい会社なのに、その魅力が応募検討者に伝わっていない」**ことにあります。求人媒体の定型フォーマットでは、待遇の数字も、未経験から育つ仕組みも、長く働ける理由も埋もれてしまう。

特に課題だったのは：

• 「製造＝きつそう・経験者向け」という先入観で、応募前に離脱される
• 求人票では給与・休日・教育制度が箇条書きで終わり、不安を解消できない
• スマホで読みづらく、エントリーまでの心理的ハードルが高い

提案理由

採用LPのゴールは「応募数を増やすこと」。そのために、検討者の不安を先回りで潰し、エントリーまでの距離を最短にする構成にしました。

• ファーストビューで結論：「未経験から、手に職。太田で、長く働く。」と、得られる結果を主語化。会社説明より先に応募者のメリットを置く
• 数字で信頼を担保：平均勤続年数・未経験スタート比率・月給モデル・年間休日を冒頭に。抽象的な「アットホーム」ではなく実数で語る
• 不安の先回りブロック：「未経験OK / 学歴不問 / 転勤なし / 40代も活躍」を独立セクション化し、応募をためらう理由を一つずつ解除
• 1日の流れ・先輩の声・選考フローで「働くイメージ」と「応募の手軽さ（面接1回・最短2週間・履歴書は後で）」を具体化
• CTA はフォームと LINE の二択。**「まずは話を聞きに」**と心理的ハードルを下げた文言に統一

セクション順は 結論 → 数字 → 共感と不安解消 → 仕事内容 → 待遇 → 本音 → 選考 → FAQ → エントリー。読み進めるほど不安が減り、最後に自然と応募ボタンへ着地する動線です。

期待される効果

• 「経験者向けでは」という思い込みで離脱していた層を、ファーストビューと不安解消ブロックで応募検討の土俵に乗せられる
• 給与・休日・教育を数字とモデルケースで提示することで、問い合わせ前の不安による離脱を削減
• 「面接1回・最短2週間・履歴書は後で」を明示することで、エントリーの心理的ハードルを下げ、応募率を底上げ

デザイン意図

• Heroは画像、本文は構造。採用は「ここで働く自分」を感情でイメージしてから動く——だからHeroはレーザー加工の現場写真でダーク反転・全面ビジュアルにし、現場の熱を伝える。一方で数字・待遇・選考など判断材料の本文は写真を足さず、余白とタイポで整理（信頼系の七色税理士とは意図的に作り分け）。仕事内容には図面・精密部品の写真を1枚だけ添え、「手に職」を具体化
• アクセントは安全色のアンバー（#f97316）。製造・現場の「安全・力強さ」を想起させつつ、CTA を視線で追える
• 数字・本音セクションはダーク反転。可読性とリズムを両立し、重要ブロックを記憶に残す
• 角丸ゼロ・矩形ボタン・グリッド罫線。装飾を足さず、構造そのものを意匠にする
• 架空である旨を各所に明記。数字・社員コメントには注記を添え、ポートフォリオとしての誠実さを担保

技術選定理由

領域	選定	理由
フレームワーク	Astro 5	単一ページの静的LP。表示速度がそのまま離脱率に効く
スタイリング	Tailwind CSS v4	アクセント1色運用を CSS 変数で一元管理。共通トークンは @chan14/ui を継承
出力	静的（SSG）	フォームはダミー。サーバー不要で Cloudflare Pages に軽量配信
タイポ	Inter / Noto Sans JP	端末標準フォールバックで Web フォント読み込みを最小化
デプロイ	Cloudflare Pages	既存実績と同じ独立プロジェクト運用。GitHub 連携で自動デプロイ

採用LPは「作って終わり」ではなく、応募データを見て文言・数字・順序を改善していく前提の構成にしてあります。各ブロックはデータ配列で管理しており、項目の差し替え・並べ替えがコード最小変更で完結します。