본문 바로가기
데브파이브
상단 헤더
로고: JUST:Q
사용자 정보: admin 님
페이지 제목: < 상품 조회/수정
좌측 사이드바 메뉴
- 상품
- 상품 등록
- 상품 일괄 등록/수정
- 상품 조회/수정
- 주문/배송/클레임
- 주문/배송 관리
- 클레임 관리
- 정산
- 매출 조회
- 상세 내역
- 세부 결산서 관리
- 공급사 정보 관리
- Open API 가이드
- Open API docs
- Open API 관리
검색 필터 영역
섹션 제목: 검색 필터
신청일
- ☑ 날짜 소진 최신순
- 시작일: 2025.01.29
- 종료일: 2025.02.05
- 수정 · 1일 · 3일 · 7일
상품 상태
- ☑ 판매 중
- ☑ 임시 판매 정지
- ☐ 판기 판매 정지
- ☐ 임시 저장
상품 접수 여부
- ☑ 승인 전
- ☑ 판매 가능
- ☐ 판매 종료
- ☐ 승인취소(?)
바코드: 상품 코드 입력
상품명: 상품명 입력창
버튼: 초기화 검색
검색 결과
검색 결과 315건
탭: 판매 중 | 임시 판매 정지 | 판기 판매 정지
액션 버튼:
- 선택 주문 일괄 다운로드 
- 일괄 수정 엑셀 업로드
테이블 컬럼
| 체크 | 액션 | 상품 코드 | 상품명 | 규격 상품 코드 | 카테고리 | 판매 상태 | 재고 |
|------|------|-----------|--------|--------------|----------|-----------|------|


데이터 행 (일부 판독)
선택	수정	상품코드	규격코드
☐	수정	5rD4EMOvZoCoefDw8Xj7wW	20240309JQ02(수기)
 	 	 	90557dd5
☐	수정	5skxjs8ErrUwWTfjxDwvy60d	(판매 상품 상세 SS?)
 	 	 	grrok_70505
☐	수정	5s7wjF7fjOvY7QMbTwWnzX	로얄스텐 대전
☑	수정	 	12986665
☑	수정	 	JQTasktcode_28
☐	수정	5EBoiBOL3JJspOSy9SFTaLNG	곰단테리터
☑	수정	 	JQTasktcode_30
☑	수정	5piCAZEEk-BOMyjJlLIMDe-AK	(Test) 자동 (Test 2i, X 18일)
 	 	 	grrok_Test0002
☐	수정	5rNfMSSj02QYT5vNiSj8mdlx	강내 이용이 이용 안이 두명 상수인
 	 	 	12980745
☑	수정	 	grrok_31j14
☐	수정	3306dfwmupsvvyKcrx	 
 	 	 	JQTccccdc_21
☐	수정	5PkxNyfQ-JNKrvxDcSj005a	JQ Test DB 21
페이지네이션: 페이지 당 항목수 10 | < 1 2 3 4 5 >
JUST:Q 공급사 페이지

JUST:Q 공급사 전용 상품 관리/현황 페이지는 공급사가 판매 상품을 등록·조회·수정하고, 상품 수량과 판매 상태를 효율적으로 관리할 수 있도록 기존 관리자 화면을 개선한 프로젝트입니다.


본 프로젝트는 이미 개발되어 있던 공급사 관리 시스템의 복잡한 코드 구조를 정리하고, 사용자가 업무 흐름을 더 쉽게 이해할 수 있도록 UI/UX를 개선하는 데 중점을 두고 진행되었습니다. 상품 등록, 상품 조회 및 수정, 공급사 정보 관리, 대시보드 현황 확인, 관리자와의 1:1 문의 기능 등 공급사 운영에 필요한 주요 화면을 보다 직관적인 구조로 재정비했습니다.


특히 대시보드에서는 주문·배송, 클레임, 세금계산서, 상품 현황, 매출 통계 등을 한눈에 확인할 수 있도록 구성했으며, 표와 필터, 상태값, 수량 정보, 그래프, 툴팁 등을 활용해 반복적인 운영 업무의 탐색성과 관리 효율을 높였습니다. 또한 파트너톡 기능을 통해 공급사와 관리자 간 문의 흐름을 채팅 형식으로 지원하여, 운영 커뮤니케이션까지 함께 고려한 공급사 전용 관리 환경을 구축했습니다.

