Zero Gravity フロントエンド

感情を3D惑星で可視化するウェルネスWebプラットフォーム。シェーダー簡素化とLODで29fps → 61fps、バンドル最適化でFirst Load JS 58%削減。

決済フロー設計

共通決済フロー設計。5つのステップ × 10種類のエラー標準化と関心事分離により、ブランドごとの決済コード記述量2,300行 → 30行、連携工数3日 → 1時間。

デジタルカードアーキテクチャ

マルチレイヤーデジタルカードシステム。Builder Patternで制作時間87%短縮、スプライト最適化でアセット75%軽量化。

Zero Gravity バックエンド

感情記録とAI分析のためのSpring Boot REST API。Time Bucketサンプリングで送信量97%削減、クラウドインフラを自ら構築。

個人デザインシステム, 新しいタブで開く

トークン設計からコンポーネント実装、npm公開まで完成させたReactデザインシステム。コンポーネント単位に分割し使用分のみ同梱（Button 6,764B → 1,446B）、コントラストはWCAG測定で決定。

UI Spy

UI用語をインタラクションで学ぶ遊び型ウェブ。Matter.js物理エンジン、clip-pathスポットライトなど多様なインタラクションパターン。

マルチブランド デザインシステム

10+ブランドプラットフォームのデザインシステム。CSS トークン 3-Layer アーキテクチャで繰り返しのUIコードを83%削減、新ブランドオンボーディング 1 man-day → 1時間未満。