MOABOT모아봇고객 플로우 · 로컬 검토용 링크 모음배포 아님 · 로그인 없이 preview mock

모든 고객 화면을 한 곳에서

로그인 없이 ?preview=1로 mock 데이터 화면을 확인합니다. ✅ 적용됨 = 결제·주문·체험·피드백·인증·앱 운용·가이드·커뮤니티까지 실제 로컬 라우트에 디자인이 반영됨(멤버십·페이백·파트너스 포함). 🟡 다음 배치는 일부 부가 라우트입니다. 배포·백엔드 mutation·관리자(/app/admin)는 포함하지 않습니다.

제품 UI 기준판 · 와이어프레임 모음

App UI Final — 모든 화면의 디자인 정본

멤버십·페이백·파트너스·커뮤니티·관리자 섬을 한 곳에서. 실제 로컬 프리뷰와 같은 디자인 언어를 갖습니다. ☀️ 라이트/🌙 다크 토글 포함.

/design-preview/app-ui-final ›
A멤버십 / 페이백
✅ 적용됨/membership?preview=1열기 ›
✅ 적용됨/dashboard/payback?preview=1열기 ›
✅ 적용됨/affiliate?preview=1 (파트너스 신청)열기 ›
🟡 다음 배치/dashboard/subscription?preview=1구독 상세
🟡 다음 배치/membership/cooldown?preview=1
🟡 다음 배치/membership/recover?preview=1복구 A/B/C
🟡 다음 배치/membership/recover/payment/demo-order/pending?preview=1
◆ 프리뷰프리뷰: 멤버십 디자인열기 ›
◆ 프리뷰프리뷰: 페이백 디자인열기 ›
B파트너스
✅ 적용됨/affiliate?preview=1열기 ›
🟡 다음 배치/dashboard/affiliate?preview=1파트너 대시보드
🟡 다음 배치/dashboard/affiliate/guide?preview=1
◆ 프리뷰/partners/terms약관 전문(로그인 불필요)열기 ›
◆ 프리뷰/partners/privacy열기 ›
◆ 프리뷰/partners/refund-policy열기 ›
🟡 다음 배치/dashboard/demo-code/payback?preview=1
◆ 프리뷰프리뷰: 파트너스 디자인열기 ›
C결제 / 주문
✅ 적용됨/checkout?preview=1열기 ›
✅ 적용됨/orders/demo-order/pending?preview=1열기 ›
✅ 적용됨/orders/demo-order/complete?preview=1열기 ›
✅ 적용됨/orders/demo-order/failed?preview=1열기 ›
✅ 적용됨…failed?preview=1&state=underpaid열기 ›
✅ 적용됨…failed?preview=1&state=wrong_network열기 ›
✅ 적용됨…failed?preview=1&state=expired열기 ›
D체험 / 피드백
✅ 적용됨/trial?preview=1지표 3일열기 ›
✅ 적용됨/trial?preview=1&state=approved열기 ›
✅ 적용됨/trial?preview=1&state=rejected열기 ›
✅ 적용됨/feedback?preview=1열기 ›
✅ 적용됨/feedback?preview=1&state=day44일차 평가열기 ›
✅ 적용됨/feedback?preview=1&state=complete열기 ›
E인증
✅ 적용됨/login?preview=1열기 ›
✅ 적용됨/login?preview=1&state=sent매직링크열기 ›
✅ 적용됨/signup?preview=1열기 ›
✅ 적용됨/signup/vip?preview=1VIP=별도 티어열기 ›
✅ 적용됨/verify-email?preview=1열기 ›
✅ 적용됨/verify-email?preview=1&state=expired열기 ›
✅ 적용됨/reset-password?preview=1열기 ›
F앱 운용 / 가이드
✅ 적용됨/app?preview=1커뮤니티 진입열기 ›
✅ 적용됨/dashboard?preview=1열기 ›
✅ 적용됨/dashboard/settings?preview=1Alert 메시지열기 ›
✅ 적용됨/dashboard/security?preview=1열기 ›
✅ 적용됨/api-guide?preview=1열기 ›
✅ 적용됨/api-guide/okx?preview=1열기 ›
✅ 적용됨/strategy-guide?preview=1열기 ›
✅ 적용됨/strategy-guide/okx?preview=1열기 ›
✅ 적용됨/strategy-guide/hyper-rsi/okx?preview=1열기 ›
🟡 다음 배치/onboarding?preview=1다음 배치
G커뮤니티 (실제 라우트)
✅ 적용됨/community?preview=1열기 ›
✅ 적용됨/community/symbol/BTCUSDT?preview=1열기 ›
✅ 적용됨/community/strategy/hyper-rsi?preview=1열기 ›
✅ 적용됨/community/strategy/hyper-trend?preview=1열기 ›
✅ 적용됨/community/exchange/okx?preview=1열기 ›
✅ 적용됨/community/write?preview=1write-first열기 ›
◆ 프리뷰커뮤니티 디자인 프리뷰 (C1~C14)열기 ›
02

모바일 확인 (390px)

이번 배치 화면을 실제 모바일 폭(390px)으로 렌더합니다. 커뮤니티 모바일(C9~C14)은 프리뷰 보드에서 확인하세요.

아래 프레임은 실제 라우트를 ?preview=1로 iframe 렌더한 것입니다 — 로그인 없이 모바일 레이아웃(단일 컬럼 reflow)을 확인할 수 있습니다.
멤버십 (mobile)새 탭 ↗
페이백 (mobile)새 탭 ↗
결제 (mobile)새 탭 ↗
입금 대기 (mobile)새 탭 ↗
체험 신청 (mobile)새 탭 ↗
로그인 (mobile)새 탭 ↗
커뮤니티 (mobile · 자동숨김 nav)새 탭 ↗
글쓰기 (mobile)새 탭 ↗
기준판 모바일 (app-ui-final)새 탭 ↗
커뮤니티 모바일 C9~C14 ›앱 모바일 M1~M13 ›
03

화면 상태 매트릭스

화면 · 실제 route 존재 · preview=1 · light · mobile · app-ui-final 반영 · console · status · 비고.

화면실제routepreviewlightmobileapp-ui-finalconsolestatus비고
/membership적용사용료 충당
/dashboard/payback적용USDT 출금·row
/affiliate적용원화·사업소득 3.3%
/checkout적용USDT 입금·카드 비활성
/orders/…/pending|complete|failed적용failed 5상태
/trial · /feedback적용3+1일·상태별
/login · /signup · /signup/vip적용VIP 별도·mock
/verify-email · /reset-password적용상태별
/app · /dashboard적용커뮤니티 진입
/dashboard/settings · /security적용Alert 메시지
/api-guide · /api-guide/okx적용오류 사례 진입
/strategy-guide(/okx, /hyper-rsi/okx)적용Q&A·설정 공유
/community(+symbol/strategy/exchange/write)신규백엔드 미연결
/design-preview/app-ui-final기준판고객 라우트 섹션

console = 실제 브라우저(헤드리스 Chrome+CDP) 기준 error 0 · overlay 0 · hydration 0 확인. preview=1 로 로그인 없이 전부 클릭 검수 가능.

관리자 라우트(/app/admin/**)는 이번 작업 범위가 아닙니다(변경 0건). 커뮤니티 실제 라우트는 신규 생성(백엔드 미연결, 디자인 완성본)이며, 결제/주문/출금/정산/인증 등 실제 mutation은 연결하지 않았습니다 — 모든 CTA는 mock/준비중입니다.
고객센터