クロガネ工業

未経験から働きたい人に向けた、金属部品メーカーの採用サイトのデモサイトを制作しました。仕事内容・社員の声・数字で見る働きやすさ・募集職種・応募の流れ・FAQ・エントリーまでを1ページに整理し、応募前の不安を減らしながらエントリーへ進める構成にしています。

デモサイトを見る

別のタブで開きます

このサイトについて

ものづくりの現場で働く人の姿を通して、仕事のやりがいと働きやすさが伝わる採用サイトを制作しました。

黒と黄色を基調に、工場や安全表示を思わせる力強い配色でまとめています。ファーストビューでは「その手で、街が動く。」というコピーで仕事の手応えを印象づけ、メッセージ、仕事内容、社員の声、数字、働く環境、募集職種、求める人物像、応募の流れ、FAQ、エントリーへ自然につながる流れを意識しました。

現場の力強さが伝わる配色と構図

黒と黄色のコントラストに、斜めに切り取った写真を組み合わせ、ものづくりの現場らしい勢いを表現しました。
応募前の不安を減らす情報設計

仕事の流れを4つの工程で見せ、社員の声、数字、研修や支援制度、選考期間の目安まで載せることで、未経験の方が働く姿をイメージできるようにしました。
一歩を後押しするコピー

「未経験でもいい」「最初から完璧じゃなくていい」など、応募をためらう人の気持ちに寄り添う言葉を選びました。職場見学だけを申し込める導線も用意しています。

トップから順に、どんな順番で情報を見せているかをまとめました。画像を押すと、セクション全体を拡大して見られます。

01 / 05
TOP

働く人の笑顔と「その手で、街が動く。」のコピーで、仕事の手応えと職場の雰囲気を最初に伝えました。
02 / 05
仕事を知る

加工・組立・検査・出荷の4つの工程を写真付きのカードで並べ、未経験の方にも仕事の流れがひと目でわかるようにしました。
03 / 05
働く人

若手社員・リーダー・代表の3人の言葉を紹介し、現場の人柄や入社後に成長していくイメージが伝わるようにしました。
04 / 05
数字で見る

未経験入社率や平均残業時間などを大きな数字で見せ、働きやすさを具体的に伝えました。黒背景にして、ページの中に強い変化もつけています。
05 / 05
募集職種・応募の流れ・FAQ・エントリー

募集職種、応募から入社までの流れ、よくある質問で応募前の不安を解消し、最後に「その手で、未来をつくろう。」のコピーでエントリーへつなげました。