포인트페이 — 와이어프레임

포인트(P) 결제 모바일 앱의 15개 화면(0~14) 와이어프레임입니다. shadcn 디자인 시스템 토큰을 바인딩한 저채도 구조 시안이며, iOS(iPhone) 프레임에 실제 플로우대로 연결되어 있습니다. 각 폰의 버튼·링크를 눌러 화면 간 이동을 확인해 보세요.

Wireframe · 1차 Design System · shadcn Platform · iOS 프레임 (웹뷰) 화면 15 (0–14) + 상태 변형 2
메타마스크 전환 — [화면14]의 전환하기link.metamask.io 딥링크로 이동합니다. 전송 수량은 uint256 = 수량 × 10^18로 조립되며, 큰 수 정밀도 손실을 막기 위해 BigInt로 계산합니다. 딥링크의 address는 임의의 목업 입금지갑 주소입니다. · 전환 비율은 1 토큰 = 1 P로 가정.
① 온보딩
스플래시 → 로그인 → 메인 · 스플래시 → 회원가입
9:41
00 스플래시
9:41
01 로그인
9:41
02 회원가입
② 홈 & QR 결제
메인 → QR 스캔 → 결제 확인 → 결제 완료
9:41
03 메인 홈
9:41
04 QR 스캔
9:41
05 결제 확인
9:41
06 결제 완료
③ 마이페이지 & 지갑
메인 → 마이페이지(지갑 있음/없음) → 비밀번호 변경
9:41
07 마이페이지 · 지갑 있음
9:41
07b 마이페이지 · 지갑 없음
9:41
08 비밀번호 변경
④ 포인트 전환
마이페이지 → 전환 방법 선택 → 메타마스크 입금 · 직접 입금(주소·QR)
9:41
13 전환 방법 선택
9:41
14 메타마스크 입금
9:41
13b 직접 입금 · 주소·QR
⑤ 공지 & 포인트 내역
공지 목록 → 공지 상세 · 포인트 내역 → 내역 상세
9:41
09 공지사항 목록
9:41
12 공지 상세
9:41
10 포인트 내역
9:41
11 내역 상세