모바일크게 보기 · 주석 ↗
LOGOT / REVIEW 45
별도 아임웹 구현 시험: 본품+패드 136,000원으로 주문서 진입 확인. 실제 주문서 확인 · 구현·검증 범위
현재 진행 상황과 초기 목록을 함께 보관합니다. 초기 목록의 항목은 삭제하지 않았습니다.
투명 미리보기·배경 10종 비교 · 사진·공통 상세 설명 관리 구조 · 47번 변경·검증 기록
47번 반영: 침구·빈백 홈 메뉴와 동일한 간격·굵기, 원래 사진으로 돌아갈 수 있는 미리보기 스크롤, 상품별 PC·모바일 원본 상세 복원, 가격 아래 요약 정렬, 추가 상품의 수동 연관목록 제거. 이번 변경 기록 · 보존한 46번
화면은 마무리 검토 단계. 다음은 침구 구성 완성 → 상품 이미지 점검 → 아임웹 적용 → 모바일·구매 검증 → 공개입니다. 아래의 ‘구현’은 로컬 시안 기준입니다. 놀이·부가 콘텐츠는 공개 후 추가합니다.
| 범위 | 현재까지 | 남은 일 | 상태 |
|---|---|---|---|
| HOME·침구 HOME | 첫 화면, 사진·영상 흐름, 품목 진입, 소재 소개 | 전체 화면 최종 검토, 운영 페이지 적용 | 시안 구현 |
| 침구 상품 | 이불커버·차렵이불·베개커버·패드, 컬러·사이즈·추가상품·수량·선택 구성 | 실제 상품별 사진·옵션·혜택·재고 연결 대조 | 시안 구현 |
| 빈백 | 홈 5개 장면 왕복·드래그, 훅·릴 프레임·프레임, 원단·컬러 선택 | 최종 시각 검토, 실제 상품 연결 | 41차까지 반영 |
| 튜토리얼·FAQ | 침구·빈백 본문 보존·재배치, 독립 FAQ와 작은 링크 | 운영 URL·검색 노출 설정 및 링크 확인 | 시안 구현 |
| 메뉴·STUFF·공통 UI | PC 하위 메뉴 한 줄·모바일 행 전체 펼침. 함께 구매는 탐색 후 우하단 담기, 수량·삭제는 선택한 구성에서 조절 | 로컬 14개 주요 화면과 320·390·780·801·1481px 확인. 실제 아임웹 연결·기기 검증은 공개 전 별도 | 시안 구현 |
| 컬러 조합 미리보기 | 투명 배경 최종본 이불커버 112개 + 차렵이불 196개 교체. 원본 해시·알파 채널 확인 | 아임웹 이미지 업로드 URL·실제 상품 옵션 이벤트 연결 | 45차 로컬 반영 |
| 내 침구 구성 | 품목·색·수량 선택과 구성 확인 동선 시안 | 여러 상품 담기와 합산 구매 실제 연결·검증 | 연동 남음 |
| 배경·미리보기 구도 | 기존 7색 + K 오커·L 올리브·M 블루. 기존 사진을 유지하고 왼쪽 갤러리 안에서 미리보기까지 스크롤. 컬러명 16px, 이미지·래퍼 투명 | 배경 최종 선택. 베개 1개 중앙 구도는 별도 이미지 준비 후 연결 | 47차 검토 |
| 상품 이미지·누끼 | 강제 흰 바탕 스타일 제거. 베개 누끼 24개·디테일 7개 준비됨. 13차부터 화면은 등록 상품 갤러리 사용 | 일상 관리는 아임웹 상품 등록에서 사진을 보며 순서 정리. 전달 폴더는 제작 원본 전달용. 회색 베개 옛 컬러 누끼는 사용 대상 제외. 정리 위치와 현황 | 자료 준비 / 적용 점검 |
| 모바일 고객 동선 | 이번 컬러 미리보기 390·320px: 잘림·넘침 없음, 색 변경·구성 추가/취소·새로고침 확인 | 공개 전 필수: 아임웹 미리보기에서 메뉴→상품→색·사이즈→추가·삭제→구성·금액→장바구니→주문서. 뒤로가기·재방문·고정바·확대·로딩 점검. 실제 iPhone Safari / Android Chrome 확인 | 오픈 전 검증 |
| 아임웹 구매 기능 | 26차 숨김 테스트 상품 74: 본품+패드 136,000원 장바구니·주문서 진입 시험 기록 | 전체 상품·회원/쿠폰/Npay·배송·재고 연결. 실제 결제·취소는 별도 승인 후 검증 | 일부 시험 |
| 기존 정보·리뷰 보존 | 원본 자료와 대조 기준 확보 | 적용 전후 설명·고시·리뷰·검색 정보·혜택·고객 기능 대조 | 최종 대조 남음 |
| 수면안대 | 신규 촬영본 대기 | 촬영본 전달 시 정면·착용·디테일 컷 확인 → 사진 선택·필요 보정·상품 화면 적용 | 촬영 후 작업 |
| 놀이·부가 콘텐츠 | 초기 목록 보존 | 오픈 후 시간에 맞춰 순차 추가 | 후순위 |
| 오픈 | 로컬 미리보기 검토 중 | 아임웹 적용 → 모바일·구매·정보 보존 검증 → 공개 | 미배포 |
차렵이불 미리보기 · 이불커버 미리보기 · 사진 정리 현황 · 빈백 · 아임웹 시험 기록 · 정보 이관 기준
| 순서 | 협의 중인 과제 | 남은 결정 |
|---|---|---|
| 현재 | 메인 HOME 마무리 | E를 우선 검토. 작은 장면 전환, 빈백 캠페인, 푸터 비중과 사진·카피 최종 선택. 아직 최종 승인 전. |
| 다음 | 침구 홈과 상품 화면의 구성 | 홈의 가벼운 상품 진입, 이불커버 우선 배치, 사진 흐름, 페이지마다 튀지 않는 배경·여백·버튼. 전체 제품샷을 가장 크게, 보조 컷과 컬러 동시 연동은 이번 시안에 반영. |
| 그다음 | 상품 선택부터 구매까지 | 컬러·사이즈를 어디서 선택하고 바로 담는지, 아임웹 기본 기능과 연결하는 범위. 상품을 다시 고르는 중복 단계 제거. |
| 그다음 | 장바구니와 혜택 표시 | 여러 종류·수량을 알아보기 쉽게 보여주는 방식, 쿠폰·적립금의 적용 위치와 조건, Npay 두 구매 경로의 안내. |
| 별도 운영 건 | 이번 5% 쿠폰 문의 | 확인된 주문·문의 경로와 아직 확인되지 않은 쿠폰 출처를 구분해 정리. 디자인 작업 전체를 다시 확장하지 않기. |
| 선택 기능 | 배색·조합 페이지 | 일반 장바구니보다 실제로 도움이 되는 범위부터 판단. 일괄 담기는 그다음. |
| 후순위 | 브랜드 놀이·콘텐츠 | 수면안대 착용 변화, 인물·인테리어 컬러 변경, 여우·넘어지는 모션·게임. |
| 최종 단계 | 아임웹 적용 | 전체 시연과 디자인 검토 후, 사진·옵션·재고·장바구니·결제를 연결하고 검증. |
실제 적용은 상품에 등록된 이미지와 순서를 사용합니다. 주력 침구는 1번 대표, 2·3번 보조, 나머지까지 한 장씩 보기에 표시합니다. 추가 아이템은 1번 대표와 나머지 사진 더 보기로 구성합니다. 연출·질감의 자동 분류나 자동 크롭은 하지 않습니다. 질감 이미지를 해당 칸에 보이게 하려면 그 순서에 등록해야 합니다.
이 로컬 시안은 상품 데이터의 저장된 사본으로 동작합니다. 관리 화면에서 사진을 바꾸어도 지금 HTML이 자동 갱신되지는 않습니다. 실제 아임웹 연결과 교체·재정렬 검증은 남아 있습니다.
일반 구매와 함께 구매는 아임웹 기본 기능을 우선 사용합니다. 독립 상품 여러 개를 한 번에 담는 ‘내 침구 구성’ 연결은 별도 검증 대상입니다.
적용·관리 기록 · 이번 주석 처리 기록 · 이전 기록