관리자 화면 · 백오피스 문의 관리

작품 문의 관리 메인

BO-INQ-001 · 2026. 03. 04

화면 이름 작품 문의 관리 메인
화면 위치 백오피스 로그인 진입 > 작품 문의 관리 메뉴 클릭
화면 ID BO-INQ-001
작성일 2026. 03. 17
화면 이름 작품 문의 관리 메인 화면 위치 백오피스 > 로그인 진입 > 작품 문의 관리 메뉴 클릭
화면 ID BO-INQ-001 작성일 2026. 03. 17
CHRT.
사용자 관리
사용자 감시
작품 관리
거래 관리
작품 문의 관리
작품 문의 관리
김관리 (관리자) joonyoob.kim@chaart.co
전체
마켓
프라이빗 세일
이번달 기준 - 20YY.MM
전체 문의/거래수
1,234,567
누적 거래금액
1,234,000
누적 거래건수
567
검색필터
문의 기간
20YY.MM.DD ~ 20YY.MM.DD
작가명 작가명을 입력해주세요. 카테고리
전체 문의 거래진행중 거래
배송 시작
완료 안됨 남은 미완료
고객 관심
관심있음 - 가 구매의사/정보를 선택해주세요.
초기화
조회
작품 문의/거래 리스트 10개씩 보기 ▼
고객정보 확인
no 연락처 문의/거래 이메일 작가명 구성 카테고리 1차 금액(원) 1차 세팅금액 상태 문의 일시 거래 완성 일시 상태 확인
10 김** abc@chaart.co 마켓 김움직임 원화 1,000,000 1차 세팅가/1차/거래 문의접수중 20YY. MM. DD HH:MM 20YY. MM. DD HH:MM -
9 김** abc@chaart.co 프라이빗 세일 이동감응 판화 5,000,000 1차 세팅가/1차 거래진행중 20YY. MM. DD HH:MM - -
8 김** abc@chaart.co 마켓 박풍경이 기타 85,000,000 거래 문의접수중 20YY. MM. DD HH:MM - -
7 김** abc@chaart.co 프라이빗 세일 김지연 홍길화 원화 500,000,000 거래 거래완료 20YY. MM. DD HH:MM 20YY. MM. DD HH:MM -
6 김** abc@chaart.co 마켓 김지 판화 40,000,000,000 거래 거래완료 20YY. MM. DD HH:MM 20YY. MM. DD HH:MM -
« 1 2345 »
0
1
2
3
4
5
Description
0 화면 접근 조건
  • 백오피스 로그인 후 좌측 메뉴에서 [작품 문의 관리] 클릭 시 진입
  • 관리자 권한 필요
  • 마켓/프라이빗 세일 문의를 통합 관리하는 화면
1
  • 구성: 전체 / 마켓 / 프라이빗 세일
  • 동작
    • 활성 탭: 빨간 배경 + 흰 글자
    • 탭 전환 시 리스트 및 통계 데이터 필터링
2 통계 카드
  • 구성: 3개 KPI
    • 전체 문의/거래수
    • 누적 거래금액
    • 누적 거래건수
  • 이번달 기준 데이터
3 검색필터
  • 구성
    • 문의 기간: 날짜 범위 선택
    • 작가명: 텍스트 입력
    • 카테고리: 전체 / 문의 / 거래진행중 / 거래
    • 배송 시작: 완료 안됨 / 남은 미완료
    • 고객 관심: 구매의사/정보 선택
  • 초기화: 모든 필터 클리어
  • 조회: 필터 조건에 따라 리스트 조회
