ユーザーファーストのデザインを徹底し、プロダクトのリブランディングを完遂。「HiPro Tech」リニューアルプロジェクト

戦術フェーズ（2021年11月〜2022年3月）

1. プロジェクトデザイン
2. リサーチ
3. ストラテジー
4. プランニング

まず「戦術フェーズ」では、ユーザーの声を集めるために、i-common tech利用者の中から、ミドルレイヤー3名とハイレイヤー8名の計11人のエンジニアに、各2時間のデプスインタビューを実施。すると、「熟練の方ほどエージェントとの距離が近く、自分の専属営業としてサービスをうまく活用されている」のに対し、「フリーランス歴の浅い方は、エージェントよりも案件そのものに目を向ける傾向があり、うまくサービスを活用しきれていない」といったインサイトが見えてきました。その後、デプスインタビューから抽出したインサイトをもとに、ペルソナを設定。重要な施策検討領域を絞り込んでいきました。

これらを踏まえて、次に行ったのがデザインスプリントです。社内のエンジニアや営業のメンバーを含む17名の参加者を4〜5人ずつのチームに分け、3時間×3日間のワークショップを実施。設定したペルソナを元に求められる施策とはどのようなものか、皆でアイディエーションを行いました。その後、164のアイデアのうち、「実施すべき」と思う施策を選択するために投票を行ったところ、ユーザーに近い立場であるエンジニアが出したアイデアには、多くの票が集まりました。

戦術フェーズの最後には、ここまでの一連のプロセスから導き出したプロダクト戦略・戦術をまとめた「Playbook」を作成。全94ページにわたるPlaybookは、HiPro Techが目指すプロダクトの方向性、UXコンセプト、ユーザーストーリー、UXコンセプトを実現するためのキーファクターや施策、3年後を見据えたKPIやロードマップなど、次のリニューアルフェーズの指針を示したものとなっています。

このPlaybookをもとに次年度のプロジェクト予算が決定。サービス名もi-commonからHiProへ変わることが公となり、プロジェクトは「リニューアルフェーズ」へと入っていきました。

※i-common techからHiPro Techへとサービス名称変更（2022年6月）

リニューアルフェーズ（2022年5月〜2023年4月）

1. プロジェクトデザイン
2. 先行リニューアル
3. UI改善・新機能開発のためのリサーチ・要件定義
4. サービスサイトリニューアル（2022年11月）
5. エンジニアマイページリニューアル（2023年2月）
6. 法人向けサイトリニューアル（2023年4月）

プロジェクトを引き継いだサービスデザイナーとUI/UXデザイナーが最初に着手したのは、Playbookを読み込むことです。そこに示されたペルソナのインサイトやUXコンセプト、ユーザーストーリーを通して、“誰の・どんな成功体験を後押しするためのプロダクトなのか”を深く理解したうえで、まずは今回のリニューアルで「エンジニアに好まれるプラットフォームになる」「ハイスキルな人材に特別感を持ってもらう」ことを目指そうと決めました。

そこからは、本格的なUI改善や新機能開発に向けて、競合サイトのヒューリスティックリサーチや、営業・エンジニアメンバーへのヒアリングを実施しました。また、ヒューリステックリサーチでは、国内外の競合約20サイトを調査。参考になるポイントを洗い出し、機能ごとに仮説やアイデアをまとめ、優先順位づけに役立てました。また、エンジニアの意見を大切にしたいという想いから、迷ったらすぐに、ユーザーである法人のお客さまやエンジニアとふだんから接している営業や、ターゲットである当事者に近い社内のエンジニアに相談。フィードバックを受けデザインへ反映させることを繰り返し、細部までブラッシュアップを図りました。

それだけではなく、UI/UXデザイナーも、デザインのトレンドリサーチやコンセプトワークには、多くの時間を割いています。国内外のハイクラス向けの競合サービスのTOP画面と案件一覧の画面を数多く閲覧し、サイトデザインから受ける印象やイメージカラー、メインコピー、人の介在感など、複数の要素について傾向を洗い出しました。加えて、「シンプル↔︎ノイジー」「モダン↔︎クラシカル」といったさまざまな切り口で、ポジショニングマップを作成し、HiPro Techが狙うべきデザインの方向性を模索していきました。

1. 案件検索画面…デプスインタビューを通じて、ユーザーのサービス登録に大きく影響を与えるとわかり、最も重視したのが案件検索画面です。ヒューリスティックリサーチの結果を参考にするだけでなく、検索項目の種類や並び順、テキストのトーン＆マナー、タグの配置など、細部にわたって、エンジニアの生の声を取り入れました。
2. シンプルで心地良い操作性…ターゲットであるハイスキルエンジニアは、必要最低限の情報で機能が満たされる「シンプルで心地良い操作性」を好む傾向があったことから、、イラストや見出しの装飾などは一切排除して、情報量が多くてもスッキリしたUIを実現。また、プロダクトのデザインは継続してアップデートを図っていくものであることから、コンポーネントや細かいパーツ一つひとつまで熟考し、恒久的なデザインを目指しました。
3. WORKとLIFEの両立…「はたらいて、笑おう。」というグループビジョンを掲げるパーソルキャリアのサービスとして、「サービスについて」のページでは、 “HiPro Techだから叶えられるWORKとLIFEの両立”を強く訴求しました。
4. 人の介在感…「あなただけの営業パートナー」を目指すHiPro Tech。実際の営業担当者のWORKとLIFEの両方の顔が見えるよう、マウスオーバーでビジネスシーンとプライベートシーンの写真が入れ変わる仕掛けを施しました。
5. HiPro Techらしさの表現…当時、HiProとしてのパーパスは存在したものの、傘下にあるHiPro Biz・HiPro Tech・HiPro Directの3つのサービスで共通するデザインガイドラインはありませんでした。そこで今回のプロジェクトを機に、HiPro Techのデザインを軸としてほかのサービスにも展開できるよう、ライン1本のような細部に至るまでこだわりながら、コンポーネントの整理やルール化をしていきました。