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

판매등록 - 업로드 방식 선택

MKT-003 · 2026. 03. 04

화면 이름 판매등록 - 업로드 방식 선택
화면 위치 마켓 > 판매 등록
화면 ID MKT-003
작성일 2026. 03. 04
9:41
판매 등록
간편 업로드
직접 업로드
1
2
3
Description
0 화면 접근 조건
  • 마켓 메인 화면(MKT-001)에서 판매등록 버튼 클릭 시 진입
  • 로그인 사용자만 접근 가능
  • 비로그인 사용자가 판매등록 버튼 클릭 시 로그인 화면 LOG-009 노출 후 로그인 완료 시 본 화면으로 이동
1 헤더
  • 좌측 뒤로가기 버튼
  • 중앙 타이틀 텍스트 판매 등록
  • 우측 없음
  • 뒤로가기 버튼 클릭 시 이전 화면(MKT-001)으로 이동
  • 입력 정보 없음 → 별도 확인 모달 없이 즉시 이동
2 간편 업로드 버튼
  • 보증 업로드 카드의 대형 카드 UI
  • 버튼 텍스트: 간편 업로드
  • 버튼 클릭 시 간편 판매등록 플로우 진행
  • 간편 업로드: 이미 보유하고 있는 디지털 보증서를 통해 OCR을 활용하여 빠른 등록을 원하는 사용자를 위한 경로
3 직접 업로드 버튼
  • 버튼 형태의 대형 카드 UI
  • 버튼 텍스트: 직접 업로드
  • 버튼 클릭 시 직접 판매등록 플로우 진행
  • 작품 정보 전체 입력 기반 등록 프로세스 시작
4 공통 규칙
  • 본 화면은 업로드 방식 선택 전용 화면
  • 실제 작품 데이터는 이 단계에서 생성되지 않음
  • 이후 진행 없이 뒤로가면 데이터 미생성
  • 최종적으로 통일된 판매등록 상세 프로세스로 연결
  • 업로드 방식 선택 이후 → 선택된 방식에 따른 플로우 진행
  • 동시 선택은 허용되지 않음(뒤로가기를 통해서만 재선택 가능)
  • 버튼은 즉시 경로 결정을 위해 클릭 즉시 비활성화 처리 가능

Design Output

UI 디자인 산출물

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

9:41
판매 등록
간편 업로드 보증서 OCR 자동 등록
직접 업로드 작품 정보 직접 입력
Applied Design Tokens
요소Token값
전체 배경 --bg #FAFAF8
헤더 --sans · 17px · 700 back arrow: square/miter, --charcoal
카드 배경 --paper + linen #F0EDE6, Paper-Catalog 메타포
카드 텍스트 --charcoal · --sans · 17px · 700 CHRT 워터마크 배경, 직각 (R=0)
카드 서브텍스트 --text-secondary · --sans · 12px #6B6B6B
카드 높이 ~280px · 직각 border-radius: 0 (직각 철학)
좌우 패딩 24px 전체 콘텐츠 마진
Design Description

Update History

2026.03.04초기 디자인 작성
0 화면 접근 조건
  • 마켓 메인 화면(MKT-001)에서 판매등록 버튼 클릭 시 진입
  • 로그인 사용자만 접근 가능
  • 비로그인 사용자가 판매등록 버튼 클릭 시 로그인 화면 LOG-009 노출 후 로그인 완료 시 본 화면으로 이동
1 헤더
  • 좌측 뒤로가기 버튼
  • 중앙 타이틀 텍스트 판매 등록
  • 우측 없음
  • 뒤로가기 버튼 클릭 시 이전 화면(MKT-001)으로 이동
  • 입력 정보 없음 → 별도 확인 모달 없이 즉시 이동
2 간편 업로드 버튼
  • 보증 업로드 카드의 대형 카드 UI
  • 버튼 텍스트: 간편 업로드
  • 버튼 클릭 시 간편 판매등록 플로우 진행
  • 간편 업로드: 이미 보유하고 있는 디지털 보증서를 통해 OCR을 활용하여 빠른 등록을 원하는 사용자를 위한 경로
3 직접 업로드 버튼
  • 버튼 형태의 대형 카드 UI
  • 버튼 텍스트: 직접 업로드
  • 버튼 클릭 시 직접 판매등록 플로우 진행
  • 작품 정보 전체 입력 기반 등록 프로세스 시작
4 공통 규칙
  • 본 화면은 업로드 방식 선택 전용 화면
  • 실제 작품 데이터는 이 단계에서 생성되지 않음
  • 이후 진행 없이 뒤로가면 데이터 미생성
  • 최종적으로 통일된 판매등록 상세 프로세스로 연결
  • 업로드 방식 선택 이후 → 선택된 방식에 따른 플로우 진행
  • 동시 선택은 허용되지 않음(뒤로가기를 통해서만 재선택 가능)
  • 버튼은 즉시 경로 결정을 위해 클릭 즉시 비활성화 처리 가능
← 이전 화면: MKT-002 다음 화면: MKT-004 →