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

판매등록 - 직접 업로드 - 완료

MKT-011 · 2026. 03. 04

화면 이름 판매등록 - 직접 업로드 - 완료
화면 위치 마켓 > 판매 등록 > 직접업로드 완료 화면
화면 ID MKT-011
작성일 2026. 03. 04
9:41

작품 등록이 완료됐습니다

확인
1
Description
0 화면 접근 조건
  • MKT-010에서 완료 버튼 클릭 후 정상 처리 시 진입
  • 직접 업로드 플로우의 최종 완료 화면
  • 작품 등록 API가 정상적으로 처리된 이후에만 노출
1 완료 화면
  • 작품 등록이 성공적으로 완료되었음을 명확히 전달하는 피드백 화면
  • 구성
    • 완료 아이콘 (체크 마크)
    • 안내 문구: 작품 등록이 완료됐습니다
    • 하단 CTA 버튼: 확인
  • 동작
    • 본 화면은 정보 입력 불가한 읽기 전용 상태
    • 완료 문구 및 아이콘은 화면 중앙에 고정 노출
    • 확인 버튼 클릭 시 MKT-001로 이동
2 토스트 메시지 정의
  • 기본적으로 본 화면에서는 토스트 미노출
  • 단, 화면 자체 로드 시 네트워크 오류 발생 시 토스트 가능
3 공통 규칙
  • 본 화면 진입 시 직접 업로드 플로우 모든 입력 데이터는 초기화
  • 뒤로 가기 히스토리 없음
  • 확인 버튼 클릭 시 MKT-001로 이동
  • 판매 정책/검수 여부/마켓 운영 기준에 따라 결정됨

Design Output

UI 디자인 산출물

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

9:41

작품 등록이 완료됐습니다

확인
Applied Design Tokens
요소Token값
전체 배경 --bg #FAFAF8
완료 아이콘 체크마크 circle · --charcoal 64px, 1.5px stroke, square/miter
완료 문구 --sans · 18px · 700 Pretendard, --charcoal, center
확인 버튼 --charcoal bg · #fff 직각 (R=0), 50px height, 15px 600
홈 인디케이터 --charcoal 120×5px, border-radius: 5px
좌우 패딩 24px 전체 콘텐츠 마진
Design Description

Update History

2026.03.04초기 디자인 작성
0 화면 접근 조건
  • MKT-010에서 완료 버튼 클릭 후 정상 처리 시 진입
  • 직접 업로드 플로우의 최종 완료 화면
  • 작품 등록 API가 정상적으로 처리된 이후에만 노출
1 완료 화면
  • 작품 등록이 성공적으로 완료되었음을 명확히 전달하는 피드백 화면
  • 구성
    • 완료 아이콘 (체크 마크)
    • 안내 문구: 작품 등록이 완료됐습니다
    • 하단 CTA 버튼: 확인
  • 동작
    • 본 화면은 정보 입력 불가한 읽기 전용 상태
    • 완료 문구 및 아이콘은 화면 중앙에 고정 노출
    • 확인 버튼 클릭 시 MKT-001로 이동
2 토스트 메시지 정의
  • 기본적으로 본 화면에서는 토스트 미노출
  • 단, 화면 자체 로드 시 네트워크 오류 발생 시 토스트 가능
3 공통 규칙
  • 본 화면 진입 시 직접 업로드 플로우 모든 입력 데이터는 초기화
  • 뒤로 가기 히스토리 없음
  • 확인 버튼 클릭 시 MKT-001로 이동
  • 판매 정책/검수 여부/마켓 운영 기준에 따라 결정됨
← 이전 화면: MKT-010 다음 화면: MKT-012 →