USDD 대표사례
상품이 쌓여도 상세 설명이 따라올 수 있게.
OVERVIEW
USDD 쇼핑몰 공개 화면과, 상세페이지 제작을 돕는 내부 자동화 도구의 역할을 구분해 소개합니다.
- Client
- USDD
- Business
- 울산 단체티·유니폼 제작
- Scope
- 쇼핑몰 홈페이지
- 상세페이지 제작 지원
- Live
- 공개 쇼핑몰(새 창)
상세 제작 지원 도구 — 공개 URL 없음
01무엇이 문제였나
상품은 늘어나는데 상세 제작 속도가 병목이었습니다.
굿즈·인쇄 상품은 옵션과 연출이 다양해, 홈스토어만 열어 두는 것으로는 부족하고 상품별 상세 설명·이미지 구성이 반복 작업이 됩니다. 공개 쇼핑몰과 내부 제작 도구를 나눠 운영할 필요가 있었습니다.
02어떻게 접근했나
고객이 보는 스토어와 제작 지원 도구를 분리했습니다.
먼저 공개용 쇼핑몰(usdd-shop)로 브랜드·상품 탐색 경험을 맞추고, 상세 카피·이미지 조합이 반복되는 구간은 usddauto 상세 빌더로 지원하는 방향을 택했습니다. 브랜드 컨설팅·마케팅 대행은 이 사례 범위에 넣지 않습니다.
03무엇이 바뀌었나
고객이 공식 도메인에서 상품 세계를 볼 수 있게 됐습니다.
브랜드와 상품 카테고리를 같은 톤으로 보여주는 공개 접점이 생겼습니다. 반복 상세 제작을 도구 지원 흐름으로 옮길 수 있게 됐습니다.
GUIDE
스토어 디자인 기준
브랜드 컨설팅은 이 사례 범위가 아닙니다. 아래는 마이업이 만든 공개 스토어에 적용한 디자인 값입니다.
COLOR
- Navy#0B2A4A
메인 · 워드마크, 제목, 주요 버튼
- Accent#6F8FAF
보조 · 견적 문의 버튼, 강조 문구
- Sand#FBF8F3
바탕 · 따뜻한 밝은 면
- Note#8A6B54
보조 글자 · 카테고리·안내 라벨
- Ink#161A20
본문 글자
TYPOGRAPHY
Pretendard
한글 제목·본문
본문 전반
실제 적용 화면에서 발췌 Montserrat
영문 디스플레이·섹션 제목
Bold 700
실제 적용 화면에서 발췌
워드마크 적용
스토어 헤더에 쓰인 실제 워드마크입니다. 로고 디자인은 이 사례 범위에 포함하지 않았습니다.
적용 원칙
- 01첫 화면에서 무엇을, 어디서, 얼마나 빨리 만드는지 보여 준다
- 02상품은 사진·품목·용도 순으로 같은 형식의 카드로 정리한다
- 03견적 문의·전화 상담은 모바일 하단에 항상 닿게 둔다
- 04영문 섹션 제목은 Montserrat, 한글 안내는 Pretendard로 나눈다
SCREENS
주요 화면
모바일 홈 
상품 · 제품군 안내 
브랜드 소개 · 샘플
2026-09-29 기준 실제 공개 사이트 캡처
PROCESS
단계별로 한 일
매출·주문 건수와 상세 제작 시간 절감 수치는 운영 측정 자료가 없어 싣지 않습니다. 내부 상세 빌더의 로그인 화면과 고객 데이터도 제외했습니다.
- 01
상품을 보여 주는 쇼핑몰을 만든 이야기
- 문제
- 상품 정보를 한곳에서 보여 줄 공식 창구가 필요했습니다.
- 실행
- usdd-shop 코드베이스로 공개 스토어를 구현했습니다.
- 변화
- 고객이 공식 도메인에서 상품 세계를 볼 수 있게 됐습니다.
- 02
상세페이지 제작을 지원하는 자동화 이야기
- 문제
- 상품마다 상세를 처음부터 만들면 속도가 나지 않습니다.
- 실행
- usddauto 상세 빌더로 제작 지원 흐름을 구현했습니다.
- 변화
- 반복 상세 제작을 도구 지원 흐름으로 옮길 수 있게 됐습니다.