デザイン
2023-03-15SaaS向けミニマリストデザインシステム
CASE STUDY
課題
急成長中のB2B分析プラットフォームは深刻なデザイン負債を抱えていた:14種類のボタンスタイル、一貫性のないモーダルダイアログ、衝突するダークモード変数。
解決策
OKLCHベースのデザイントークン階層を確立し、FigmaとReactで40以上のアクセシブルなUIプリミティブを構築。完全なキーボードナビゲーションと自動アクセシビリティテストを備えた。
急成長中のB2B分析プラットフォームは深刻なデザイン負債を抱えていた:14種類のボタンスタイル、一貫性のないモーダルダイアログ、衝突するダークモード変数。
OKLCHベースのデザイントークン階層を確立し、FigmaとReactで40以上のアクセシブルなUIプリミティブを構築。完全なキーボードナビゲーションと自動アクセシビリティテストを備えた。