제작 기간2025. 01 - 2025. 05
고객사JUST:Q
사용 기술Devup UI, React, TypeScript, Vite, Redux
서비스
미리보기
상단 헤더
로고: JUST:Q
사용자: admin 님
페이지 제목: < 상품 등록
좌측 사이드바 메뉴
- 상품
- 상품 등록
- 상품 일괄 등록/수정
- 상품 조회/수정
- 주문/배송/클레임
- 주문/배송 관리
- 클레임 관리
- 정산
- 매출 조회
- 상세 내역
- 세부 결산서 관리
- 공급사 정보 관리
- Open API 가이드
- Open API docs
- Open API 관리
카테고리
카테고리 선택 테이블 (6개 컬럼: 대분류 / 중분류 / 소분류 / 세분류 / 세세분류 / 세세세분류)
- 가구/인테리어 · 가공식품/육류/수산물 · 스포츠/레저 · 유아동/출산 · 화장품/미용
- 화장품/미용 · 스포츠 · 스포츠/골프/캠핑 · 아이/유아용품 · 화장품/미용
- 가전/디지털 · 조리 · 스포츠 · 스포츠/전자기기 · 도서/여성/음악
- 식품 · 도서/음반/DVD · 컴퓨터/노트북/PC
- 완구/취미 · 컴퓨터/사무용품
- 홈/생활 · 캐릭터 · 반려동물용품
- 유아동/출산 · 여행/문화/공연
- 도서/문구/취미 · 자동차용품
- 화장품/미용 · 헬스/건강식품
- 여성/신발 · 홈/뷰티/미용
- 남성/신발
- 아웃도어/스포츠
선택된 카테고리: ...(경로 표시)
등록
상품 기본 정보
상품명 *
입력창
공급사 상품 코드 * (공급사 상품 코드 관리를 위해 상품 코드를 입력해주세요.)
입력창
브랜드
입력창
모델명
입력창
정품/짝퉁 *
- 정품 / 짝퉁
원산지 *
- 선택 드롭다운
바코드
입력창
상품번호 *
- 신상품 / 재고품 / 기획 상품
후불 배송 지역 가능 여부
- 가능 / 불가능
같이 배송 가능 여부
- 가능 / 불가능
가격/재고
공급가 * (부가세 포함 금액이며, 실제 지급받는 금액을 입력해주세요.)
입력창
총가 * (부가세 포함 금액이며, 소비자에게 판매되는 금액을 입력해주세요.)
입력창
할인가 (선택)
입력창
할인 (선택)
입력창
재고 *
입력창
옵션
옵션 사용 여부 *
- 사용 / 미사용
옵션명 *
입력창
*옵션값 * (여러 개일 경우 쉼표로 구분)
입력창
옵션 추가
옵션 테이블
옵션명1	옵션값	옵션(공급가 추가)
색상	빨강	0
색상	파랑	0
공급사 관리 코드 등록 관리 상품 등록
입력형 옵션
이름
[입력창]
[입력창]
옵션 추가
상품 이미지
대표 이미지 사이즈는 1000x1000 이상 권장합니다. 최소 500x500 이상 이미지를 등록해야 합니다.
- 대표 이미지 URL * (이미지 선택)
- 추가 상품 이미지 URL 1 (이미지 선택)
- 추가 상품 이미지 URL 2 (이미지 선택)
- 추가 상품 이미지 URL 3 (이미지 선택)
- 추가 상품 이미지 URL 4 (이미지 선택)
EDIT PLUS 아이디로 로그인 필요
상품 설명
HTML 및/또는 텍스트로 상품 설명을 입력해주세요. HTML 코드 사용
HTML 편집기 입력창
미리보기 설정 상세 등록
배송 정보
배송 정보 *
- 기본 정보 선택 / 새 배송 정보 입력
기본 정보 선택
드롭다운: 기본 배송 정보 선택하세요
배송 기본 정보
필드
배송사
회사명
배송비 결제 방식
배송비
도서산간 배송비
무료 배송 기준 금액
반품 배송비
도서산간 반품 배송비
반품 예상 3일
반품/교환 사유 이용 인지
도서산간 예상 배송일
도서산간 반품 배송일
시상 결제 이내
배송 요청 사항
출고지
필드
회사명
담당자명
담당 지역
위치정보
상세 주소
반품지
필드
회사명
담당자명
담당 지역
위치정보
상세 주소
발송 예정일 정보
발송 예정일 정보 *
- 기본 정보 선택 / 새 발송 정보 입력
기본 정보 선택
드롭다운
발송 예정일 정보
항목
배송료 지연시
지연 예상 기간
지연 배송료 지불 시
판매 정보
판매 상태 여부 *
- 예정 / 예정 없음
진열가능/판매 상태 시작 *
- 예정 / 예정 없음
최소 구매수량 *
- 예정 / 예정 없음
취소/환불 정보
항목
상품 여부
상품 가능
상품 상세
상품 보증
판매 기간 *
- 상시 / 지정일
판매 시작 시간
- 2025-02-05 오후 12:27
판매 종료 시간
- 2025-02-05 오후 12:27
인증 정보
인증 정보 여부 *
- 예정 / 예정 없음
본 상품은 판매되기 위해 별도의 인증 정보가 필요하거나 필요하지 않은 사항이 있는지 확인 후 인증 정보를 입력해주세요.
주적을 인증 정보를 선택해주세요.
드롭다운
선택된 인증기관 개인정보
입력창
선택된 인증 정보 상세 입력
입력창
선택된 인증 정보 상세 입력
입력창
상품 정보 고시
본 정보는 최신년/월 여부, 개인정보 정보에 상세관리자 고시 종합가로 반영할 수 있습니다.
고시 정보명 *
- 고시 정보명을 선택해주세요.
고시 정보명 *
- 고시 정보명을 선택해주세요.
부가 정보
성인 인증 여부 *
- 예정 / 예정 없음
정보 가능 여부 *
- 예정 / 예정 없음
해외 배송 여부 *
- 예정 / 예정 없음
성적 표현 상품 여부 *
- 예정 / 예정 없음
상품 부가 서비스
- 상세 / 정보 / 정성
상품 검색 태그
입력창
이해도
입력창
판매 채널별 추가 설정
판매 채널 *
- 필수 / 미사용
이번에 채널 설정
- 이번에 채널을 선택해주세요.
설정된 이번에 채널
- 이번에 채널이 없습니다.
- ☐ 이용
판매 정보 설정
- 이용된 채널을 선택해주세요.
판매 채널	판매가	판매가
[입력창]	[입력창]	[입력창]
계약 조회
정산 추가
- 배송 시작 정산 조회
메모
메모 입력 텍스트 영역
화면에 마우스를 올려보세요!
고객 요구사항
& 프로젝트 방향
클라이언트의 인터뷰 및 협의를 통해 프로젝트의 핵심 요구사항을 도출하였으며, 인사이트를 바탕으로 사용자 경험과 브랜드 관점에서 개선이 필요한 5가지를 기반으로 설계하였습니다.
1.
기존 공급사 관리 시스템의 복잡한 코드 구조를 정리하고 유지보수 효율 개선
2.
상품 등록, 조회, 수정, 수량 관리 흐름을 공급사 업무 방식에 맞게 재구성
3.
주문·배송, 클레임, 세금계산서, 상품, 매출 현황을 대시보드에서 한눈에 확인할 수 있도록 구성
4.
필터, 표, 상태값, 그래프, 툴팁을 활용해 많은 운영 정보를 빠르게 탐색할 수 있는 UI 제공
5.
관리자와 공급사 간 1:1 문의를 채팅 형식으로 지원하는 파트너톡 기능 개선
타이포 그래피
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.헤더
typo
폰트 굵기: ExtraBold · Bold · SemiBold · Medium · Regular
메인 폰트
Aa — Pretendard
타이포그래피 스케일
Title — 25px
여러분의 브랜드를
전세계에 판매하는
가장 쉽고 빠른 방법
SubTitle — 22px
여러분의 브랜드를
전세계에 판매하는
가장 쉽고 빠른 방법
Body — 16px
여러분의 브랜드를
전세계에 판매하는
가장 쉽고 빠른 방법
Caption — 14px
여러분의 브랜드를
전세계에 판매하는
가장 쉽고 빠른 방법color
메인 컬러 팔레트
색상	HEX	용도
🔵 파랑	#4F7BF5	Primary
⚪ 연한 파랑/흰색	#EDF2FE	Primary Bg
🔴 핑크/레드	#E73B60	Accent
그레이스케일
HEX	위치
#FFFFFF	좌측 (흰색)
#7D7F88	중앙 (회색)
#000000	우측 (검정)헤더
typo
폰트 굵기: ExtraBold · Bold · SemiBold · Medium · Regular
메인 폰트
Aa — Pretendard
타이포그래피 스케일
Title — 25px
여러분의 브랜드를
전세계에 판매하는
가장 쉽고 빠른 방법
SubTitle — 22px
여러분의 브랜드를
전세계에 판매하는
가장 쉽고 빠른 방법
Body — 16px
여러분의 브랜드를
전세계에 판매하는
가장 쉽고 빠른 방법
Caption — 14px
여러분의 브랜드를
전세계에 판매하는
가장 쉽고 빠른 방법color
메인 컬러 팔레트
색상	HEX	용도
🔵 파랑	#4F7BF5	Primary
⚪ 연한 파랑/흰색	#EDF2FE	Primary Bg
🔴 핑크/레드	#E73B60	Accent
그레이스케일
HEX	위치
#FFFFFF	좌측 (흰색)
#7D7F88	중앙 (회색)
#000000	우측 (검정)
타이포 그래피
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.헤더
typo
폰트 굵기: ExtraBold · Bold · SemiBold · Medium · Regular
메인 폰트
Aa — Pretendard
타이포그래피 스케일
Title — 25px
여러분의 브랜드를
전세계에 판매하는
가장 쉽고 빠른 방법
SubTitle — 22px
여러분의 브랜드를
전세계에 판매하는
가장 쉽고 빠른 방법
Body — 16px
여러분의 브랜드를
전세계에 판매하는
가장 쉽고 빠른 방법
Caption — 14px
여러분의 브랜드를
전세계에 판매하는
가장 쉽고 빠른 방법color
메인 컬러 팔레트
색상	HEX	용도
🔵 파랑	#4F7BF5	Primary
⚪ 연한 파랑/흰색	#EDF2FE	Primary Bg
🔴 핑크/레드	#E73B60	Accent
그레이스케일
HEX	위치
#FFFFFF	좌측 (흰색)
#7D7F88	중앙 (회색)
#000000	우측 (검정)헤더
typo
폰트 굵기: ExtraBold · Bold · SemiBold · Medium · Regular
메인 폰트
Aa — Pretendard
타이포그래피 스케일
Title — 25px
여러분의 브랜드를
전세계에 판매하는
가장 쉽고 빠른 방법
SubTitle — 22px
여러분의 브랜드를
전세계에 판매하는
가장 쉽고 빠른 방법
Body — 16px
여러분의 브랜드를
전세계에 판매하는
가장 쉽고 빠른 방법
Caption — 14px
여러분의 브랜드를
전세계에 판매하는
가장 쉽고 빠른 방법color
메인 컬러 팔레트
색상	HEX	용도
🔵 파랑	#4F7BF5	Primary
⚪ 연한 파랑/흰색	#EDF2FE	Primary Bg
🔴 핑크/레드	#E73B60	Accent
그레이스케일
HEX	위치
#FFFFFF	좌측 (흰색)
#7D7F88	중앙 (회색)
#000000	우측 (검정)

비즈니스의 ,

아이디어만 있어도 됩니다. 첫 상담부터 출시까지, 데브파이브가 함께합니다.
지금 문의하기
빠른 문의하기