사용자 화면 · 프라이빗 세일

프라이빗 세일 메인 화면

PRS-001 · 2026. 03. 04

화면 이름 프라이빗 세일 메인 화면
화면 위치 프라이빗 세일
화면 ID PRS-001
작성일 2026. 03. 04
9:41
프라이빗 세일

차트 전문 매니저가
원하는 작품을
조용히 찾아드립니다

작품 구해요
프라이빗 세일 매물수 1,234개
작품 팔아요
프라이빗 세일 의뢰인 123명
마켓
PS
MY
1
2
3
4
Description
0 화면 접근 조건
  • 하단 GNB 내 "프라이빗 세일" 탭 클릭 시 진입
  • 로그인 여부와 무관하게 접근 가능
  • PS 탭 선택 시 GNB 하이라이트 상태 유지, 이전 활동이 없으면 기본 화면 유지
  • 이전 탭 스크롤 위치와 프라이빗 세일 화면 상단으로 리셋하여 노출
1 헤더
  • 구성
    • 타이틀 텍스트 : "프라이빗 세일"
  • 동작
    • 별도 액션 없음
2 카피/안내 배너
  • 구성
    • 프라이빗 세일 서비스 브리프 안내
    • 텍스트로 공지 배너로 갈지 미정
  • 동작
    • 클릭 시, 프라이빗 세일 안내 페이지로 이동(공지사항 상세 게시글)
3 작품 구해요 버튼
  • 구매 요청 플로우 진입
    • 구성
      • 카드형 버튼 영역
      • 라벨 : "작품 구해요"
      • 보조 텍스트 : "프라이빗 세일 매물수 (n)개"
      • (n)은 서버 기준 실시간 매물수
  • 동작
    • 로그인 상태
      • 버튼 클릭 시, 작품 구매 요청 입력 화면으로 이동 (PRS-002)
    • 비로그인 사용자 클릭 시
      • 로그인 안내 모달(LOG-009) 노출
4 작품 팔아요 버튼
  • 판매 등록 플로우 진입
    • 구성
      • 카드형 버튼 영역
      • 라벨 : "작품 팔아요"
      • 보조 텍스트 : "프라이빗 세일 의뢰인 (n)명"
      • (n)은 서버 기준 현재 판매 의뢰수
  • 동작
    • 로그인 상태
      • 버튼 클릭 시, 작품 판매 요청 입력 화면으로 이동 (PRS-003)
    • 비로그인 사용자 클릭 시
      • 로그인 안내 모달(LOG-009) 노출
5 공통 규칙
  • 본 화면은 프라이빗 세일의 진입 화면 역할 수행
  • 본 화면을 시작으로 진입 플로우는 즉시 미등, 비로그인 시 로그인 안내모달 노출
  • 매물 수 의뢰수는 수 스토리보드로 관련 진입 시 1회 조회
  • 스케줄에 따른 추가 조회 로직은 없음
  • 서버 데이터 미수신 시
    • 기본값(0) 노출
  • 화면 기능은 정상 작동
  • 배너 영역은 전체 카드 형 영역 터치 시 동일 동작 수행

Design Output

UI 디자인 산출물

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

9:41
프라이빗 세일

차트 전문 매니저가
원하는 작품을
조용히 찾아드립니다

CHRT. Private
작품 구해요
프라이빗 세일 매물수 1,234개
작품 팔아요
프라이빗 세일 의뢰인 123명
마켓
PS
MY
Applied Design Tokens
요소Token
전체 배경 --bg #FAFAF8
헤더 타이틀 --sans · 17px · 700 Pretendard, --charcoal, letter-spacing: -0.02em
히어로 카피 --sans · 20px · 700 Pretendard, --charcoal, letter-spacing: -0.03em
카드 버튼 배경 --charcoal bg · 140px 직각 (R=0)
카드 라벨 뱃지 --red-brand bg #961E23, --mono 10px
카드 텍스트 --sans · 16px · 600 Pretendard, #fff, letter-spacing: -0.01em
Paper-Catalog 히어로 --paper + linen CHRT 모노그램 emboss, --red-brand bar
탭바 활성 (PS) --charcoal · 600 weight 비활성: rgba(26,26,26,0.06) bg + --text-muted
좌우 패딩 24px 전체 콘텐츠 마진
Design Description

Update History

2026.03.04초기 디자인 작성
0 화면 접근 조건
  • 하단 GNB 내 "프라이빗 세일" 탭 클릭 시 진입
  • 로그인 여부와 무관하게 접근 가능
  • PS 탭 선택 시 GNB 하이라이트 상태 유지, 이전 활동이 없으면 기본 화면 유지
  • 이전 탭 스크롤 위치와 프라이빗 세일 화면 상단으로 리셋하여 노출
1 헤더
  • 구성
    • 타이틀 텍스트 : "프라이빗 세일"
  • 동작
    • 별도 액션 없음
2 카피/안내 배너
  • 구성
    • 프라이빗 세일 서비스 브리프 안내
    • 텍스트로 공지 배너로 갈지 미정
  • 동작
    • 클릭 시, 프라이빗 세일 안내 페이지로 이동(공지사항 상세 게시글)
3 작품 구해요 버튼
  • 구매 요청 플로우 진입
    • 구성
      • 카드형 버튼 영역
      • 라벨 : "작품 구해요"
      • 보조 텍스트 : "프라이빗 세일 매물수 (n)개"
      • (n)은 서버 기준 실시간 매물수
  • 동작
    • 로그인 상태
      • 버튼 클릭 시, 작품 구매 요청 입력 화면으로 이동 (PRS-002)
    • 비로그인 사용자 클릭 시
      • 로그인 안내 모달(LOG-009) 노출
4 작품 팔아요 버튼
  • 판매 등록 플로우 진입
    • 구성
      • 카드형 버튼 영역
      • 라벨 : "작품 팔아요"
      • 보조 텍스트 : "프라이빗 세일 의뢰인 (n)명"
      • (n)은 서버 기준 현재 판매 의뢰수
  • 동작
    • 로그인 상태
      • 버튼 클릭 시, 작품 판매 요청 입력 화면으로 이동 (PRS-003)
    • 비로그인 사용자 클릭 시
      • 로그인 안내 모달(LOG-009) 노출
5 공통 규칙
  • 본 화면은 프라이빗 세일의 진입 화면 역할 수행
  • 본 화면을 시작으로 진입 플로우는 즉시 미등, 비로그인 시 로그인 안내모달 노출
  • 매물 수 의뢰수는 수 스토리보드로 관련 진입 시 1회 조회
  • 스케줄에 따른 추가 조회 로직은 없음
  • 서버 데이터 미수신 시
    • 기본값(0) 노출
  • 화면 기능은 정상 작동
  • 배너 영역은 전체 카드 형 영역 터치 시 동일 동작 수행
← 이전 화면: MYP-016 다음 화면: PRS-002 →