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

프라이빗 세일 메인 화면

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 →