마이페이지 홈 개선 v4
Before / Type 1 (1컬럼+아이콘) / Type 2 (2컬럼+그룹헤더)
전체 비교
Before
Type 1
Type 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번째 슬롯 [논의]
— 사장님 사용 데이터 기반으로 결정 예정
단점
아이콘 없어 텍스트 스캔 의존. 그룹헤더 가독성이 중요