
ワクワクする採用サイトをめざして〜4年目女性デザイナー視点〜

こんにちは。NEXYZ.グループ クリエイティブ課 デザイナーのちゃっこんです✨
2025年が始まって、あっという間に1ヶ月が経ちましたね。早い…。
テンションの上がらない朝をどうにかあげていきたいということで、私のデスクでは今年から「日めくりカレンダー」をはじめました👏

1日の始まりに新しい言葉をもらえると、不思議ですが少し気分があがります♪
2月5日、本日のありがたい一言は、「かたいパンをかじろう」 …です!🍞
さて、今回は弊社の採用サイトのリニューアルについて書いてみたいと思います。
今回デザインを担当した立場から、探り探りで時間をかけた点を2つお話しします。私自身の振り返りも兼ねているので、お付き合いいただけると嬉しいです!

その1【デザイン作成】〜グラデーションに苦戦💧〜
昨年リニューアルしたパンフレットをもとに、WEBサイトのデザインをしました🖌
「どうせならワクワクする人生がいいじゃん?」というコピーもとに、昨年できたパンフレットはこんな感じ↓↓

今回WEBのデザインにあたって、大事にしなくてはならなかったのが、この「パンフレットとの連動性」です。
ベースはパンフレットだけど、WEBでグラデーションをどう使おう?というところで時間がかかりました。


グラデーションを使ってワクワクは表現したいけど、誠実さの伝わるNEXYZ.グループらしさも残したい…という点で、表現に悩みました。
チームの皆さんの意見ももらいながら、NEXYZ.グループのコーポレートカラーである"NEXYZ.ブルー"をテキストに使いつつ、全体を直線的なデザインにすることによって、誠実さが残るようバランスを取りました。
会社のイメージと、就活生に抱いて欲しい親しみやすさのバランスが難しく、色がもつ印象について改めて考えさせられたなと思います!
その2【社員撮影】〜画像処理でもっと輝け!✨〜
社員インタビューのページ用に、今回は社員の方を新しく撮影しました。
前回の記事(撮影の裏側編)で触れたように、今回はカメラマン不在で撮ったので、惜しいな〜という部分は編集でカバーしていきます!
就活生の方に、「この会社は人がいきいきしている!」と思ってもらえるようにするのはもちろんですが、撮影協力してもらった社員の皆さんに、「素敵に使ってくれている、よかった!」と思ってもらえるものにしたい!と手を加えたので、よかったらみてください。
最初にビフォー・アフターがこちら↓↓

<1>
まず背景と人物のレイヤーを分けました!今回撮るときにピントをぼかしたりしなかったので、背景をここでぼかします。人物にフォーカスがあたって、ちょっとドラマチックになりました✨
背景は横幅が足りなかったので、AI生成で右のビルを追加。あるあるですが、こういう少し足りない〜という時、本当に便利な機能ですね。

<2>
人物は肌を補正しつつ、社章がついていなかったので、私の社章を別撮りして付け足しました。小さいですが、あることが大事です!細かい髪の毛は上から重ねた方が綺麗だったので、上から別途追加。

<3>
全体の色味を整えつつ、光を追加しました。より爽やかな印象が強くなったかと思います。

このような工程を行ったり来たりしながら、10人分の調整が済み、画面が完成。
ここでバーンと載せようと思ったのですが、ネタバレNG!と待ったがかかったので、完成の形は採用サイトで見てもらえたらうれしいです笑
皆さんの素敵な表情を活かせたかな?と思います。

🌫️反省点は、、
知ってたけどカメラ私全然使えない…というところです。ここでできます!と言えれば(涙)
撮影後の調整も大事ですが、元の写真をよりよく、技術的に撮る大切さを痛感しました。
クリエイティブ課のボス、浜田部長がよく言っているように、「これからのデザイナーはデザインできるだけでは生き残れない…!」…です!
カメラに限らず、マルチに広くできる力を身につけなくてはと改めて思いました。
これを機会にカメラの勉強、今年のプチ課題にしたいですね。
浜田部長PICKの記事はこちら↓↓

振り返りにお付き合いいただきありがとうございました。
何か参考になる部分があれば嬉しいです。
あと、皆さんのデスクに日めくりカレンダーも是非!
採用サイトは2月末にリニューアルされますので、見ていただけたら嬉しいです。

次回の記事もおたのしみに〜。🔥🔥


【26卒】
全国で開催されるマイナビ就職EXPOに当社も参加します!
↓ご予約は『お知らせ・イベント』の箇所から↓
📢各種SNSからも情報を発信しています📢




★就活生のみなさん★
アンケートのご協力をお願いします!