모던 이커머스 플랫폼은 첫 방문부터 결제까지 마찰 없는 경험을 목표로 설계한 UX 중심 디자인 시스템입니다.
이커머스의 이탈은 대부분 "어디에 뭐가 있는지 모르겠다"에서 시작합니다. 정보 구조와 인터랙션을 다시 설계합니다.
완성된 화면이 아니라, 팀이 자립적으로 쓸 수 있는 디자인 시스템 전체를 산출물로 제공합니다.
CSS 변수·Figma Variables로 관리되는 디자인 토큰. 다크모드까지 자동 지원.
버튼·입력·카드·모달 등 40+ 컴포넌트 Auto Layout + 상태별 Variants.
모바일·태블릿·데스크탑 7개 핵심 화면 브레이크포인트별 완성형 템플릿.
WCAG 2.2 AA 체크리스트, 색상 대비 검증, 키보드 내비게이션 스크립트.
실제 사용자 10명 UT 후 이탈 구간 분석 및 개선안.
개발팀·PO가 읽는 "어떻게 쓰는지" 문서. Figma Library 직접 연결.
디자인 시스템의 핵심 — 색상·타이포·컴포넌트 토큰의 발췌.
리서치 → 정보 설계 → 프로토타입 → 테스트 → 시스템화.
10명 유저 심층 인터뷰, 경쟁사 벤치마킹, 페르소나 3종 확정.
사이트맵 재설계, 로우피델리티 와이어, 내비게이션 구조 검증.
Figma Variables 기반 토큰화, 40+ 컴포넌트 라이브러리 구축.
UT 반영 리디자인, 개발팀 핸드오프 가이드, 라이브 배포.