관리자 화면 · 백오피스 문의 관리
작품 문의 관리 메인
BO-INQ-001 · 2026. 03. 04
화면 이름
작품 문의 관리 메인
화면 위치
백오피스 > 로그인 진입 > 작품 문의 관리 메뉴 클릭
화면 ID
BO-INQ-001
작성일
2026. 03. 17
CHRT.
사용자 관리
사용자 감시
작품 관리
거래 관리
작품 문의 관리
●
작품 문의 관리
김관리 (관리자)
joonyoob.kim@chaart.co
이번달 기준 - 20YY.MM
검색필터
문의 기간
20YY.MM.DD
~
20YY.MM.DD
작가명
작가명을 입력해주세요.
카테고리
전체
문의
거래진행중
거래
배송 시작
완료 안됨
→
남은 미완료
고객 관심
관심있음
-
가 구매의사/정보를 선택해주세요.
| 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
| 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 디자인 토큰으로 변환한 결과물. 실제 구현 시 참조할 최종 디자인.
데스크톱 관리자 화면 — 와이어프레임과 동일 구조
토큰 적용 사항은 하단 테이블 참조
| 요소 | Token | 값 |
| 통계 KPI (3열) | --mono · 20px · 700 | TASA Orbiter, --charcoal |
| 탭 활성 | --red-brand bg | #961E23 + 흰 글자 |
| 테이블 헤더 | --neutral-95 bg | font-weight: 600, 10px |
| 마스킹 텍스트 | --charcoal | 김** 형태 (개인정보 보호) |
| 고객정보 확인 버튼 | --charcoal bg | #fff text, R=0 |
| 검색필터 | #fff bg + border | rgba(0,0,0,0.08), R=0 |
| 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)
- 모든 상태 변경은 로그 기록
|