
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
인증 정보
인증 정보 여부 *
- 예정 / 예정 없음
본 상품은 판매되기 위해 별도의 인증 정보가 필요하거나 필요하지 않은 사항이 있는지 확인 후 인증 정보를 입력해주세요.
주적을 인증 정보를 선택해주세요.
드롭다운
선택된 인증기관 개인정보
입력창
선택된 인증 정보 상세 입력
입력창
선택된 인증 정보 상세 입력
입력창
상품 정보 고시
본 정보는 최신년/월 여부, 개인정보 정보에 상세관리자 고시 종합가로 반영할 수 있습니다.
고시 정보명 *
- 고시 정보명을 선택해주세요.
고시 정보명 *
- 고시 정보명을 선택해주세요.
부가 정보
성인 인증 여부 *
- 예정 / 예정 없음
정보 가능 여부 *
- 예정 / 예정 없음
해외 배송 여부 *
- 예정 / 예정 없음
성적 표현 상품 여부 *
- 예정 / 예정 없음
상품 부가 서비스
- 상세 / 정보 / 정성
상품 검색 태그
입력창
이해도
입력창
판매 채널별 추가 설정
판매 채널 *
- 필수 / 미사용
이번에 채널 설정
- 이번에 채널을 선택해주세요.
설정된 이번에 채널
- 이번에 채널이 없습니다.
- ☐ 이용
판매 정보 설정
- 이용된 채널을 선택해주세요.
판매 채널 판매가 판매가
[입력창] [입력창] [입력창]
계약 조회
정산 추가
- 배송 시작 정산 조회
메모
메모 입력 텍스트 영역](https://file.devfive.kr/file/2026_07_07/1783394922043_Q8XpBvfeKHqn5PkobYZoC.webp)
고객 요구사항
& 프로젝트 방향
& 프로젝트 방향
클라이언트의 인터뷰 및 협의를 통해 프로젝트의 핵심 요구사항을 도출하였으며, 인사이트를 바탕으로 사용자 경험과 브랜드 관점에서 개선이 필요한 5가지를 기반으로 설계하였습니다.
1.
기존 공급사 관리 시스템의 복잡한 코드 구조를 정리하고 유지보수 효율 개선
2.
상품 등록, 조회, 수정, 수량 관리 흐름을 공급사 업무 방식에 맞게 재구성
3.
주문·배송, 클레임, 세금계산서, 상품, 매출 현황을 대시보드에서 한눈에 확인할 수 있도록 구성
4.
필터, 표, 상태값, 그래프, 툴팁을 활용해 많은 운영 정보를 빠르게 탐색할 수 있는 UI 제공
5.
관리자와 공급사 간 1:1 문의를 채팅 형식으로 지원하는 파트너톡 기능 개선
타이포 그래피
& 컬러 시스템
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.



타이포 그래피
& 컬러 시스템
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.



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

![상단 헤더
로고: JUST:Q
사용자: admin 님 | 로그아웃
알림 버튼: 파트너톡 (2) | 공지사항
좌측 사이드바 메뉴
- 상품
- 주문/배송/클레임
- 정산
- 공급사 정보 관리
- Open API 가이드
주문/배송 카드
(기간: 2025-01-10 ~ 2025-02-10)
주문
항목 건수
신규 12 건
구매 확정 32 건
주문 거부 요청 4 건
주문 거부 1 건
배송
항목 건수
(배송준비) 4 건
(배송중) 8 건
배송 완료 32 건
툴팁 설명:
- 신규 : 신규에 대한 설명
- 구매확정 : 구매확정에 대한 설명
- 주문 거부 요청 : 주문 거부 요청에 대한 설명
- 주문 거부 : 주문 거부에 대한 설명
클레임 카드
(기간: 2025-01-10 ~ 2025-02-10)
항목 건수
결정 전 취소 8 건
결정 전 반품 2 건
결정 전 교환 3 건
세금 계산서 카드
(기간: 2024-08-10 ~ 2025-02-10)
항목 건수
승인 필요 25 건
발급 확인 84 건
승인 만료 12 건
매출 통계 카드
(기간: 2025-01-10 ~ 2025-02-10)
탭: 결제 건수 | 결제 금액 (선택됨)
Y축: 0 / 1,000만 / 2,000만 / 3,000만 / 4,000만
X축 (날짜): 01.10. · 01.13. · 01.16. · 01.19. · 01.22. · 01.25. · 01.28. · 01.31. · 02.01. · 02.03. · 02.06. · 02.09.
(막대그래프 - 01.28. 최고치 약 3,700만)
상품 카드
(전체 기간)
항목 건수
승인 전 8 건
판매 가능 42 건
판매 불가 3 건
승인 미요청 12 건
공지사항 카드
(전체 보기 >)
제목 날짜
[공지] 파트너톡 일시적 오류 안내 2025/02/05
[공지] 상품 등록 절차 2024/06/04
[공지] 임시저장 기능 개발 2024/05/20
[공지] 시스템 정기 점검 및 업데이트 2024/04/05](https://file.devfive.kr/file/2026_07_07/1783395003660_dpdfEC7GjvyMaw0BL4dx0.webp)

