ツバメ精工の採用サイト

コンセプト

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

ターゲット

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

デザイン

製造業の採用サイトというと、信頼感を出すためにコーポレートブルーや紺に寄せるのが定石です。しかし今回はあえてその型から外れる判断をしました。ターゲットである10〜20代にとって「いかにも堅い会社」の印象は、むしろ「自分には合わなそう」という不安を強めかねないと考えたからです。

基調色には鉄・金属を思わせるチャコールとシルバーを採用し、そこに溶接の火花や銅を思わせる温度のある差し色（オレンジ〜銅色）を差し込みました。「誠実」「あたたかい」「誇り」というキーワードを、色で裏切らずに伝えることを狙っています。また、文字が多い採用サイトは読まれにくいという実感から、社員の顔と手元の写真を主役に据え、読ませるより見せる設計を優先しました。

担当箇所

要件定義からサイト設計、ワイヤーフレーム（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一覧