WORKS / PORTFOLIO
AI SOFTWARE

상품 수집·AI 상세페이지 제작·등록 준비를 연결한 이커머스 운영 시스템

여러 소싱처의 상품·옵션·재고를 모아 판매가를 검토하고, AI 이미지와 상세페이지를 담당자 승인 후 등록 준비로 연결한 이커머스 운영 시스템입니다.

상품 수집·AI 상세페이지 제작·등록 준비를 연결한 이커머스 운영 시스템

RESULT

수집 원본과 판매용 편집본을 분리해 상품 정보를 관리
AI 이미지와 상세페이지에 담당자 검수·승인 절차 적용
상품별 10개 준비 항목과 보완할 내용을 한 화면에서 확인

TECH STACK

ReactTypeScriptSupabase

CHALLENGE · 상품을 찾은 뒤에도 준비할 일이 남습니다

여러 소싱처에서 상품을 모아도 판매용 자료가 바로 완성되지는 않습니다. 옵션과 재고를 확인하고, 비용을 반영해 판매가를 정한 뒤 사진과 설명을 정리해야 합니다. 상품을 반복 등록하는 운영팀과 유통사에서는 이 과정이 여러 화면과 파일로 나뉘기 쉽습니다.

시온랩은 상품 수집부터 판매용 편집, AI 이미지·상세페이지 승인, 등록 준비 확인까지 이어지는 이커머스 운영 시스템을 자체 기획·개발했습니다. 한 상품을 기준으로 원본, 편집 중인 자료, 승인한 결과를 구분하고 다음에 보완할 항목을 찾을 수 있게 구성했습니다.

수집 원본 보관, 판매용 편집과 가격 검토, AI 이미지 승인, 상세페이지 승인, 10개 등록 준비 항목 점검, 전송 미리보기 순서. 보완이 필요하면 해당 단계로 돌아갑니다.
상품 준비 흐름 · 이미지와 상세페이지는 담당자가 승인합니다. 준비 항목이 부족하면 해당 화면에서 보완합니다.

COLLECT · 수집 정보를 판매용 자료로 정리합니다

수집한 상품명·옵션·재고를 확인하고 판매에 사용할 정보를 편집합니다. 수집 원본과 판매용 수정값은 따로 보관합니다. 편집 화면에서 원본을 대조할 수 있고, 수정값을 되돌리면 원본을 기준으로 다시 준비할 수 있습니다.

상품 목록에서는 편집 여부와 가격, 옵션, 준비 상태를 함께 살펴봅니다. 목록에서 확인한 상품을 상세·편집 화면으로 넘겨 다음 작업을 이어갑니다.

상품 목록과 기본 정보 편집 화면. 상품·가격·재고 등 운영 데이터 비공개보안 정책으로 확대가 제한됩니다

상품 목록·편집 · 편집 여부와 준비 상태를 목록에 반영하고, 기본 정보 편집 영역에서 수집 원본과 판매용 수정값을 대조하도록 구성했습니다.

PRICE · 비용을 반영해 판매가를 검토합니다

원가만 보고 판매가를 정하면 마켓 수수료와 추가 비용이 빠질 수 있습니다. 가격 정책에서는 원가 가산율 또는 판매가 이익률을 선택하고, 수수료·추가 비용·올림 단위를 함께 반영합니다.

계산한 제안가와 담당자가 직접 정한 판매가를 구분합니다. 예상이익도 실제로 선택한 판매가를 기준으로 계산하며, 원가를 확인할 수 없는 상품은 계산값을 비워 둡니다. 화면의 예상이익은 가격 검토용이며 실제 정산액과 구분합니다.

실제 가격 정책 UI의 계산 방식과 비용 설정 영역. 상품·가격·비율은 비공개보안 정책으로 확대가 제한됩니다

가격 검토 · 계산 방식과 수수료·추가 비용을 가격 정책에 반영해 상품별 제안가와 예상이익을 확인합니다.

