감정을 3D 행성으로 시각화하는 웰니스 웹 플랫폼. 셰이더 간소화와 LOD로 29fps → 61fps, 번들 최적화로 First Load JS 58% 감소.
공통 결제 플로우 설계: 5개 단계 × 10개 에러 유형 규격화와 관심사 분리로 브랜드별 결제 코드 작성량 2,300줄 → 30줄, 연동 공수 3일 → 1시간.
멀티 레이어 디지털 카드 시스템. Builder Pattern으로 제작 시간 87% 단축, 스프라이트 최적화로 에셋 75% 경량화.
감정 기록과 AI 분석을 위한 Spring Boot REST API. Time Bucket 샘플링으로 전송량 97% 절감, 클라우드 인프라 직접 구축.
토큰 설계부터 컴포넌트 구현, npm 배포까지 완성한 React 디자인 시스템. 번들을 컴포넌트 단위로 나눠 실제로 쓰는 것만 포함(Button 1개 6,764B → 1,446B), 색 대비는 WCAG 측정으로 결정.
UI 용어를 인터랙션으로 학습하는 놀이형 웹. Matter.js 물리 엔진, clip-path 스포트라이트 등 다양한 인터랙션 패턴.
10+ 브랜드 플랫폼의 디자인 시스템. CSS 토큰 3-Layer 아키텍처로 반복 UI 코드 83% 절감, 새 브랜드 온보딩 1 man-day → 1시간 미만.
