[작업 개요] 실제 쇼핑몰 점검에서 자주 나온 문제를 모바일 화면 기준으로 다시 설계한 사례입니다. 업체명은 공개하지 않고 가상 브랜드로 재구성했습니다. [상품 상세] 문제: 수량 할인 조건이 배너 이미지 안에만 있고, 화면의 총액이 실제 계산과 다름 개선: 수량별 개당 가격표를 화면에 직접 넣고, 하단 고정 바에 단가, 수량, 총액을 함께 표시 [장바구니] 문제: 배송비를 결제 단계에서야 알 수 있고, 품절 상품이 합계에 섞여 주문 오류 발생 개선: 무료배송까지 남은 금액 표시, 품절 상품 자동 제외와 재입고 알림, 금액 요약 카드 [메뉴와 문의] 문제: 일부 메뉴가 404로 연결되고, 상담 아이콘이 종료된 채널로 연결 개선: 상품이 있는 카테고리만 노출, 메뉴 링크 전수 확인, 운영시간과 함께 문의 방법 선택 화면 [진행 방식] 57개 항목 점검, 문제 위치 표시, 개선 시안, 수정 후 같은 시나리오로 재점검 순서로 진행합니다. [참고] 화면은 개선 시안이며 Figma로 작업했습니다.

표지: 점검 결과를 디자인으로 고칩니다

상품 상세 Before/After: 할인 조건과 총액 정리

장바구니 Before/After: 배송비와 품절을 결제 전에

메뉴와 문의 Before/After: 깨진 링크와 끊긴 상담 채널

재점검 체크리스트: 고친 뒤 같은 시나리오로 다시 확인