4 문의/거래 리스트
  • 테이블 컬럼
    • no / 연락처 / 문의/거래 이메일 / 작가명 / 구성 / 카테고리
    • 1차 금액(원) / 1차 세팅금액 / 상태 / 문의 일시 / 거래 완성 일시 / 상태 확인
  • 동작
    • 고객정보 확인 버튼: 비밀번호 입력 모달(BO-INQ-002 #1) 노출 후 확인
    • 상태 확인 컬럼: 고객 정보 확인 후 [고객 정보 확인] 버튼 클릭 시 활성화
    • 리스트에서 [고객 정보 확인] 클릭 시 작품 문의 상태 변경 모달(BO-INQ-002 #2) 노출
5 작품 리스트
  • 페이지당 표시 개수: 10개씩 보기 드롭다운
  • 페이지네이션: 하단 페이지 번호 네비게이션
  • 연락처는 개인정보 보호를 위해 마스킹 처리 (예: 김**)
6 공통 규칙
  • 개인정보(연락처, 이메일)는 관리자 인증 후에만 원본 노출
  • 고객 정보 확인 시 비밀번호 인증 필수 (BO-INQ-002 #1)
  • 상태 변경은 비밀번호 인증 + 드롭다운 선택 (BO-INQ-002 #2)
  • 모든 상태 변경은 로그 기록

Design Output

UI 디자인 산출물

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

작품 문의 관리
데스크톱 관리자 화면 — 와이어프레임과 동일 구조
토큰 적용 사항은 하단 테이블 참조
Applied Design Tokens
요소Token
통계 KPI (3열)--mono · 20px · 700TASA Orbiter, --charcoal
탭 활성--red-brand bg#961E23 + 흰 글자
테이블 헤더--neutral-95 bgfont-weight: 600, 10px
마스킹 텍스트--charcoal김** 형태 (개인정보 보호)
고객정보 확인 버튼--charcoal bg#fff text, R=0
검색필터#fff bg + borderrgba(0,0,0,0.08), R=0
Design Description

Update History

2026.03.04초기 디자인 작성
0 화면 접근 조건
  • 백오피스 로그인 후 좌측 메뉴에서 [작품 문의 관리] 클릭 시 진입
  • 관리자 권한 필요
  • 마켓/프라이빗 세일 문의를 통합 관리하는 화면
1
  • 구성: 전체 / 마켓 / 프라이빗 세일
  • 동작
    • 활성 탭: 빨간 배경 + 흰 글자
    • 탭 전환 시 리스트 및 통계 데이터 필터링
2 통계 카드
  • 구성: 3개 KPI
    • 전체 문의/거래수
    • 누적 거래금액
    • 누적 거래건수
  • 이번달 기준 데이터
3 검색필터
  • 구성
    • 문의 기간: 날짜 범위 선택
    • 작가명: 텍스트 입력
    • 카테고리: 전체 / 문의 / 거래진행중 / 거래
    • 배송 시작: 완료 안됨 / 남은 미완료
    • 고객 관심: 구매의사/정보 선택
  • 초기화: 모든 필터 클리어
  • 조회: 필터 조건에 따라 리스트 조회
4 문의/거래 리스트
  • 테이블 컬럼
    • no / 연락처 / 문의/거래 이메일 / 작가명 / 구성 / 카테고리
    • 1차 금액(원) / 1차 세팅금액 / 상태 / 문의 일시 / 거래 완성 일시 / 상태 확인
  • 동작
    • 고객정보 확인 버튼: 비밀번호 입력 모달(BO-INQ-002 #1) 노출 후 확인
    • 상태 확인 컬럼: 고객 정보 확인 후 [고객 정보 확인] 버튼 클릭 시 활성화
    • 리스트에서 [고객 정보 확인] 클릭 시 작품 문의 상태 변경 모달(BO-INQ-002 #2) 노출
5 작품 리스트
  • 페이지당 표시 개수: 10개씩 보기 드롭다운
  • 페이지네이션: 하단 페이지 번호 네비게이션
  • 연락처는 개인정보 보호를 위해 마스킹 처리 (예: 김**)
6 공통 규칙
  • 개인정보(연락처, 이메일)는 관리자 인증 후에만 원본 노출
  • 고객 정보 확인 시 비밀번호 인증 필수 (BO-INQ-002 #1)
  • 상태 변경은 비밀번호 인증 + 드롭다운 선택 (BO-INQ-002 #2)
  • 모든 상태 변경은 로그 기록
← 이전 화면: BO-ART-004 다음 화면: BO-INQ-002 →