해외 신상품 레이더
중국 커머스 신상품의 '순위가 아닌 변화'를 감지해 점수화하고 텔레그램으로 전달하는 사내 소싱 도구.
- 역할
- 기획 · 데이터 파이프라인 · 대시보드 UX · 개발
- 기간
- 2026 · 개발 중
- 범위
- 수집 워커 + 대시보드 + 텔레그램
01 · Problem
무엇이 불편했나
소싱 담당자는 해외 쇼핑몰을 매일 직접 훑는다. 베스트셀러 순위는 이미 늦은 신호이고, 새로 뜨는 상품은 놓치기 쉽다.
목표
- G1
베스트 순위가 아니라 '변화'를 감지 (신규 · 급상승 · 순위 점프 · 교차)
- G2
주 2회 상위 15개만 리포트
- G3
판단(채택/보류)은 대시보드에서 기록
02 · UX
현행 분석 & 재설계
실제 운영 중인 제품의 구조를 뜯어보고, 막히는 지점을 찾아 흐름과 정보 구조를 다시 설계했습니다.
As-is 진단 → 리디자인 방향
AS-IS다크 대시보드 8개 페이지가 같은 무게로 나열 — 주간 검토 큐가 묻힘
TO-BE첫 화면을 '이번 주 검토할 것'으로, 나머지는 보조 메뉴
AS-IS점수가 숫자로만 표시돼 신호 종류(신규/급상승/교차)가 안 보임
TO-BE점수 옆에 신호 배지 4종 + 기여도 막대
AS-IS텔레그램 리포트와 대시보드의 상품 표기가 달라 대조가 어려움
TO-BE리포트 항목마다 대시보드 딥링크 + 동일 ID
Persona
소싱 분석가 (32)
생활용품 · 소품 · 작업도구 카테고리 담당
- →주 2회 리포트만 보면 되는 구조
- →마진 시뮬레이션
상품 기획 리드 (40)
채택 여부 최종 결정
- →근거가 보이는 점수
- →샘플 주문 진행 상황
User flow
- 01
수집
중국어 키워드 × 2개 정렬 × 3페이지 (Apify)
- 02
변화 감지
신규 · 판매 급상승(+50 & +30%) · 순위 10계단↑ · 키워드 교차
- 03
점수화
정규화 후 가중 합산 → 상위 15개
- 04
AI 요약 & 리포트
Claude 한 번 호출로 코멘트 → 텔레그램 (교차 3 · 신규 5 · 급상승 5)
- 05
검토 & 샘플
대시보드에서 채택/보류, 마진 계산, 샘플 주문 추적
Information architecture
이번 주 검토
- 상위 15 클러스터
- 신호 배지
- 채택 / 보류
클러스터 상세
- 스냅샷 추이
- 공급처 후보
- 국내 판매 여부
운영
- 키워드 관리
- 배치 기록
- 샘플 트래커
- 설정
03 · UI
리디자인 와이어프레임
색과 스타일을 빼고, 재설계한 정보 위계와 레이아웃만으로 핵심 화면을 검증했습니다.
이번 주 검토
레이더
키워드
샘플
배치
설정
이번 주 검토
첫 화면은 '오늘 결정할 것'만.
이번 주 검토
레이더
키워드
샘플
배치
설정
판매가
¥39
예상 마진
38%
공급처
4곳
클러스터 상세
점수 근거를 막대로 쪼개서.
#C-1042 접이식 실리콘 수납함
키워드 3개 교차 · 판매 +212%
텔레그램 리포트
대시보드와 같은 ID, 딥링크로 연결 (모바일).
04 · GUI
디자인 시스템 리뉴얼 & 최종 화면
레이더 블루 — 라이트 기본, 데이터 밀도 우선
Before
Tailwind 그레이 다크 + 블루 포인트, 시스템 폰트
After · Color
Primary
#1d4ed8
Accent
#22d3ee
Text
#0f172a
Muted
#64748b
Surface
#ffffff
Background
#f7f9fc
Typography
Components
radius 8px · spacing 4pt grid
Final screens
이번 주 검토
레이더
키워드
샘플
배치
설정
이번 주 검토
레이더
키워드
샘플
배치
설정
판매가
¥39
예상 마진
38%
공급처
4곳
#C-1042 접이식 실리콘 수납함
키워드 3개 교차 · 판매 +212%
Design decisions
다크 → 라이트 기본
표·숫자 판독이 많은 업무 도구라 라이트를 기본으로, 다크는 선택.
신호 4종 = 배지 4색
교차·신규·급상승·순위↑를 고정 색과 아이콘으로. 점수만 보고도 이유를 앎.
숫자 우측 정렬
판매 변화·점수는 tabular-nums 우측 정렬로 비교 속도 향상.
05 · Outcome
결과와 배운 점
- 4종
- 변화 신호 감지
- Top 15
- 주간 리포트
- 주 2회
- 자동 배치
- ✦'베스트셀러'가 아닌 '변화량'이 소싱 타이밍을 앞당김
- ✦첫 배치는 기준선 — 콜드 스타트 처리를 설계에 포함해야 함
* 실제 제품을 분석해 리디자인한 케이스 스터디. 제품명·코드는 비공개, 지표는 기획서·코드로 확인된 값만 표기. 화면 속 데이터는 예시입니다.
이런 걸 만들고 싶다면
30분 무료 진단 콜로 범위와 일정부터 같이 잡아요.
다른 프로젝트
다음: 블로그 자동 발행 파이프라인 →
LIVEOCR 노트 앱
사진 한 장으로 가계부·오답노트·독서기록·문장수집 노트를 만드는 앱. 스토어 출시 후 운영 중.
Flutter / ML Kit OCR / GPT-4o / SQLite
LIVE실시간 환율 계산기
금액 한 번 입력으로 선택한 모든 통화를 동시 변환. 50개 통화, 7개 언어. 스토어 출시 후 운영 중.
Flutter / REST API / Decimal / AdMob
LIVE장소 기록 앱
가보고 싶은 곳을 카드로 저장하고, 계획 → 방문 → 리뷰까지 실행하게 만드는 앱. 필드 암호화, 다국어, 지도 연동.
Flutter / Firebase / Google Maps
개발 중카드뉴스 자동화 파이프라인
인스타그램 카드뉴스 계정 2개를 소재 수집 → 스코어링 → 카드 렌더 → 게시까지 자동 운영. 사람은 텔레그램으로 주제만 고른다.
Node.js / Claude / Puppeteer / Supabase / GitHub Actions
케이스 스터디블로그 자동 발행 파이프라인
키워드 리서치 → 글 생성 → 이미지·내부링크 → 발행까지 무인으로 돌아간 일일 SEO 발행 시스템. 2개 블로그 운영.
Python / Claude / Blogger API / launchd
케이스 스터디단체 커피 주문 취합 앱
총무가 주문방을 만들고 링크·6자리 코드를 공유하면, 팀원은 가입 없이 메뉴·옵션을 고르고 주문서가 자동 집계된다.
Flutter / Firestore / Riverpod
케이스 스터디주간 식단 & 장보기 리스트
알레르기·예산·요리 실력·아이 매운맛 단계를 반영해 7일 식단과 통합 장보기 목록을 만드는 AI 앱.
Flutter / Supabase / Claude