事例から探せる!UIUXデザイン会社図鑑 » UIUXデザイン・コンサル会社図鑑 » Goodpatch(グッドパッチ) » 採用系ソフトウェア
「ワンキャリアクラウド」のUIUXデザイン事例

採用系ソフトウェア
「ワンキャリアクラウド」のUIUXデザイン事例

  • グロース上場
  • HR
  • toB
  • 株式会社ワンキャリア
採用系ソフトウェア 「ワンキャリアクラウド」

引用元:株式会社Goodpatch公式HP(https://goodpatch.com/work/onecareercloud)

拡張性を意識したUIUXデザインを実施

採用DX支援サービス「ワンキャリアクラウド」。
戦略人事をターゲットとしたSaaSプロダクトです。このサービスにおけるデザインの構造設計から、同シリーズの第一号アプリとなる「ワンキャリアクラウド採用計画」の開発サポートまでを、UIUXデザイン・コンサルの専門会社Goodpatch(グッドパッチ)が手掛けた事例です。

お客様の声
PICK UP!
こんなお悩み・希望をお持ちの方に…

★将来的な拡張性を見据えたUIUXデザインを依頼したい
★既存サービスのユーザビリティを向上したい
★新規Webサービスのサービス設計・要件定義から提案がほしい

目次
何をUIUXデザイン・コンサルしたのか?

戦略人事を支援するクラウドサービス

「ワンキャリアクラウド」は、株式会社ワンキャリアが運営する、戦略人事をターゲットとした新卒採用支援サービスです。
同社が運営する求職者向けの就活サイト「ONE CAREER(ワンキャリア)」で保有しているビッグデータをもとに、学生の声や行動といったさまざまなデータ・コンテンツを活用。新卒採用における課題をソフトウェアの力で解決する、新しい視点で開発されたクラウド型サービスです。

ここがUIUXデザイン・コンサルポイント

プロダクトの先を見据えた
UIデザインを設計

採用系ソフトウェア 「ワンキャリアクラウド」のUIUXデザイン事例

引用元:株式会社Goodpatch公式HP(https://goodpatch.com/work/onecareercloud)

UIUXデザイン会社のGoodpatch(グッドパッチ)は、「ワンキャリアクラウド」サービス全体のデザインを支える基盤部分と、同シリーズのアプリ「ワンキャリアクラウド採用計画」のUIデザインを担当しました。

サービスの成長に欠かせない「拡張性」を強く意識したUIデザイン

UIUXデザイン会社のGoodpatch(グッドパッチ)は、「ワンキャリアクラウド」はSaaSプロダクト。サービスが成長していく将来まで見据えたソフトウェアデザインを実現するべく、Goodpatchが取り組んだのが、すべてのレイヤー(階層)において「拡張性」を意識したデザインと構造の設計でした。
例えば、情報構造の在り方、UIの表現、インタラクション(ユーザーのアクションに対してシステムが必要な対応を返すこと)の仕組みなどです。

中でも、このプロダクト全体の基盤となるUIの基本構造部分に関してはサービスのロードマップを強く意識しながら、先々の事業成長に柔軟に対応できる拡張性を踏まえた構造を設計しました。

ユーザーの操作性にこだわりながら、開発のシンプル化にも成功

「ワンキャリアクラウド」のUIUXをデザインするにあたり、Goodpatchは、これを「WEBサイト」ではなく、「GUIアプリ」(「操作」できる画面があるWebアプリのこと)として捉え、そのセオリーに則って設計していくことにしました。
細部の動きや見た目も、通常のWebサイトとは違うセオリーが適用されており、あくまでこのサービスを使うユーザー視点に立って「操作しやすい」独自のUIUXデザインが施されています。

また、作業を行うユーザーが「何をどうするのか」という、“ユーザーがとる可能性のある行動”をモデル化。詳細機能やインタラクションと紐づけながら、「ユースケース」と呼ぶ単位で分類が行われました。これを行うことで、ユーザーが必要とする機能だけを実装する開発が可能に。

できる限り、ユーザーが操作にストレスを感じない自由度の高い設計を実現しつつ、ユースケースを意識した機能開発や要件定義を行っていくことで、ユーザビリティ&実装のシンプルタスク化という両面において、高いアウトプットを叶えています。

ユーザー環境を考慮したビジュアルデザイン

ワンキャリアクラウドのデザイン

引用元:株式会社Goodpatch公式HP(https://goodpatch.com/work/onecareercloud)

ビジュアルデザインについては、ソフトの拡張性だけでなくユーザーの環境を考慮しています。ディスプレイに関しては、発色が良好なMacではなく、一般的なWindowsの発色・解像度・サイズをベースに設計。ターゲットが利用するであろう環境をイメージし、表示具合などの確認も行っています。

このUIUX事例を手掛けた会社は…?
グッドパッチ
グッドパッチ会社イメージ

引用元:株式会社グッドパッチ(https://goodpatch.com/company/studios)

デジタルプロダクト開発(UI/UXデザイン)を中心に、ブランド構築・新規事業立ち上げ・デザイン組織支援といった、企業のビジネス課題に幅広くコミット。表面的なデザイン・アウトプットの納品ではなく、戦略立案フェーズからクライアントと共にチームを組み、目標の達成を目指して並走してくれるデザインパートナーとして、名だたる企業から厚い信頼を寄せられているUIUXデザイン専門会社です。また、デザイン会社では国内唯一※(2023年7月時点)の上場企業としても知られています。

※情報参照元:日経クロストレンド
(https://xtrend.nikkei.com/atcl/contents/watch/00008/00081/)

グッドパッチ会社イメージ

引用元:株式会社グッドパッチ(https://goodpatch.com/company/studios)

当ページは下記ページの事例を参照しております。
参照元:株式会社Goodpatch公式HP (https://goodpatch.com/work/onecareercloud)

3-SERECTIONS
特集
目的で選ぶUIUXデザイン会社3選

UIUXデザイン会社といっても、それぞれ得意とすることに違いがあります。
まずはUIUXデザイン会社に依頼して何をしてもらいたいのかを考えた上で、企業を選定すると良いでしょう。
ここではUI/UXデザイン会社に依頼する目的別に、それぞれおすすめの会社を紹介します。

業務システムなら ARアドバンストテクノロジ
ARアドバンストテクノロジ公式HPのキャプチャ画像
引用元URL:ARアドバンストテクノロジ公式HP
(https://uiux.ari-jp.com/)
現場が納得するまでモックを改修し
高いユーザー満足度を実現
開発の要件定義からデザイナーが並走し、完成がわかるモックを早期に共有。社内サーベイとヒアリングを活かしつつアウトプットを繰り返し、現場が本当に使いやすい設計を追求。
複雑な要件定義が必要となる金融・製造・製薬業界の業務システムにも多数の実績を持つ。
主な業務システム改善事例
  • 銀行・証券 SFAアプリケーション
  • 製薬業 製薬統合システム
ユーザーアプリなら
Proximo
Proximo公式HPのキャプチャ画像
引用元URL:Proximo公式HP
(https://www.proximo.co.jp/)
ユーザー行動分析を設計に
落とし込み購買・成約率向上
ユーザーインタビューなどのUXリサーチから、ユーザー行動を含めたデータの分析を行い、それを基に「使いやすい」だけでなく購買行動を促す設計を実現。
非会員の無料体験導線事例では、CTR+23%、CVR+22%、課金開始+9%を実現。デザインの力で、成約率を底上げできる。
主なUIUX改善事例
  • 日本経済新聞社 日本経済新聞電子版
  • レンティオ株式会社 Rentio
企業サイトなら Goodpatch
Goodpatch公式HPのキャプチャ画像
引用元URL:Goodpatch公式HP
(https://goodpatch.com/)
社内外からの印象をリサーチし
ブランドイメージを確立
経営・マーケティング・採用など多部門に及ぶリサーチで、社内のブランド認識を定量的に分析。「企業としてどう見られたいか」を明確化。
自社開発のデザインシステムにより、複数サイト間でも統一感を保持。関連メディアや新事業でも継続的にズレのないブランディング施策を打てる。
主なUIUX改善事例
  • 双日テックイノベーション
  • 東京ガス