AI 분석
주문 배송 추적 화면을 세로 타임라인에서 상태 히어로 카드와 가로 스텝퍼 구조로 재설계한 비교다.
연한 회청색 배경 위에 두 개의 폰 화면을 나란히 놓고 이전과 이후 버전을 비교한다. 이전 화면은 상품 카드, 세로 타임라인, 운송장 번호 행, 작은 지도, 테두리 버튼 순으로 쌓인 단일 칼럼 구성이다. 이후 화면은 3D 상자 일러스트가 들어간 연보라 그라데이션 상태 카드를 상단에 두고, 아이콘 노드가 있는 가로 진행 스텝퍼와 현재 위치 오버레이가 얹힌 큰 지도를 이어 배치한다. 하단에는 위치가 함께 표시되는 압축된 추적 업데이트 목록과 보라색 그라데이션 주요 버튼을 둔다. 정보 우선순위를 재배치해 핵심 상태를 먼저 보여주는 배송 추적 UX 개선 사례로 참고하기 좋다.
light-mode · minimal · soft-gradient · pastel
claude-opus-5-5 · 2026-10-16 06:01 · 신뢰도 0.92
