Case Study · Duko

두코 디지털 카탈로그 — 종이에서 웹 3D로

두코는 화장품 용기를 제조·공급하는 B2B 회사입니다. 수백 종의 용기 라인업을 종이 카탈로그로 관리하다가 디지털 카탈로그로 전환했고, 2026년에는 WebGL 3D 인터랙티브 카탈로그로 확장할 예정입니다. 프로덕트 메이커가 1·2단계 모두를 구축합니다.

수백 종화장품 용기 SKU
웹 전환1단계 완료
2026 3DWebGL 확장 예정
B2B해외 바이어 대응

Challenge — 직면한 문제

두코는 종이 카탈로그 + 게시판 형태의 제품 페이지를 병행 운영해 왔습니다. "이미 디지털 카탈로그가 있는데 왜 문의가 없지?" 라는 문제 의식이 출발점이었습니다. 원인을 들여다보니 게시판 구조가 디지털 카탈로그 역할을 전혀 못 하고 있었습니다.

  • 기존 게시판형 제품 페이지는 탐색·필터·비교 구조가 없어 바이어가 원하는 제품을 찾지 못함.
  • 제품 페이지에서 문의·견적으로 이어지는 동선이 설계되지 않아 유입 채널로 기능하지 못함 → 자연 유입 문의가 사실상 연 0건 수준.
  • 신제품이 나올 때마다 종이 카탈로그 재인쇄 비용이 반복 발생.
  • 해외 바이어 대응은 PDF 이메일 발송이 일반적이었으나 버전 관리·다국어·탐색·행동 추적·문의 연결 측면에서 구조적 한계.
  • 용기 형태·디테일이 구매 결정에 중요한데 사진·PDF 만으로는 전달이 어려움.
  • 바이어가 옛 PDF 를 계속 사용해 최신 버전 관리가 어려움.
  • 조회·체류 데이터가 없어 바이어 관심도 분석 불가.

Solution — 해결 방식

프로덕트 메이커는 2단계 로드맵으로 디지털 전환을 설계했습니다. 1단계에서 웹 카탈로그를 구축해 운영 안정화 후, 2026년 3D로 확장합니다.

1단계 · 웹 카탈로그

제품 이미지·스펙·카테고리·검색·문의 채널 통합.

CMS 관리자

두코 내부 담당자가 제품·카테고리를 직접 관리하는 백오피스.

다국어 대응

해외 바이어용 영어 UI, 향후 중국어·일본어 확장 가능 구조.

B2B 문의·견적

제품 단위 샘플·견적 요청 폼과 내부 처리 워크플로.

2단계 · 3D 확장

2026년 WebGL 3D 용기 회전·열림·색상 변경 인터랙션 추가.

STEP → glTF 파이프라인

제조 CAD 파일을 웹 3D 포맷으로 변환하는 내부 파이프라인.

Result — 결과

  • 사이트를 통한 문의·견적 요청이 폭발적으로 증가 (기존 연 0건 수준 → 유의미한 유입 채널로 전환).
  • 영업팀이 링크 하나로 전체 라인업을 바이어에게 공유 가능.
  • 신제품 등록부터 노출까지 즉시 반영.
  • 종이 카탈로그 재인쇄 비용을 구조적으로 절감.
  • 해외 바이어 대응이 PDF 재발송 루틴 → URL 한 번에 항상 최신 · 다국어 자동 · 행동 분석 · 견적 폼 내장으로 전환.
  • 2026년 3D 확장으로 용기 형태·디테일 전달력 대폭 강화 예정.

Tech Stack — 기술 스택

영역기술
프론트엔드Next.js · React · TypeScript
백엔드·CMSDjango · PostgreSQL
파일 저장Google Cloud Storage
3D (2단계)Three.js · WebGL · glTF · Draco
CAD 파이프라인STEP → glTF 변환 파이프라인

웹 → 3D 2단계 로드맵은 제조업 디지털 전환에서 자주 권장되는 구조입니다. 초기 투자 부담을 낮추면서 3D 확장 시 재구축 없이 점진 추가가 가능합니다. 종이 카탈로그를 디지털로 전환할지 고민 중이라면 종이 vs 디지털 카탈로그 비교 가이드를 참고해 주세요.

프로젝트 상담

구체적인 요구사항을 알려주시면 1~3영업일 내 제안서로 회신드립니다.

프로젝트 상담하기