Corporate WordPress

ツバメ精工の採用サイト

ツバメ精工の採用サイト

サイト種別コーポレート採用サイト(WordPress・全17ページ)
目的①技能承継を担う20代人材の獲得(社員38名・平均年齢47歳という構造課題への対応)
②「町工場=きつい・古い」という先入観の払拭
③工場見学への申込獲得(応募より心理的ハードルの低い接点づくり)
ターゲットユーザー20代の転職検討層・工業高校の新卒予定者(未経験層)
保護者・進路指導教員(求人票との整合性を検証する層)
制作環境WordPress / 自作カスタムテーマ / Local(ローカル開発環境)
対応デバイススマートフォン優先(SP/PC レスポンシブ対応)
製作期間約2週間

コンセプト

社員38名、平均年齢47歳。10年後にはベテラン職人の半数が定年を迎える、東大阪の精密板金メーカー・ツバメ精工。既存の採用チャネルでは若手からの応募がほとんど届かない状況のなか、「町工場=きつい・古い」という先入観を塗り替え、働く人の温度とものづくりの誇りを伝えるための採用特設サイトです。コンセプトは「技術は、人が作る。」。機械や設備ではなく、働く人の顔と手元を主役に据え、平均残業時間や平均年齢といった、都合の悪い数字まで含めて正直に開示することを制作の軸に置きました。

ターゲット

主読者に据えたのは、転職を考え始めた20代と、工業高校卒業後の進路を検討する10代、そしてその判断を横で見守る保護者・進路指導教員です。「怖い人がいそう」「体力的にきつそう」「未経験で務まるか」「古い体質で居場所がないのでは」——採用サイトが受け止めるべき不安を先に洗い出し、どのページのどのセクションがどの不安に応えるかを、コンテンツマップの段階で一つずつ対応づけました。

デザイン

誠実・あたたかい・誇り。「町工場って、意外とかっこいい」という良い裏切り。清潔感は必須。製造業の採用サイトで「人の顔が大きく出ているもの」に好感。文字が多いサイトは読まれない実感がある。鉄・金属を思わせるチャコール/シルバーを基調に、溶接の火花や銅を思わせる温度のある差し色(オレンジ〜銅色)。コーポレートの紺に縛られなくてよいと合意。

担当箇所

要件定義からサイト設計、ワイヤーフレーム(PC/SP)、WordPressによる実装までを一貫して担当しました。クライアントドキュメントやペルソナシートといった上流の設計資料から積み上げることで、見た目だけでなく「なぜそうしたか」を説明できる制作を心がけています。

使用技術・ツール

WordPress(オリジナルテーマ自作)

Local by Flywheel(ローカル開発環境)

Smash Balloon(Instagramフィード連携)

Contact Form 7(お問い合わせフォーム)

HTML・CSS・PHP

Excel・HTML(設計ドキュメント・ワイヤーフレーム作成)

制作物一覧

  • ヒアリングシート・ペルソナ設計書
  • 仕様書(v1.0〜v1.4・変更履歴つき)
  • デザイン方針書
  • サイトマップ・ディレクトリマップ
  • コンテンツマップ
  • ワイヤーフレーム(PC/SP・全17画面)
  • TOPデザインカンプ
  • Claude Code実装引き継ぎ資料
  • 変更指示書(サイト画像スロット化/インタビューQ&A可変化)
  • オリジナルWordPressテーマ(カスタム投稿タイプ3種・フォーム2種・管理画面制限)
  • 社員インタビュー原稿・title/meta description一覧