Pulse Analytics — SaaSダッシュボードUI設計

概要

BtoB向けSaaSプロダクトの管理画面（ダッシュボード）を対象に、情報密度の高いデータを直感的に把握できるUIへと再設計しました。あわせて再利用可能なデザインシステムを構築し、開発チームとの連携コストを削減しています。

課題

• 指標が多く、どこを見ればよいか一目で判断しづらい
• コンポーネントの表記ゆれが多く、開発・デザイン間の手戻りが多かった

アプローチ

1. 主要ユーザーへのヒアリングによる優先指標の洗い出し
2. 情報の優先度に基づいたダッシュボードのレイアウト設計
3. Figmaでのデザインシステム構築（カラー・タイポグラフィ・コンポーネント）
4. エンジニアと連携したUIコンポーネントの実装ガイドライン整備

成果

• ダッシュボードの主要指標への到達クリック数を削減
• デザインと実装の差分レビュー工数を削減
• 新機能追加時のUI設計スピードが向上

本サイトはポートフォリオのサンプルとして作成された架空の事例です。実際の案件に差し替えてご利用ください。