IMAGE · AI 이미지 후보를 비교하고 승인합니다

상품 사진의 배경·구도·사용 장면을 바꾼 후보를 만든 뒤 원본과 비교합니다. 상품의 형태·색·구성이 유지됐는지, 불필요한 인물이나 문구가 남았는지는 담당자가 확인합니다. 비슷한 이미지에는 중복 주의를 표시하며, 승인 전 후보를 판매용 이미지에 자동 적용하지 않습니다.

담당자는 사용할 이미지를 승인하고 부적합한 후보는 반려합니다. AI 연출 결과를 받는 단계와 판매용으로 확정하는 단계를 나눴습니다.

같은 상품의 실제 저장 원본과 AI 연출 결과 비교. 상품 식별 영역 보호 처리보안 정책으로 확대가 제한됩니다

원본과 AI 연출 결과 · 같은 상품의 보존된 결과물입니다. 상품 식별 영역은 가렸으며, 오른쪽은 AI 연출 이미지입니다.

DETAIL · 승인한 이미지로 상세페이지를 구성합니다

길게 이어진 상세 이미지에서 사진 구간을 분리하고, 착용·제품·클로즈업 등 용도에 따라 분류합니다. 사용할 컷을 정리하고 승인한 연출 이미지를 중심으로 상세페이지를 구성합니다.

룩북형 상세는 대표 이미지에서 시작해 착용 장면, 특징, 색상, 보는 방향, 옵션·정보로 이어집니다. 생성된 상세를 다시 검토·승인해 사용합니다. 사진 구성을 다시 나누거나 바꾼 경우에는 승인 상태를 확인하고 상세페이지를 다시 준비합니다.

실제 저장 상세페이지의 도입부와 상품 연출 구간. 상품명·브랜드·상세 데이터 비공개보안 정책으로 확대가 제한됩니다

상세페이지 결과물 · 저장된 긴 상세의 주요 구간을 나눠 보여줍니다. 상품명·브랜드·식별 영역은 가렸으며 AI 연출 이미지를 포함합니다.

READY · 등록 전에 남은 항목을 확인합니다

등록 준비 화면은 수집, 이미지, 규격, AI 연출, 상세, 공개 URL, 가격·마진, 필수정보, 카테고리, 마켓 등록의 10개 항목을 상품별로 보여줍니다. 통과·미달·대기를 구분하고 각 항목에서 보완할 화면으로 이동합니다.

이미지를 만들었다고 상품 준비가 끝나는 것은 아닙니다. 가격과 필수정보, 카테고리 등 남은 항목을 함께 확인한 뒤 마켓 전송 미리보기에서 준비 정보를 살펴봅니다. 이 사례의 공개 범위는 등록 준비와 전송 미리보기까지입니다. 실제 마켓 등록 완료를 의미하지 않습니다.

상품별 10개 등록 준비 항목과 진행 상태를 확인하는 화면. 운영 데이터 비공개보안 정책으로 확대가 제한됩니다

등록 준비 · 상품별 10개 항목의 진행 상태와 보완할 내용을 한 화면에서 확인하도록 반영했습니다. 각 항목에서 해당 작업 화면으로 이동해 준비를 이어갑니다.

RESULT · 다음 담당자가 이어갈 기준을 남깁니다

수집 원본과 판매용 편집본, AI 생성 후보와 승인 결과, 준비된 항목과 보완할 항목을 구분했습니다. 상품별 준비 과정을 연결해 담당자가 현재 상태를 확인하고 다음 작업을 이어가도록 구성했습니다.

상품 수집·가공 업무를 시스템으로 옮길 때는 먼저 어떤 소싱 정보를 보관할지, 누가 이미지와 상세를 승인할지, 등록 전에 무엇을 확인할지 정합니다. 팀의 실제 상품 준비 순서에 맞춰 연결할 범위를 함께 검토할 수 있습니다.

상품 수집·가공·등록 준비 업무 상담

문의하기