오더히어로 앱 · 마이페이지
마이페이지 개선 v5 · 산출물 모음
기획 산출물 6종을 한 곳에 모았습니다. 각 카드를 눌러 해당 문서·화면을 새 탭에서 엽니다. (지라엔 이 페이지 링크 하나만 첨부)
산출물8종 버전v5 신규 메뉴취소 내역 · 거래명세서 (러닝메이트=구현됨) 기준2026.03 현행 대비
01

구조 · 정보설계

마이페이지 IAPages
전체 화면 27개 정보구조·명세표. v5 신규 3종(러닝메이트·취소 내역·거래명세서) 포함, 퀵메뉴·그룹 재편 반영.
열기
orderhero-mypage-ia.pages.dev
메뉴 트리 개선안Pages
현행 대비 v5 메뉴 재편(주문·혜택·결제·내정보 4그룹). 신규·이동·제거 항목과 구현 상태 정리.
열기
orderhero-mypage-menutree.pages.dev
02

화면 (프로토타입)

홈 개선 v5Pages
마이페이지 홈 Before/After 비교 + 주요 변경사항. Type 1 레이아웃 기준.
열기
orderhero-mypage-prototype.pages.dev
취소 내역신규 제작Worker
신규 화면. 리스트(부분/전체취소·환불) + 상세(취소 상품·환불 내역). STEP1·STEP2 한 페이지.
열기
orderhero-mypage-cancel.orderhero-morty.workers.dev
거래명세서신규 제작Worker
신규 메뉴(앞으로 빼기). 리스트에서 바로 PDF 다운로드 + 상세. STEP1·STEP2 한 페이지.
열기
orderhero-mypage-statement.orderhero-morty.workers.dev
03

가이드

문구 · 톤 가이드Pages
카피 작성 원칙(어체·호칭·레이블·빈 상태·에러) 및 용어 통일. before/after 예시.
열기
orderhero-mypage-toneguide.pages.dev
04

디자인 소스 (개발용)

디자인 토큰 (프로덕션 추출)FE용Pages
운영 서비스(Vue+Tailwind) CSS에서 실측한 색·타이포·라운드·섀도. tailwind.config + CSS/SCSS/JSON 파일 다운로드 제공. v5 화면을 프로덕션과 동일 스타일로 구현할 기준.
열기
orderhero-design-tokens.pages.dev
UI 컴포넌트 스펙FE용Pages
버튼·입력·카드·리스트·뱃지/칩·탭·토글·바텀네비 재사용 컴포넌트. 클래스명 + components.css 파일 다운로드.
열기
orderhero-design-components.pages.dev

신규 3종 구현 상태

이미 구현러닝메이트 — 이미 구현된 게이미피케이션 추천. 마이페이지에 노출만 추가(화면 제작 불필요).
신규 제작취소 내역 — 기존에 없던 화면. 리스트 + 상세 신규 제작.
신규 제작거래명세서 — 배송조회 상세 안쪽 PDF를 독립 메뉴로 앞으로 빼고 리스트 직접 다운로드. 리스트 + 상세 신규 제작 (기존 배송조회 상세 PDF는 유지).