No.003 / Systems & Tools / 2025
診断SaaS UI実装・機能追加
個人・組織の診断結果を、比較できる画面体験へ。
Project facts
- Role
- Systems & Automation
- Deliverable
- SaaSフロントエンド
- Industry
- 組織・人材診断
- Capability
- フロントエンド開発 / UI設計 / 保守・改善
- Technology
- PHP / JavaScript / MySQL
- Audience
- 個人・組織の診断結果を確認する利用者 / メンバー構成を検討する運用担当者
課題
診断結果の表示パターンが増える中で、個人と組織の状態を比較しやすくし、例外ケースでも画面を安定させる必要があった。サービス名と診断ロジックはNDAにより非公開。
解決策
提供された診断ロジックを入力から結果表示へ接続し、個人・組織の比較とメンバー入れ替え時の変化を同じ画面で確認できるよう、UI部品と表示ロジックを整理した。
主要機能・工夫
- 診断入力から結果表示
既存ロジックを画面フローへ組み込み、結果まで一貫して表示する。
- 組織単位の比較
メンバー構成ごとの結果を比較できる形で可視化する。
- 構成変更シミュレーション
メンバーを入れ替えた場合の変化を画面上で確認できるようにする。
成果・変化
- 比較操作を一つの画面体験へ整理
個人、組織、構成変更後の結果を追いやすい表示へまとめた。
- 表示パターンの保守性を改善
UI部品化と表示ロジックの整理により、例外修正を反映しやすくした。