관리자 화면 · 백오피스 작품 관리

작품 관리 메인

BO-ART-001 · 2026. 03. 04

화면 이름 작품 관리 메인

화면 위치 백오피스 로그인 진입 > 작품 관리 메뉴 클릭

화면 ID BO-ART-001

작성일 2026. 03. 04

화면 유형 작품 관리 메인 화면 위치 백오피스 로그인 진입 > 작품 관리 메뉴 클릭

화면 ID BO-ART-001 작성일 2026. 02. 26

CHRT.

사용자 관리

사용자 감시

작품 관리

거래 관리

작품 문의 관리

● 작품 관리

김관리 (관리자) joonyoob.kim@chaart.co

전체

마켓

프라이빗 세일

비공개

이번달 기준 - 20YY.MM

전체 작품수

1,234,567

거래 완성된 작품수

567

거래 미완성된 작품 수

1,234,000

매출 (원)

¥ 70,500,000,000

검색필터

등록일

20YY.MM.DD ~ 20YY.MM.DD

작가명 작가명을 입력해주세요. 카테고리

전체 원화(페인팅) 판화(프린트) 아트토이 기타

상태

활성 문의 중 거래 진행중 배송 중 거래 완료 거래 취소

초기화

조회

작품 리스트 10개씩 보기 ▼

엑셀 다운로드

작품 업로드

대량 업로드

no	작가명	구성	카테고리	사이즈(호)	정산 금액	판매 가격	상태	등록 일시	상세보기
10	김움직임	마켓	원화	100	1,000,000	거래 중	20YY. MM. DD HH:MM	20YY. MM. DD HH:MM	상세보기
9	이동감응	프라이빗 세일	원화(페인팅)	50	10,000,000	거래 완료	20YY. MM. DD HH:MM	20YY. MM. DD HH:MM	-
8	박풍경이	비공개	아트토이	10	100,000,000	거래 중	20YY. MM. DD HH:MM	20YY. MM. DD HH:MM	상세보기
7	김지연 홍길화	마켓	기타	100	500,000,000	거래 완료	20YY. MM. DD HH:MM	20YY. MM. DD HH:MM	-
6	김지	프라이빗 세일	원화	50	60,000,000,000	거래 중	20YY. MM. DD HH:MM	20YY. MM. DD HH:MM	-
5	이번	비공개	판화(프린트)	10	30,000,000	거래 완료	20YY. MM. DD HH:MM	20YY. MM. DD HH:MM	상세보기
4	김지혁	마켓	아트토이	100	40,000,000	거래 중	20YY. MM. DD HH:MM	20YY. MM. DD HH:MM	상세보기
3	홍길옥	프라이빗 세일	기타	50	500,000	거래 완료	20YY. MM. DD HH:MM	20YY. MM. DD HH:MM	-
2	작가명이 라함	비공개	원화	10	50,000,000	거래 중	20YY. MM. DD HH:MM	20YY. MM. DD HH:MM	-
1	작가명이 이름인사람	마켓	원화(페인팅)	100	20,000,000	거래 완료	20YY. MM. DD HH:MM	20YY. MM. DD HH:MM	상세보기

« 1 2 3 4 5 6 7 8 9 10 »

Description

