사용자 화면 · 마켓 / 판매등록

판매등록 - 보증서 내용 확인

MKT-005 · 2026. 03. 04

화면 이름 판매등록 - 보증서 내용 확인
화면 위치 마켓 > 판매 등록 > 간편업로드 > 보증서 > 보증서 내용 확인
화면 ID MKT-005
작성일 2026. 03. 04
9:41
마켓 - 판매 등록 취소

작품 정보가 맞는지 확인해주세요

OCR 인식된 작품명
20YY.MM
카테고리 선택
OCR 인식된 재료
XX(호)
이전
다음
1
2
3
4
Description
0 화면 접근 조건
  • MKT-004에서 OCR 분석 완료 시 자동 진입
  • 로그인 사용자만 접근 가능
1 헤더
  • 구성
    • 좌측: 뒤로가기 아이콘
    • 중앙: 마켓 - 판매 등록
    • 우측: 취소 텍스트 버튼
  • 동작
    • 뒤로가기 클릭 시 MKT-004로 이동
    • 취소 버튼 클릭 시 MKT-012 확인 모달 노출
2 작품 정보 확인 안내 카피
  • "작품 정보가 맞는지 확인해주세요" 안내 문구 노출
  • OCR 분석 결과를 사용자가 검토하도록 유도
3 보증서 업로드 정보 입력 사항
  • OCR 자동 입력 필드
    • 작품명 — OCR 인식 시 자동 입력, 미인식 시 빈칸
    • 제작연도 — OCR 인식 시 자동 입력, 미인식 시 빈칸
    • 카테고리 — 드롭다운 선택, OCR 인식 시 자동 선택
    • 작품 재료 — OCR 인식 시 자동 입력, 미인식 시 빈칸
    • 작품 사이즈 — OCR 인식 시 자동 입력, 미인식 시 빈칸
  • 각 필드는 사용자가 직접 수정 가능
  • OCR 미인식 필드는 사용자 직접 입력 필요
4 이전/다음 버튼
  • 이전 버튼
    • 클릭 시 MKT-004로 이동
  • 다음 버튼
    • 필수 조건 충족 시 활성화
    • 클릭 시 MKT-006으로 이동
5 토스트 메시지 정의
  • 필수 조건 미충족 시
    • 토스트: "필수 항목을 모두 입력해주세요"
6 공통 규칙
  • 본 화면은 간편 업로드 Step 2 (보증서 내용 확인 단계)
  • OCR 결과가 자동으로 각 필드에 입력됨
  • 모든 필드는 사용자가 수정 가능

Design Output

UI 디자인 산출물

위 스토리보드 기획을 CHAART OS 디자인 토큰으로 변환한 결과물. 실제 구현 시 참조할 최종 디자인.

9:41
마켓 - 판매 등록 취소

작품 정보가 맞는지 확인해주세요

OCR 인식된 작품명
20YY.MM
카테고리 선택
OCR 인식된 재료
XX(호)
이전
다음
Applied Design Tokens
요소Token
전체 배경 --bg #FAFAF8
헤더 --sans · 14px · 600 Pretendard, --charcoal
안내 문구 --sans · 16px · 700 · --charcoal Pretendard, letter-spacing: -0.02em
입력 필드 --sans · 14px · border-bottom 1px --charcoal 40px height, 직각 (R=0)
플레이스홀더 --text-muted #888888
드롭다운 chevron-down · --charcoal 16px, square/miter stroke
이전/다음 버튼 --charcoal bg 48px, 직각, #fff text
좌우 패딩 24px 전체 콘텐츠 마진
Design Description

Update History

2026.03.04초기 디자인 작성
0 화면 접근 조건
  • MKT-004에서 OCR 분석 완료 시 자동 진입
  • 로그인 사용자만 접근 가능
1 헤더
  • 구성
    • 좌측: 뒤로가기 아이콘
    • 중앙: 마켓 - 판매 등록
    • 우측: 취소 텍스트 버튼
  • 동작
    • 뒤로가기 클릭 시 MKT-004로 이동
    • 취소 버튼 클릭 시 MKT-012 확인 모달 노출
2 작품 정보 확인 안내 카피
  • "작품 정보가 맞는지 확인해주세요" 안내 문구 노출
  • OCR 분석 결과를 사용자가 검토하도록 유도
3 보증서 업로드 정보 입력 사항
  • OCR 자동 입력 필드
    • 작품명 — OCR 인식 시 자동 입력, 미인식 시 빈칸
    • 제작연도 — OCR 인식 시 자동 입력, 미인식 시 빈칸
    • 카테고리 — 드롭다운 선택, OCR 인식 시 자동 선택
    • 작품 재료 — OCR 인식 시 자동 입력, 미인식 시 빈칸
    • 작품 사이즈 — OCR 인식 시 자동 입력, 미인식 시 빈칸
  • 각 필드는 사용자가 직접 수정 가능
  • OCR 미인식 필드는 사용자 직접 입력 필요
4 이전/다음 버튼
  • 이전 버튼
    • 클릭 시 MKT-004로 이동
  • 다음 버튼
    • 필수 조건 충족 시 활성화
    • 클릭 시 MKT-006으로 이동
5 토스트 메시지 정의
  • 필수 조건 미충족 시
    • 토스트: "필수 항목을 모두 입력해주세요"
6 공통 규칙
  • 본 화면은 간편 업로드 Step 2 (보증서 내용 확인 단계)
  • OCR 결과가 자동으로 각 필드에 입력됨
  • 모든 필드는 사용자가 수정 가능
← 이전 화면: MKT-004 다음 화면: MKT-006 →