「UIだけじゃない。」事業と採用を動かすデザインを、ジェイ・ラインでどう実現しているか

「きれい」で終わらせない、UI/UXデザイナーの役割

ジェイ・ラインのUI/UXデザイナーは、単に「サイトをきれいに仕上げる人」ではありません。事業や採用における成果を見据え、ユーザーの行動を設計するメンバーです。

採用サイトであれば応募数や応募率、ECサイトであれば購入率、コーポレートサイトであれば問い合わせ数など、プロジェクトごとに重視する指標を整理し、「どう見せるか」を考える前に、「誰に、何を伝え、どのように行動してほしいか」から設計していきます。

社内には、求人・採用領域の知見とWebマーケティングのノウハウがあります。そのため、デザインを単独で考えるのではなく、集客やコンテンツ、導線設計を含めた施策全体の中でUI/UXを捉えられることが、ジェイ・ラインの特徴です。

採用サイトの課題から考える、UI/UX改善のアプローチ

たとえば、採用サイトがPCでの閲覧を前提とした構成になっており、文字量が多く、スマートフォンでは情報を探しにくい状態だった場合、求職者が仕事内容や働く環境を十分に理解する前に、ページを離れてしまう可能性があります。

こうしたケースでは、まず求職者が知りたい情報の優先順位を整理し、「仕事内容 → 社員の声 → 応募フォーム」など、応募までの流れが自然につながる導線を設計します。あわせて、スマートフォンでの読みやすさやボタンの配置、情報量のバランスを見直し、必要な情報に迷わずたどり着けるUIへ改善していきます。

また、応募フォームでの離脱が課題となっている場合には、入力項目の整理やエラー表示の分かりやすさ、入力のしやすさなどを確認し、応募者の負担を軽減する設計を検討します。

ジェイ・ラインでは、デザインの美しさだけでなく、「どこで迷っているのか」「なぜ行動につながらないのか」を考え、ユーザーの行動や事業の成果につながる改善を目指します。

ワイヤーフレームから情報設計、ビジュアル設計までのプロセス

プロジェクトは、ヒアリングを通じて「採用ターゲット」「事業上のゴール」「KPI」を整理するところから始まります。
基本的な進行の流れは、以下のとおりです。

①構成案・サイトマップの作成
必要なページや情報を洗い出し、ユーザーが目的の情報にたどり着きやすい全体構成を考えます。
②ワイヤーフレームによる導線・コンテンツ量の整理
各ページに掲載する情報や導線を整理し、ユーザーが迷わず行動できる設計へ落とし込みます。
③トーン&マナーの定義、キービジュアル案の検討
企業やサービスの魅力をどのような印象で伝えるかを整理し、ビジュアルの方向性を定めます。
④UIパーツ設計・レスポンシブ設計
ボタンやナビゲーションなどのUIパーツを設計し、PC・スマートフォンの双方で使いやすい画面をつくります。

単に画面をデザインするのではなく、「事業目標 → ユーザーに期待する行動 → ページ構成 → 各画面のUI」という流れで、設計の意図を整理することを大切にしています。

こうした考え方を図解や資料に落とし込み、クライアントとも共有しながら進めることで、なぜこの構成やデザインにするのかを明確にしたうえで、プロジェクトを進行していきます。

ディレクター・エンジニアとのチーム体制

案件は基本的に、ディレクター＋UI/UXデザイナー＋エンジニアを用いたのチームで進行します。ディレクターが課題やゴールを整理し、デザイナーが情報設計とUI設計をリード。エンジニアは、実装の観点からフィードバックを行います。
プロジェクトの進行中は、以下のような連携を行います。

・定例MTGでのレビュー
・デザインのリアルタイム共有
・構造設計の段階からの実装相談

デザインが完成してから実装上の課題が見つかるのではなく、早い段階から職種を越えて意見を交わすことで、後工程での大きな手戻りを減らしながら、デザインの意図を保ったままリリースまで進めることを大切にしています。

どこまで提案できる？「上流から関わる」実態

ジェイ・ラインでは、決められたコンポーネントを作成するだけでなく、コンセプト設計の段階から関わる案件も多くあります。

たとえば採用サイトであれば、「どのような人材に入社してほしいのか」「自社の強みを、求職者に届く言葉でどう表現するのか」といった整理から、デザイナーが参加します。そのうえで、サイト構成やコンテンツ案にも踏み込み、提案を行います。

コーポレートサイトでは、事業戦略やブランドポジションの整理に同席し、企業が伝えたい価値をWebサイト上でどのように表現するかを一緒に考えるケースもあります。

「決められた要件を形にするだけでは物足りない」「デザインの前段階から考え、提案したい」という方にとって、裁量を感じやすい環境です。

入社後すぐに関われるプロジェクト例

経験やスキルに応じて、入社後は以下のようなプロジェクトに関わっていただく想定です。

・採用サイト制作（ワイヤーフレームからUI・ビジュアル設計まで通しで関わり、業務の流れなど体感します）
・コーポレートサイト制作（トップページや主要コンテンツのデザイン）
・キャンペーンLPにおける、導線やUIの改善提案

既存のガイドラインに沿って制作する案件だけでなく、ゼロからトーン＆マナーを定めるプロジェクトもあります。

さまざまな業界・目的のサイト制作に携わりながら、自身の提案や設計意図を形にした実績を積み重ねていける環境です。

ポートフォリオで評価されるポイント

ジェイ・ラインで特に見ているのは、

・「誰に、何を、どう届けるか」を言語化しているか
・情報設計や導線設計の意図が分かるか
・課題に対して、どのような仮説を持ち、デザインに反映したか
・チームとの協業プロセスが伝わるか
・ビフォー／アフターや改善の考え方など、成果につなげるためのストーリーがあるか

もちろん、ビジュアルの美しさも大切です。しかし、それだけではなく、「課題 → 仮説 → 設計・デザイン → 改善」という筋道が見えるポートフォリオほど、実際のプロジェクトで活躍する姿をイメージしやすくなります。

ジェイ・ラインでは、見た目の良さだけで終わらず、ユーザーの行動や事業の成果につながるデザインに取り組みたい方を歓迎しています。