1,000社以上が利用するSaaSプロダクトのデザインシステム構築・刷新
事業会社にて2023年4⽉から担当しています。
100ページ超におよぶメインプロダクトにおいて、デザインの属人化と管理コストの増大が課題となっていましたが、既存の表層的なガイドラインの限界を論理的に分析し、事業資産としての「デザインシステム」への刷新をゼロベースから主導しました。
【成果】
デザイナーとエンジニア間の手戻りを大幅に削減し、開発速度の向上に寄与しました。
国内最大手金融グループからは、その堅牢な設計思想と実装への専門性について高い評価をいただいています。
> 1,000社以上が利用するSaaSプロダクトのデザインシステム構築・刷新
※会員制サイトなど直リンクができないものは、関連ページヘのリンクを記載しています。
- 対応デバイス
- PC（レスポンシブ）
- メンバー
- デザイナー 1 名、エンジニア 10名、PO兼PdM 1名
- 担当業務
- 「1,000社以上が利用するSaaSプロダクト」のデザインシステム刷新
・設計: Figmaを用いたプロパティベースのコンポーネント設計。大規模適用を見据えた一貫性と柔軟性の両立。
・実装: React/TypeScript、Storybookを用いたコンポーネントライブラリの構築。実質単独で100ページ超のリプレイスを完遂。
・ガバナンス: デザイナー・エンジニア間の共通言語の確立と、Gitを通じた実務フローにおける、デザイン品質と実装コードの整合性管理。
- 使用アプリケーション、スキル
※本案件は社内向けの業務管理システムを含むため、機密保持の観点から詳細なキャプチャの掲載を控えております。具体的な設計プロセスや技術選定の背景については、口頭にて補足させていただきます。