[YETI] 고객지원 사이드패널

화면 정보

Screen ID	Screen Title	진입 조건
SUPP-SIDE-01	고객지원 사이드패널	헤더 고객지원 버튼 클릭 — 글로벌 네비게이션 참고

개요

헤더의 “고객지원” 클릭 시 우측에서 오버레이로 열리는 사이드패널. 주문 조회와 고객지원 링크 모음으로 구성된다.

레이아웃

┌──────────────────────────────┐
│  고객지원              [✕]   │
├──────────────────────────────┤
│  주문 조회                   │
│  ─────────────────           │
│  [이름                     ] │
│  [휴대폰번호               ] │
│  [주문번호                 ] │
│                              │
│  [        주문 조회         ] │
├──────────────────────────────┤
│  고객지원                    │
│  ─────────────────           │
│  자주 묻는 질문              │
│  문의하기                    │
│  공지사항                    │
│  보증 안내                   │
└──────────────────────────────┘

주문 조회

회원·비회원 구분 없이 누구나 사용 가능.

항목	내용
이름	주문 시 입력한 이름
휴대폰번호	주문 시 입력한 휴대폰번호
주문번호	주문 완료 후 발급된 주문번호
주문 조회 버튼	3개 필드 모두 입력 후 클릭 → 주문 조회 결과 화면으로 이동 — 주문 조회 참고
조회 실패 시	토스트 메시지 표시: “주문 내역을 불러올 수 없습니다. 주문자 이름, 전화번호, 주문번호가 올바른지 확인해주세요.”

조회 실패 토스트 메시지

항목	내용
노출 위치	화면 하단 중앙
노출 시점	주문 조회 버튼 클릭 후 조회 실패(일치하는 주문 없음) 시
메시지	“주문 내역을 불러올 수 없습니다. 주문자 이름, 전화번호, 주문번호가 올바른지 확인해주세요.”
자동 닫힘	노출 후 일정 시간 뒤 자동 사라짐 (지속 시간은 디자인팀 확정)
인풋 상태	토스트 노출 중에도 인풋 필드는 수정 가능 — 재조회 가능

고객지원 링크

항목	이동 화면
자주 묻는 질문	FAQ 화면 — About Us · FAQ
문의하기	Contact Us 화면 — About Us · FAQ > Contact Us
공지사항	공지사항 화면 — News
보증 안내	보증 안내 화면

모바일

모바일에서는 사이드패널이 아닌 전체 화면으로 표시된다. 상세 레이아웃은 피그마 참고.

합격 기준

변경 이력

버전	날짜	변경 내용
v1.2	2026-07-23	조회 실패 피드백을 인풋 하단 오류 메시지 → 토스트 메시지로 변경. 토스트 위치·자동닫힘·인풋 수정 가능 정책 추가
v1.1	2026-07-23	진입 조건 global-navigation 링크 연결. 주문 조회 회원·비회원 모두 가능 명시, 필드 설명 보강
v1.0	2026-07-09	최초 작성 — 주문 조회 폼, 고객지원 링크(FAQ·문의하기·공지사항·보증안내)