― Business Plan ―
「公共工事の仕事」を
若手の進路選択へつなげる採用サイト
松野組様は、公共工事を中心に地域インフラを支えてきた建設会社です。
旧コーポレートサイトは会社紹介としての役割を果たしていましたが、採用の視点では仕事内容や働く環境が十分に伝わらず、応募検討の判断が進みにくい状態でした。
そこで今回の制作では、採用に必要な情報を独立して再構成し、動画・数字・社員紹介・制度情報を通じて、仕事理解から応募判断までをスムーズに流れるサイト構造へ再設計しました。
まずは知って
おきたい！
SEO measures
リニューアルの前に
押さえておきたいSEOの基本
検索に強いサイトづくりを目指す方に向けて、SEOを軸にしたリニューアルのポイントをわかりやすくまとめました。
リニューアルを検討中の方におすすめの内容です。サイト改善の第一歩にご活用ください。
ホームページ制作のきっかけ
紹介をきっかけにご相談をいただきました。採用に力を入れていきたいというお話があり、その中で「サービス内容が分かりづらい業種だからこそ、サイトを見れば全体像がつかめるようにしたい」という考えが共有されました。
制作を進める中では、「このサイトを新しく入社した人への説明にも使えるといいよね」という話も出てきたため、外向けだけでなく、社内でも使える分かりやすさを意識して情報を整理しています。
クライアントが抱えていた主な課題
採用目的でサイトを見に来た人に響く要素が足りない
サイト自体が古く、野暮ったく見えてしまう
応募者だけでなく保護者も見る前提で、制度や働き方などの安心材料をみせたい
ご要望の方向性
若い世代に向けた、今っぽくてかっこいいデザインに刷新したい
受注目的ではなく、「採用活動」に特化したサイト構成にしたい
現場の空気感や社員の活気が伝わるよう、動画や写真を大きく使いたい
男性職場という固定概念を払拭し、女性オペレーターの活躍も発信したい
マーケティング施策
現状分析
webサイトにターゲットが設定されていない
松野組様のサイト分析を進める中で特に課題視したのは、採用ターゲットに対する訴求力の弱さです。スマートフォンネイティブである高校生には「古臭い・堅い」と映り、その親御さんには「詳細が不明で不安」と感じさせてしまう情報構造になっていました。
本来は非常にホワイトで温かい職場であるにも関わらず、正しく情報が届いていないことで、就職先の選択肢から外れてしまう「機会損失」の状態にあったのです。
戦略・施策方針
ターゲットに合わせた
「情報の出し分け」
仕事は入札で決まるため集客の必要がないという特殊な環境を踏まえ、サイトの役割を「会社案内」と「採用」でハッキリ分けることにしました。
既存のコーポレートサイトは取引先が見た時の「信頼の証」として整え、新しく作る採用サイトは、とにかく「ここで働きたい」「ここなら安心」と思ってもらうための場所に振り切っています。
高校生がパッと見て「なんかかっこいい、楽しそう」と思えるビジュアルづくりと、親御さんが「ここなら子供を預けられる」と納得できる具体的なデータ。この2つの視点を共存させる設計を軸にしました。
1
採用サイトをあえて「別物」として新規作成
ターゲットである高校生に刺さる言葉選びやデザインを突き詰めるため、コーポレートサイトとは別に「採用特化サイト」を新しく作りました。
これによって、会社としてのカッチリした情報の枠に縛られず、ダイナミックで自由な表現ができるようになっています。
2
親御さんの不安を数字で解消
本人の「やりたい」という気持ちを後押しするには、保護者の方の安心感が欠かせません。そこで、教育制度や福利厚生だけでなく、残業時間や有給取得率といった具体的な数字をしっかり可視化しました。
言葉だけじゃない客観的なデータを見せることで、「ここなら子供を安心して預けられる」と納得してもらえるコンテンツを配置しています。
3
今の世代の距離感に合わせた導線づくり
応募のハードルを下げるためのアップデートとして、新たに「LINE相談」を導入しました。電話やメールは少し緊張するという世代にとって、普段使いしているLINEは一番安心できる連絡ツールとも言えます。今の世代にあった連絡手段を作ることで、まず話だけ聞いてみようかな？という層とも繋がりやすくなりました。
ホームページ制作のポイント
イメージされていたサイト像
応募者本人だけでなく、その保護者も安心して判断できるように、信頼感・安心感を軸にした見せ方を重視されていました。
業務内容や仕事のやりがい、楽しさが伝わる採用サイトを目指し、デザインコンセプトを設定しました。
デザインコンセプト
- 信頼感と安心感
- 明るい、元気、フレッシュなイメージ
- 新卒（若者）向けのデザインでトレンドを意識
こだわり・工夫したポイント
1
インパクトをつくるファーストビュー
新卒向けの採用サイトとして、最初の画面で関心を持ってもらえる強さを重視しました。最初で止まらずに読み進めてもらえるよう、入口の情報量と見せ方を整理しています。
2
トレンドを取り入れたグラデーション表現
信頼感・安心感を土台にしながら、硬く見えすぎないトーンに整えました。当時の流行を踏まえたグラデーションを取り入れ、明るさとフレッシュさを出しています。
爽やかな印象が伝わる青のグラデーションで、若々しさや新しさを感じてもらえる配色でデザインを行っています。
3
学生の迷いを減らす全画面メニュー
社員紹介、働く環境、募集要項など、見たい情報が人によって異なる前提で、目的のページに移動しやすい導線にしています。
特に新卒の学生は、採用サイトをパソコンではなくスマートフォンで見ることが多くなるので、スマホの見え方を特に意識してレイアウトしています。
4
従来の枠にとらわれないダイナミックなレイアウト
文章量が多くなりやすい採用サイトでも読みやすさが損なわれないよう、デザインと余白で情報の優先順位を明確につけています。
あわせて、動画・数字で見る情報・社員インタビュー・福利厚生・教育制度・キャリア形成など、応募判断に必要な材料を一通り揃えています。
WEBデザイナー
制作スタッフのコメント
制作では、「安心して応募できる会社」「仕事のやりがい・楽しさ」が直感的に伝わることを重視しました。
新卒の方にも興味を持ってもらえるよう、トレンドを意識したグラデーションやダイナミックなレイアウトを採用し、動画やインタビュー、数字で見るなどのコンテンツを充実させることで、信頼感を持っていただける構成を目指しました。
松野組様より「些細な相談にも迅速かつ丁寧に対応してくれました」とお声をいただいており、密なコミュニケーションを大切にしながら進行することができました。
まずは知って
おきたい！
SEO measures
リニューアルの前に
押さえておきたいSEOの基本
検索に強いサイトづくりを目指す方に向けて、SEOを軸にしたリニューアルのポイントをわかりやすくまとめました。
リニューアルを検討中の方におすすめの内容です。サイト改善の第一歩にご活用ください。
