UI / UX デザイン
株式会社サトーOEM製品カスタムダッシュボードデザイン
※他社製品のためリンクなどを出すことができません
プロジェクト概要
- プロジェクト内容
-
主に食品製造業での衛生管理や点検、その記録に用いられるSaaS製品「@Form」（エージェンテック製品OEM）の管理画面・アプリケーションダッシュボード画面デザイン。
管理画面・アプリケーションの両方で、点検状況を一目で確認できるようにするためのカスタム。 - 業務内容
- 管理画面ダッシュボードのUI / UXデザイン
- 担当フェーズ
- UI / UXデザイン / コーディング
- 期間
- 2023年3月～2023年4月
- 使用ツール
- Adobe XD / Adobe Dreamweaver / HTML / CSS
デザインのコンセプト
- ステータスを色分けして一覧表示するダッシュボード機能
- 選択しているステータスと各項目の数値が一目でわかること
- 管理画面・アプリで統一されたデザイン
工夫した点・実績
- 要件にはなかったUIアイデアを提案
-
ステータス・グラフ色のみが要件として提示されていたが、一覧のテーブルの見出し色をリンクさせるUIを提案し採用
- 見やすさと使いやすさを最大限考慮
- 各ステータス数値・グラフの表示は大きく表示、1画面で収まる使いやすさを考慮しテーブル行を固定
- CSSのみでUI構築
- 提示された要件であればJavascriptは不要と判断しCSSのみでデザイン実装、軽量化