마이페이지 홈 개선 v4

Before / Type 1 (1컬럼+아이콘) / Type 2 (2컬럼+그룹헤더)

Before — 현재
현재 마이페이지 홈
현재 문제점
구조메뉴 그룹핑 없음 — 내정보/고객지원 2개 그룹만 있어 맥락 구분이 어려움
구조결제 관련이 분산 — 결제내역은 내정보에, 결제수단은 퀵메뉴에
구조회원 탈퇴 위치 부적절 — 고객 지원 그룹 내 배치
UX오더박스 맥락 불명확 — 프로필 영역에 덩그러니 배치
UX등급 혜택 진입 어려움 — LV 뱃지 클릭해야만 접근 가능
UX오더패스 유도 없음 — 달성 목표·진행률 미표시
Type 1 — 1컬럼 + 아이콘
9:41
마이페이지
2
M
morty테스트 사장님
ID 1096198683 · 동부 성동
LV1
처음 만난 사이
오더패스까지34만 / 100만원
66만원 더 결제하면 다음달 오더패스! 혜택 ›
주문 가능 잔액0원
주문·배송
쿠폰
결제내역
주문·배송
주문 조회
배송 조회
오더박스
보관 중인 박스 0개
혜택
쿠폰
등급·혜택
LV1 · 처음 만난 사이
결제
결제수단 관리
결제내역 조회
내정보
회원정보
배송지 관리
알림 설정
고객센터
공지사항
자주 묻는 질문
이용 안내
상품 추가 요청
로그아웃
회원 탈퇴
Before 대비 개선 (공통)
신규오더패스 프로그레스 바 — 이번달 진행률 + 달성 시 혜택 유도
신규등급·혜택 메뉴 노출 — 뱃지 클릭 외 메뉴에서도 직접 접근
이동결제 그룹 통합 — 결제수단·결제내역 한 그룹으로
이동회원 탈퇴 하단 분리 — 고객센터 그룹에서 하단 단독으로
조건부예치금 조건부 노출 — 잔액 0원 시 숨김
퀵메뉴퀵메뉴 교체 — 결제수단 제거 → 결제내역으로 교체
Type 1만의 특징
디자인블루 헤더 통일 — 상태바~프로필 블루 연결. 시각적 계층 명확
메뉴1컬럼 + 컬러 아이콘 — 그룹별 색상으로 직관적 스캔. 서브텍스트 추가 가능
단점전체 메뉴 보려면 스크롤 필요. 기존 레이아웃과 변화 폭 큼
Type 2 — 2컬럼 + 그룹헤더
9:41
마이페이지
2
LV1
morty테스트 사장님
ID 1096198683
동부 성동
주문 가능 잔액0원
오더패스까지34만 / 100만원
66만원 더 결제하면 다음달 오더패스!혜택 보기 ›
주문·배송
쿠폰
결제내역
[논의]
보관중인 오더박스
현재 보관 현황
0개
주문·배송
주문 조회
배송 조회
혜택
쿠폰
등급·혜택
결제
결제수단 관리
결제내역 조회
내정보
회원정보
배송지 관리
알림 설정
고객센터
공지사항
자주 묻는 질문
이용 안내
상품 추가 요청
로그아웃
회원 탈퇴
Before 대비 개선 (공통)
신규오더패스 프로그레스 바 — 이번달 진행률 + 달성 시 혜택 유도
신규등급·혜택 메뉴 노출 — 뱃지 클릭 외 메뉴에서도 직접 접근
이동결제 그룹 통합 — 결제수단·결제내역 한 그룹으로
이동회원 탈퇴 하단 분리 — 고객센터 그룹에서 하단 단독으로
조건부예치금 조건부 노출 — 잔액 0원 시 숨김
퀵메뉴퀵메뉴 교체 — 결제수단 제거 → 결제내역으로 교체
Type 2만의 특징
레이아웃2컬럼 유지 — 기존과 동일한 레이아웃. 사장님 학습 비용 없음
메뉴그룹 헤더만 추가 — 최소 변경으로 구분감 확보. 스크롤 적음
오더박스info 카드로 분리 — 클릭 불필요. 보관 수량만 뱃지로 표시
퀵메뉴4번째 슬롯 [논의] — 사장님 사용 데이터 기반으로 결정 예정
단점아이콘 없어 텍스트 스캔 의존. 그룹헤더 가독성이 중요