『KIDSNAシッター』
簡易デザインシステム
株式会社ネクストビート
2024.12 - 2025.9 ｜ UI/UX design
Overview
既存プロダクトのUIのばらつきを減らし、
運用しやすい状態を目指して簡易デザインシステムを構築。
My Role
- カラートークン設計
- タイポグラフィスケール定義
- 余白スケール定義
- Figmaライブラリ構築
Problems & Constraints
- 既存画面資産が多くフルリデザインは不可
- 新旧デザインが併存する期間を前提に設計する必要あり
Design Approach
- 既存UIを棚卸しし共通パターンを抽出
- 色・文字・余白の基準値を定義して再利用可能な形に整理
- コンポーネントの階層/命名ルールを統一しFigma上に集約
Outcomes
- 画面間の表示ゆれが減少
- 新規画面制作のスピードが向上
- デザイナー間・エンジニア間の認識齟齬が減少
