SaaS・アプリのUIデザイン
登録の先で離脱している場所を見つけ、定着する形に直します。
UI/UXデザイン
AIが出した画面に、人が説明できる理由を。求人マッチングPathportのUI再設計
概要
「Pathport」は、人材紹介エージェントが求人情報を検索・検討し、候補者へ提案するBtoB向けの求人マッチングプラットフォームです。ベースとなる画面はAI生成で、「なぜこのデザインか」を人が説明できない状態でした。求人検索・一覧、求人詳細、ハンバーガーメニューなど、PC/SPの主要画面を情報設計から再構築し、約2週間でデザインFIXまで到達しています。
※非公開案件のため、「Pathport」は架空のサービス名で、お客様の社名は伏せています。掲載画像はカラー等を変更したイメージです。
課題
- ベースとなる画面はAI生成のUIで、細部の一貫性や「なぜこのデザインか」の説明責任を、人が引き受けられる状態にする必要があった
- 支給されたデザインガイドラインはホームページ用途で、設計思想の異なるシステムUIにはそのまま転用できなかった
- 多段階のレビューを挟みながら、約2週間でデザインFIXに到達する必要があった
施策
- 求人検索・一覧、求人詳細、全画面オーバーレイのハンバーガーメニューなど、PC/SPの主要画面を再設計
- ガイドラインからはトーンと雰囲気の移植に留め、情報設計からシステムUIとして再構築
- 読み手が判断する順番（募集中か、職種、条件）にカードの構造を合わせ、入力を捨てる「条件クリア」は検索ボタンから離してテキストリンクにするなど、画面ごとの判断理由をすべてFigmaのコメントに言語化
- トークンとコンポーネントを整備し、アニメーションやページネーションなど実装時の判断基準まで申し送り
期間
約2週間（初校提出からデザインFIXまで）
スコープ
UIデザイン（PC/SP）、デザインシステム整備（トークン・コンポーネント）、OGP・Favicon制作、実装申し送り
担当者
- デザイン：伊藤 悠希（aaam）