2026.10.03

ディレクター兼UI/UXデザイナーへ。ジェイ・ラインで叶う「チームでつくる」採用ブランディング案件の舞台裏

Webデザイナー仕事のこと会社のこと
# UI設計# アートディレクション# デザイナーの働き方# 共創型デザイン# 採用サイト制作

採用ブランディング案件でのデザイナーの“立ち位置”

採用サイト制作では、ジェイ・ラインのデザイナーは「指示を形にする人」ではなく、「どう伝えるか」を設計する共創メンバーとして動きます。
案件のキックオフから同席し、クライアントの課題や採用ターゲットをディレクター・ライターと一緒に整理。「求人媒体で届かない層にどうリーチするか」「どの体験で会社の魅力が伝わるか」といった議論に積極的に入っていく前提です。
そのうえで、情報設計や導線、インタラクションまでを見据えたUI案を自ら提案。レビューの場でも、デザイナーが自分の言葉でコンセプトや意図を説明するのが一般的なスタイルです。

インタビュー企画から入る「誰に・何を・どう伝えるか」の共創

あるIT企業の採用サイト案件では、こんな会話から始まりました。
ディレクター「今回、一番口説きたいのはどんな候補者ですか?」
クライアント「即戦力エンジニアだけど、ガツガツよりもチームワーク重視で…」
デザイナー「だとすると、“プロジェクトの裏側が分かる体験ストーリー”を軸にしたいですね。
本文は長めでも、UIで読みやすく分解してあげれば、世界観とリアルさを両立できます」
この段階から、どの社員にインタビューするか、どの写真が必要かまで逆算。
Miro上で、ターゲット像・ストーリー構成・必要コンテンツを3者で並べながら、採用コミュニケーション全体を設計していきます。

MiroとFigmaで進める「チーム設計」のリアル

構成が固まり始めると、まずMiroでページごとの目的とメッセージを整理します。
・ファーストビューで何を約束するか
・中段でどんな不安を解消するか
・最後のコンバージョン前に何を背中押しするか
といった粒度で、ディレクター・ライターと付箋を貼り合うイメージです。
その後、FigmaでワイヤーとUIを並行して作成。コメント機能で「この余白は“余裕のある働き方”の印象を狙っています」など、意図をその場で共有。オンラインでも議論が止まらないよう、非同期コミュニケーションを前提にした運用をしています。

撮影現場でのアートディレクションと“絵コンテ思考”

採用ブランディングでは、ビジュアルのトーンが体験の印象を大きく左右します。
ジェイ・ラインでは、キービジュアルやインタビューカットの撮影にデザイナーが同行することも珍しくありません。
「この導線でスクロールしてきたとき、ここで“チームの一体感”が伝わる写真が欲しい」
「UIのグリッドに合わせて、左右に余白が取れる構図で」
といった“絵コンテ思考”で、カメラマン・ライターとその場で調整。
後工程でレイアウトに悩まないよう、ファーストビュー用/インタビュー用など用途別にバリエーションを押さえていきます。

デザイン意図を言語化してクライアントに届けるシーン

提案ミーティングでは、デザイナーが前に出る場面も多くあります。
クライアント「この余白、多くないですか?」
デザイナー「候補者が“詰め込まれた情報”に疲れている前提で、あえて広めに取っています。視線の流れをコントロールしつつ、『ちゃんと話を聞いてくれそう』という印象を持ってもらう狙いです」
といった形で、色・余白・写真・アニメーションすべてに理由をセット。
数値面でも「前案件では、同じ構成でエントリー率が◯%向上しました」と根拠を添えながら対話し、見た目と成果の両方で納得感のある意思決定を支えます。

無理をしない働き方と、チャレンジのバランス

「攻めた表現にも挑戦したいけど、生活は崩したくない」という感覚も、組織として織り込み済みです。
・平均残業は月30時間以内
・在宅と出社を組み合わせた柔軟な働き方(部署・案件により調整)
・育児中のメンバーや副業を持つメンバーも在籍
といった環境の中で、案件ごとにスケジュールを早めに引き、撮影やリリース前など「ここは踏ん張る」タイミングをチームで共有します。
無理な詰め込みではなく、「質にこだわるために時間をどう使うか」を一緒にデザインしていくスタンスです。

上流に関わるための3つの準備と、ポートフォリオ構成のコツ

転職前からできる準備としては、次の3つが有効です。
1.1つの案件について「課題・仮説・打ち手・成果」を1枚に整理してみる
2. デザイン案を説明する“台本”を自分用に書き出してみる
3. 他社の採用サイトを3つ選び、「誰に・何を・どう伝えているか」を言語化する
ポートフォリオでは、ビジュアルだけでなく、
・ターゲットと課題
・役割(どこまで関わったか)
・情報設計や導線の工夫
・成果や学び
を1案件あたり1〜2ページで簡潔に記載すると、ジェイ・ラインでの仕事イメージと重ねやすくなります。