”３K”を払拭！「土木・建設業界」の求人・採用サイトデザイン事例13選！

弊社デザイナーが厳選した「地方企業×採用サイト」のデザイン事例については、以下で完全網羅していますのでこちらも併せて参考にしてみてください！

あわせて読みたい

【業種別】地方企業でおしゃれな「求人・採用サイト」のデザイン事例集≪34選≫

求職者は、数多の企業から応募を検討するわけですから、第一印象に直結する「サイトデザイン」は非常に重要です。 しかし、漠然と「カッコよくしたい！」「オシャレにしたい！」というイメージだけで、「具体的なイメージまで落とし込めていない…」という方も多いのではないでしょうか？ そこで本記事では、弊社がご

「はたらく職人の姿」を見せるデザイン事例

株式会社日発電工(インフラ・電気工事）

https://www.nippatsu.co.jp/（制作：株式会社リーピー）

岐阜県関市にある電気工事の企業、株式会社日発電工様の採用サイトです。

トップページ内で強調されたコピーは印象的で、会社ならではの雰囲気や業務への思いがサイト訪問者の心を打ちます。インフラという“陰の立役者”の「かっこよさ」を引き出す、映像や写真も目を惹くデザインです。

株式会社市川工務店(土木・建設・ゼネコン)

https://www.ic-group.co.jp/recruitment/（制作：株式会社リーピー）

岐阜県岐阜市にある株式会社市川工務店様のホームページを制作させていただきました。

実際に働く人の写真を多く使っているため、会社や仕事の雰囲気を想像しやすい点がポイント。

「先輩たちの声」では、写真にカーソルを合わせると表情・ポーズが変化する仕掛けが施され、遊び心と笑顔が親しみを生んでいます。

株式会社白川田工務店（土木・建設）

https://shirakawada.jp/（制作：株式会社リーピー）

鹿児島県薩摩郡さつま町にある株式会社白川田工務店様の採用サイトを制作いたしました。

建築・土木業らしい、ごつごつした地面や、さつま町の山々のイメージを上手く取り入れたデザインです。

落ち着いた雰囲気からは仕事にひたむきに従事する真面目な姿が連想されます。会社の歴史を数字で打ち出し、安心して働ける会社であることもアピールしています。

株式会社桐山組(土木・建設・ゼネコン)

http://kirigumi.co.jp（制作：株式会社リーピー）

弊社で撮影・制作した、岐阜県大垣市にある総合建設会社、株式会社桐山組様のホームページです。

ノスタルジーで職人の方々の味わいを感じつつも、デザインは先進的で、みている人の心を惹きます。設計図を思い起こさせるような装飾もこのデザインのポイントです。

建築会社の要である「職人」を押し出したデザインは、高品質であることを伝える大きな手段であり、見る人に安心感を与えます。

株式会社中原組(土木・建設)

https://www.nakaharagumi.jp/（制作：株式会社リーピー）

山口県にある総合建設会社のホームページです。

緑をアクセントカラーとしながらも、全体はモノトーンでまとめられているため、落ち着きのある安定した印象を与えています。

はねやはらいの印象の強い明朝体、セリフ体といった書体選びからも、質の高さや歴史の長さを伝える意図を感じます。

鈴木建設株式会社（土木・建設）

https://www.suzuki-asahi.jp/（制作：株式会社リーピー）

千葉県旭市を拠点とし、数多くの土木工事・建築工事を手掛ける総合建設会社のホームページデザインです。

明るい色使いや英語見出し、ストライプのあしらいがポップで若い世代にも響くようなデザインとなっており、採用面でも若者募集に効果的なサイトデザインです。

株式会社大洋画地（土木・建設・総合建設・ゼネコン・コンサルティング・調査）

https://recruit.taiyokakuchi.co.jp/（制作：株式会社リーピー）

スタイリッシュでクールなデザインが特徴です。

サイト全体にアニメーションがちりばめられており、スクロールした際の挙動が心地よいです。黒と白を基調としたシンプルな配色に、アクセントカラーとしての青が効果的に使われています。

視覚的に魅力的でありながらも、情報が整理されています。

株式会社レジテックコーポレーション(建設)

https://www.fjnext-hd.co.jp/recruit/

白と青を基調としたクリーンでシックでプロフェッショナルなデザインが特徴です。

トップページには大きなビジュアルが配置され、企業のビジョンやミッションが視覚的に伝えられています。

力強い「思い」が伝わるデザイン事例

大日コンサルタント株式会社（土木・建設・総合建設・ゼネコン・コンサルティング・調査）

https://dainichi-consul.co.jp/recruit/（制作：株式会社リーピー）

弊社で制作させていただいた大日コンサルタント株式会社様の採用サイトデザインです。

ファーストビューでは、まず赤とオレンジのグラデーションが目を惹きます。手書きのキャッチコピーが画面上で書かれていくアニメーションは、ワクワク感と温かみを感じさせてくれますね。

ファーストビュー以下にもグラデーション要素を取り入れ、明るく個性的なデザイン事例となっています。

岐建株式会社(土木・建設)

https://www.giken-kk.co.jp/recruit/

岐阜県大垣市にある岐建株式会社様のホームページです。

写真加工の仕方、手書き文字、メニューバーのデザインの形などから、力強さを感じるデザインです。 トップの画面に新卒向けの会社説明会のボタンが設置されているのも特徴的です。

新卒ユーザーが知りたい情報に迷わずアクセスできる設計になっていますね。

鹿島建設株式会社（土木・建設・総合建設・ゼネコン・コンサルティング・調査）

https://www.kajima.co.jp/prof/recruit/new//

東京都港区にある鹿島建設株式会社様のホームページです。

コンテンツの項目が特徴的で、キーワードで気になるものを見ることができるようになっています。

ユーザー目線に立った使いやすい設計と言えますね。「3分でわかるKAJIMA」は、就活している人に短時間で重要なことだけを伝えられるコンテンツとなっていて、採用拡充にも効果的ですね。

「こだわり」への共感を誘うデザイン事例

株式会社ノエル（建設・建築・エクステリア・外構）

https://recruit.noel-garden.jp/（制作：株式会社リーピー）

愛知県一宮市にある外構設計・デザインを手がける「株式会社ノエル」様の採用サイトデザインです。

「先輩インタビュー」ではまるで名刺をめくるようなアニメーションで、次々と社員さんの写真が現れます。内容が充実しているのももちろんですが、こうした演出面で遊び心を凝らしたデザインは、若者の心をくすぐりますね。

親しみやすさが応募のハードルを下げるデザイン事例

戸田建設株式会社（土木・建設・コンサルティング・調査）

https://www.toda.co.jp/recruit/fresh/

東京都中央区に本社を構える、戸田建設株式会社様の新卒採用WEBサイト。

抽象的なイラストがサイト全体に散りばめられたデザインです。親しみやすさ、ポップな印象を与えますね。スクロールでイラストが変化する先進的なアニメーションを用いながらも、必要な情報が見つけやすい設計となっています。

各セクションが明確に区分されており、シンプルで分かりやすいデザインです。プロジェクトの写真や会社の取り組みが丁寧に紹介されています。

村本建設株式会社（総合建設業）

https://www.recruit.muramoto.co.jp/

大阪市にある村本建設株式会社様のホームページです。

ブルーの背景が鮮やかで楽しい印象。人物を切り抜き文字と組み合わせ、ポップで目を惹くデザインに仕上がっています。先輩インタビューコンテンツでは先輩社員の仕事中の様子に加え、私服での写真も掲載され、人柄もよく伝わって親しみが感じられます。

colors 株式会社ビームスファクトリー(建設・不動産)

https://www.beams-factory.com/

千葉県茂原市を拠点とする多能工集団colors様のコーポレート・採用サイト。

豊富な写真と動きのある要素があり、訪問者に強い印象を与えます。色使いやフォントが洗練されており、ブランドのイメージをしっかりと伝えています。

※ご紹介しているサイトの中で、「（制作：地方採用ワークス）」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処させて頂きますので、当社までご連絡くださいませ。