설계 메모 — 매니저께
왜 이렇게 시작했나
- 디자인 시스템 프로젝트가 비어 있어, 가이드 §5.0 토큰(딥 인디고·상태색·Pretendard)으로 파운데이션을 먼저 깔았습니다.
- 가이드 원칙대로 ① 시스템 먼저 → ② 핵심 플로우 한 줄기를 만들고, 셋을 모두 구현했습니다.
- 전문 업자용이라 셋 모두 데스크톱 우선으로 구축(딥 인디고 사이드바 콘솔). Buyer는 모바일 버전도 함께 제공합니다.
- 모든 더미는 DDD 문서의 실제 enum·필드(주문 상태머신, 통관 6단계, KC 분류, 가격 티어…)로 채웠습니다.
SSOT 원칙 (수정 쉽게)
- 서비스명은
shared/app.js의HANALL.brand.name한 곳만 고치면 전 화면 반영됩니다. - 색·타이포·반경은
shared/tokens.css, 컴포넌트 모양은shared/ui.css. - 상태 라벨/색은
HANALL.status의 enum 맵 — 이 페이지의 배지도 그 SSOT를 직접 읽어 그립니다.
서비스명 — 추천(미정)
색 — Primary 딥 인디고
상태색 (앱의 중심 언어)
완료·성공 green
진행중 blue
대기 amber
경고·위험 red
중립 gray
검증 업체 teal
타이포 — Pretendard
검증된 공장에서 통관까지
제품 상세 · 랜딩코스트
수량 구간별 단가
본문 — 한·중 FTA C/O 적용 시 관세 0%
₩1,284,000 · $7.5 · 100–499장
상태 택소노미 — 실제 enum
핵심 컴포넌트
버튼
필터 칩
검증 업체 배지 · KC 배너
수량 구간별 단가 (Price Tier)
| 수량 | 단가 | 적용 |
|---|---|---|
| 1–99장 | $9.0 | 샘플가 |
| 100–499장 | $7.5 | 현재 |
| 500장+ | $6.2 | 대량 |
MOQ 100장 · 최소주문금액 $750
주문 진행 Stepper (8단계)
데이터 테이블 (Admin)
| 주문번호 | 바이어 | 상태 | DDP금액 |
|---|---|---|---|
| ord_8K2… | 스튜디오 무드 | 생산중 | ₩4,820,000 |
| ord_7Y9… | 편집숍 레어 | 분쟁 | ₩2,140,000 |
| ord_6Q1… | 데일리룩 | 정산완료 | ₩9,310,000 |
서비스
→
반응형 · 완성
Buyer · 바이어
소싱 카탈로그(주간 신상) → 제품 상세(랜딩코스트·3단 공개 게이트·검품 게이트) → RFQ → 주문·통관 추적. 스마트스토어·편집숍 운영자용.
🖥 데스크톱 ~ 📱 모바일 · 단일 반응형
→
데스크톱 · 완성
Seller · 셀러
대시보드 → 오더 인박스(RFQ·견적·협상) → 카탈로그/제품 등록(KC·HS·티어) → 정산·송금. 중국 봉제공장용.
🖥 데스크톱 · 한국어 단일(Phase 2 다국어)
→
데스크톱 · 완성
Admin · 어드민
운영 개요 → 셀러 심사/Verified → 모더레이션 큐 → 거래 모니터링 → 정산·송금. 운영자 콘솔.
🖥 데스크톱 콘솔