Figma、Vue.js、Storybookを繋ぎ、ワークフローとチーム協働を効率化する機能的なデザインシステムへコンポーネントライブラリを進化
mediPhone — 2024
アーリーステージのSaaSスタートアップで、プロダクトチームはデザインシステムの構築に取り組みました。フロントエンドエンジニアはStorybookでコンポーネントライブラリを作りましたが、Figmaのコンポーネントとは分断され、再利用の判断が難しく、重複したUIが残っていました。
プロダクトの成長とともに、コンポーネントライブラリだけでは不十分になりました。UIの不整合、冗長なコンポーネント、反復作業での過度な意思決定が発生し、個別要素を超えて柔軟なパターンを中心にチームの考え方をそろえる必要がありました。
プロダクトデザイナーとソフトウェアエンジニアの両方の立場で、FigmaとVue.js/Storybookを接続。標準のレイアウト・ワークフローパターンを整備し、単なるコンポーネント作成から、拡張可能なパターン再利用へチームの意識を移し、重複作業を大きく減らしました。

Norsatのロボティクス・ドローン事業拡大に向け、新しいShopify Plusストアのブランド、UI/UX、フロントエンド実装をリード
Norsat International — 2ヶ月
Norsat Internationalは衛星通信製品に加え、ロボティクスとドローン分野へ事業を拡大していました。農業分野の官公庁・法人顧客に向けた、新しいブランドとデジタル体験が必要でした。
既存の衛星通信事業と新部門を差別化しながら、高度に専門的なB2B市場で信頼を築くことが課題でした。
ブランド戦略、UI/UXデザイン、LiquidとJavaScriptによるShopifyフロントエンド開発をリードしました。複雑な商品探索を支える情報設計とデータ構造を整え、拡張可能なプラットフォームを構築しました。
マットレスの比較をシンプルにし、製品品質を分かりやすく伝えることでEC売上を向上
Plasmabed — 3週間
Plasmabedはオーガニック流入と売上を増やしつつ、競合との違いを明確にする必要がありました。顧客は製品の違いや品質を理解しづらく、購入判断をためらっていました。
ユーザーリサーチと関係者インタビューから、主要な製品属性をより明快に比較できることが必要だと特定。違いを直感的に理解できるマットレス比較サイトのMVPを設計・開発しました。
要件を迅速にすり合わせ、関係者と密に協働することで、3週間でMVPを提供。市場投入を早め、製品の分かりやすさとEC売上の向上に貢献しました。