Case Study 01

BtoB SaaSのデザインシステム/設計プロセス

LMS系またはタレントマネジメント系BtoB SaaSを想定した匿名化ケーススタディ枠です。本文は別タスクで執筆し、ここでは構造のみを用意しています。

1. 状況

開発チーム約○名のBtoB SaaSにおいて、プロダクト設計、UIコンポーネント、実装判断が並行して進んでいた前提を記述します。

2. 制約

既存実装、開発体制、リリースサイクル、利用中ツールなど、短期的に動かせなかった条件を抽象化して記述します。

3. 判断

何を優先し、どの粒度でFigma、Props、Storybook/Chromatic、ドキュメントを接続したかを本文の中核として記述します。

4. 実施

コンポーネント命名、レイヤー構造、設計規約、運用フロー、レビュー観点など、具体的に設計・構築した内容を記述します。

5. 結果

設計判断の再利用、レビュー効率、実装との認識差分の減少など、運用上の変化を記述します。

トップへ戻る