爽やかさが好印象！「青・水色」を基調とした採用サイトデザイン10選！

青が引き立たせる“爽やかさ”重視のデザイン事例の採用サイト10選

株式会社岡島ホールディングス

https://recruit.okajima-h.co.jp/（株式会社リーピー）

シンプルで見やすいレイアウトです。写真を多用し、明るく親しみやすい雰囲気を演出。オレンジ色のアクセントカラーが特徴的。求人情報も詳しく掲載されており、求職者に分かりやすい構成になっています。

ALL DIFFERENT株式会社　中途

https://career.all-different.co.jp/（株式会社リーピー）

関東エリアを中心に人材育成・組織開発を手がけるコンサルティング会社、ラーニングエージェンシー様の中途採用サイトです。爽やかな青色が特徴で、信頼感を与えてくれます。最初に目に入るのは、はたらく社員の写真が流れるファーストビューで、会社の雰囲気が分かりやすくなっています。

ALL DIFFERENT株式会社　新卒

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

こちらは上記で記述した会社の新卒採用サイトです。水色をベースに配色をおこなっており、新卒社員の若々しくフレッシュなイメージがとても伝わってきますね。そして「数字で見る」というセクションが青い円が背景に広がるデザインも、実績をさらにインパクトを与えるものにするための設計に仕上がっています。

ジェイエムシー株式会社

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

斜めに開くローディングから始まり、トップ画面ではキャッチコピーにかかった青いグラデーションが滑らかに動きます。スクロールに合わせて緩やかな線が流れたりと、目線誘導におけるデザインの工夫が満載です！

株式会社協和精機

https://mold-kyowa.co.jp/（制作：株式会社リーピー）

宮崎県にある金型を製造する会社の採用サイトデザインです。トップにあるコピーの主語は私「たち」となっていて、見る人をも巻き込むような力強さがあります。また空と海の写真に合わせて馴染むよう、青の色味を調整し、全体的に爽やかさを感じるスタイリッシュなサイトに仕上げました。製造業のイメージがとても明るくなるデザイン事例ですね。

株式会社first

https://first1105-nada.com/

白と青を基調とした爽やかなデザイン。スクロールに合わせてコンテンツが動く演出が印象的。写真や図を効果的に使用し、事業内容や働く社員の様子が伝わりやすいです。

株式会社サンセイテクノス

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

落ち着いた色合いと、インパクトのある賑やかなデザイン。写真と図を組み合わせ、事業内容をわかりやすく説明。求人情報も見やすくまとめられています。

smart HR

https://recruit.smarthr.co.jp/

青と黄色のアクセントカラーが特徴的。イラストを効果的に使用し、親しみやすさを演出。スクロールエフェクトなどの動きのある構成で、飽きさせないデザインです。

あすか製薬株式会社

https://www.aska-pharma.co.jp/aska_recruit/

写真を全面に使ったビジュアル重視のデザイン。スクロールに合わせて画像が切り替わるなど、動きのある構成。社員紹介や職種紹介のページも充実しており、企業理解が深まる内容になっています。

堀場製作所

https://www.horiba.com/our-future/ja/

イラストをメインに起用し、抜け感の感じられるポップで楽しげなサイトになっています。青は信頼感や洗練された印象私するために起用することが多いですが、イラストと合わせて使用すると信頼感とポップさのバランスが取れます。

地方採用ワークスでは、採用サイト制作から、採用業務の代行、人材紹介など、”地方企業における採用課題の解決”に特化した包括的な支援を行っております。

• 採用したいけど、何からやればいいかわからない…
• 本業に精一杯で、採用に割く時間がない…
• 過去色々やってみたけど全く成果が出なかった…

上記のようなお悩みをお持ちの方は、ぜひ一度地方採用ワークスにご相談ください！