0	GNB	백오피스 로그인 진입 시 GNB 노출 구성 화면 이름 / 화면 위치 / 화면 ID / 작성일 관리자 이름 + 이메일 표시
1	좌측 메뉴	구성 CHRT. 로고 메뉴 항목: 사용자 관리, 사용자 감시, 작품 관리, 거래 관리, 작품 문의 관리 동작 현재 활성 메뉴는 배경색 강조 + 폰트 굵기 700 메뉴 클릭 시 해당 화면으로 이동
2	탭	구성: 전체 / 마켓 / 프라이빗 세일 / 비공개 동작 활성 탭: 빨간 배경 + 흰 글자 탭 전환 시 리스트 데이터 필터링 통계 카드 값도 해당 탭 기준으로 변경
3	통계 카드	구성: 4개 KPI 카드 전체 작품수 거래 완성된 작품수 거래 미완성된 작품 수 매출 (원) 이번달 기준 데이터 표시 탭 전환 시 해당 카테고리 기준으로 값 변경
4	검색필터	구성 등록일: 날짜 범위 선택 (캘린더 피커) 작가명: 텍스트 입력 카테고리: 전체 / 원화(페인팅) / 판화(프린트) / 아트토이 / 기타 상태: 활성 / 문의 중 / 거래 진행중 / 배송 중 / 거래 완료 / 거래 취소 동작 초기화 버튼: 모든 필터 조건 클리어 조회 버튼: 필터 조건에 따라 리스트 조회
5	작품 리스트	구성 페이지당 표시 개수 선택 (10개씩 보기 드롭다운) 엑셀 다운로드 버튼 작품 업로드 버튼 → BO-ART-003으로 이동 대량 업로드 버튼 테이블 컬럼 no / 작가명 / 구성 / 카테고리 / 사이즈(호) / 정산 금액 / 판매 가격 / 상태 / 등록 일시 / 거래 완성 일시 / 상세보기 동작 상세보기 클릭 시 BO-ART-002(작품 관리 상세보기)로 이동 엑셀 다운로드 클릭 시 엑셀 다운로드 모달(BO-ART-004 #1) 노출
6	페이지네이션	하단 페이지 번호 표시 좌/우 화살표로 페이지 이동 현재 페이지 번호 굵은 글씨 강조

Design Output

UI 디자인 산출물

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

작품 관리

데스크톱 관리자 화면 — 와이어프레임과 동일 구조
토큰 적용 사항은 우측 테이블 참조

Applied Design Tokens

요소	Token	값
전체 배경	`--bg`	#FAFAF8
좌측 사이드바	`--sidebar-width`	120px, 배경: #fff, 활성: `--neutral-95`
탭 활성	`--red-brand` bg	#961E23 + 흰 글자
탭 비활성	#fff bg + `--charcoal`	border: rgba(0,0,0,0.08)
통계 KPI	`--mono` · 20px · 700	TASA Orbiter, `--charcoal`
검색필터 영역	#fff bg + border	rgba(0,0,0,0.08) border, R=0
데이터 테이블 헤더	`--neutral-95` bg	font-weight: 600, `--charcoal`
테이블 본문	`--sans` · 11px	border: rgba(0,0,0,0.06)
상세보기 링크	`--red-brand`	클릭 시 BO-ART-002 이동
CTA 버튼	`--charcoal` / `--red-brand`	R=0, 폰트 11px, padding 6px 14px
페이지네이션	`--mono` · 11px	활성: `--charcoal` 700, 비활성: `--text-muted`

Design Description

Update History

2026.03.04초기 디자인 작성

0	GNB	백오피스 로그인 진입 시 GNB 노출 구성 화면 이름 / 화면 위치 / 화면 ID / 작성일 관리자 이름 + 이메일 표시
1	좌측 메뉴	구성 CHRT. 로고 메뉴 항목: 사용자 관리, 사용자 감시, 작품 관리, 거래 관리, 작품 문의 관리 동작 현재 활성 메뉴는 배경색 강조 + 폰트 굵기 700 메뉴 클릭 시 해당 화면으로 이동
2	탭	구성: 전체 / 마켓 / 프라이빗 세일 / 비공개 동작 활성 탭: 빨간 배경 + 흰 글자 탭 전환 시 리스트 데이터 필터링 통계 카드 값도 해당 탭 기준으로 변경
3	통계 카드	구성: 4개 KPI 카드 전체 작품수 거래 완성된 작품수 거래 미완성된 작품 수 매출 (원) 이번달 기준 데이터 표시 탭 전환 시 해당 카테고리 기준으로 값 변경
4	검색필터	구성 등록일: 날짜 범위 선택 (캘린더 피커) 작가명: 텍스트 입력 카테고리: 전체 / 원화(페인팅) / 판화(프린트) / 아트토이 / 기타 상태: 활성 / 문의 중 / 거래 진행중 / 배송 중 / 거래 완료 / 거래 취소 동작 초기화 버튼: 모든 필터 조건 클리어 조회 버튼: 필터 조건에 따라 리스트 조회
5	작품 리스트	구성 페이지당 표시 개수 선택 (10개씩 보기 드롭다운) 엑셀 다운로드 버튼 작품 업로드 버튼 → BO-ART-003으로 이동 대량 업로드 버튼 테이블 컬럼 no / 작가명 / 구성 / 카테고리 / 사이즈(호) / 정산 금액 / 판매 가격 / 상태 / 등록 일시 / 거래 완성 일시 / 상세보기 동작 상세보기 클릭 시 BO-ART-002(작품 관리 상세보기)로 이동 엑셀 다운로드 클릭 시 엑셀 다운로드 모달(BO-ART-004 #1) 노출
6	페이지네이션	하단 페이지 번호 표시 좌/우 화살표로 페이지 이동 현재 페이지 번호 굵은 글씨 강조

← 이전 화면: BO-USR-006 다음 화면: BO-ART-002 →