3D 제품 컨피규레이터: 가구·제조 홈페이지에서 옵션을 돌려 보며 고르게 하는 법
색상·마감을 고르면 3D 제품이 그 자리에서 바뀌고 가격도 함께 계산되는 3D 제품 컨피규레이터를 기술 LAB 데모와 원목 가구 쇼핑몰 콘셉트 시안으로 소개하고, 제조업 홈페이지에서 쓰는 법과 준비할 것을 정리했습니다.
3D 제품 컨피규레이터는 방문자가 색상·마감 같은 옵션을 고르면 화면 속 3D 제품이 그 자리에서 바뀌고, 고른 조합의 가격도 함께 계산되는 기능입니다. 옵션 조합이 많아 사진으로 다 찍기 어려운 가구·소품 쇼핑몰, 사양을 골라 견적을 받는 제조업 홈페이지에 잘 맞습니다. 견적 계산기 항목에는 없는 기능이라, 넣을지와 비용은 맞춤형 견적 상담에서 정합니다.
옵션이 많은 상품은 사진이 부족해집니다. LAB 데모의 텀블러는 바디 색 5가지, 마감 3가지, 뚜껑 3가지라 조합이 45가지입니다. 사진으로 모두 보여주려면 45번을 찍어야 합니다. 3D로 만들면 모델 하나로 45가지를 모두 보여주고, 방문자가 직접 돌려 볼 수도 있습니다.
1옵션을 누르면 제품과 가격이 같이 바뀝니다

기술 LAB의 19번 데모 '3D 제품 컨피규레이터'입니다. 왼쪽에 3D 텀블러가 있고, 오른쪽 패널에서 옵션을 고릅니다.
- 바디 컬러: 미드나잇, 세이지, 샌드, 코랄, 스카이
- 마감: 매트, 글로시(+4,000), 메탈릭(+9,000)
- 뚜껑: 블랙, 화이트, 우드(+6,000)
처음 화면은 미드나잇·글로시·블랙이고, 패널 맨 아래 '선택한 옵션 가격'은 ₩43,000입니다.

바디를 세이지, 마감을 매트, 뚜껑을 우드로 바꾼 화면입니다. 텀블러 색과 뚜껑이 바로 바뀌고, 가격은 ₩45,000이 됩니다. 매트는 추가 금액이 없고, 우드 뚜껑을 고르면 이름 옆에 '+6,000'이 표시되며 그만큼 더해집니다. 글로시였던 첫 화면과 비교하면 표면의 빛 반사도 달라졌습니다. 색만 바꾸는 것이 아니라 재질이 빛을 받는 방식까지 바꾸기 때문입니다.
- 360° 돌려 보기: 처음에는 제품이 천천히 저절로 돌고, 화면을 끌면 멈춘 뒤 손이 가는 대로 돌아갑니다. 왼쪽 아래에 "드래그해서 360° 돌려 보세요"라는 안내가 있습니다.
- 부드러운 전환: 옵션을 바꾸면 색이 툭 바뀌지 않고 부드럽게 넘어갑니다.
- 브라우저: LAB 카드에는 'WebGL을 지원하는 모든 최신 브라우저'라고 적혀 있습니다.

휴대폰에서는 3D 화면이 위, 옵션 패널이 아래로 내려옵니다. 손가락으로 끌어서 돌리고, 아래로 내리며 옵션을 고르면 맨 끝에서 가격을 확인합니다.
2원목 가구 쇼핑몰 시안이라면 어디에 넣을까
원목 가구 브랜드를 가정한 콘셉트 시안 'OAK & HUSH'입니다.

메뉴는 리빙룸·다이닝·수납·목재 이야기·쇼룸·고객지원이고, 첫 화면 제목은 "조용한 원목의 거실"입니다. 보조 문구는 "북미산 화이트 오크를 두껍게 써서, 소리 없이 오래가는 가구를 만듭니다." 제목 아래에는 무료 설치 배송, 원목 관리 키트, 10년 구조 보증, 치수 맞춤 네 가지가 한 줄로 놓여 있습니다.

컨피규레이터와 가장 잘 맞는 것은 네 번째 '치수 맞춤'입니다. 메인 화면의 구매 혜택에는 "테이블 길이를 10cm 단위로 맞출 수 있습니다."라고 적혀 있습니다. 길이를 10cm 단위로 고를 수 있다면 길이마다 사진을 따로 찍기는 어렵습니다. 컨피규레이터에 '길이' 옵션을 두면, 길이를 고를 때마다 3D 테이블이 늘어나고 가격도 따라 바뀌게 만들 수 있습니다.

상품 상세 화면은 메인의 BEST 첫 상품인 'Hush 3인 오크 프레임 소파'입니다. 위쪽에 상품명과 사진, 아래에 큰 상품 사진 한 장과 구매 상자가 있습니다. 구매 상자에는 메인과 같은 가격 ₩2,380,000, 색 옵션 세 가지(내추럴·화이트·차콜), 수량, '장바구니 담기'가 있습니다. 컨피규레이터를 넣는다면 이렇게 바꿉니다.
- 상품 사진 자리: 3D 화면으로 바꿉니다. 사진은 생활 공간에 놓인 모습을 보여주는 용도로 아래에 남깁니다.
- 옵션 버튼: 지금은 색 이름을 글자 버튼으로 고릅니다. 컨피규레이터에서는 내추럴·화이트·차콜을 누를 때 3D 소파 색이 함께 바뀌고, 테이블이라면 수종과 길이 옵션을 더합니다.
- 장바구니: 고른 조합이 그대로 장바구니와 주문서에 담기게 합니다. 화면에서 고른 것과 주문된 것이 달라지면 안 됩니다.

메인 화면 맨 아래에는 "원목의 무게를 직접 느껴보세요"라는 문구와 '쇼룸 예약' 버튼이 있습니다.
3제조업 홈페이지에서는 '가격' 대신 '사양 정리'로
제조업은 쇼핑몰과 끝이 다릅니다. 부품이나 장비, 주문 제작품은 수량과 납기에 따라 값이 달라져 화면에서 가격을 확정하기 어렵습니다. 이때 컨피규레이터는 가격 대신 고른 사양을 정리해 견적 요청서에 넘기는 역할을 합니다. 바이어는 크기·재질·색을 바꿔 가며 3D로 확인하고, 담당자는 사양이 정리된 요청서를 받습니다.
| 구분 | 쇼핑몰(가구·소품) | 제조업(부품·장비·주문 제작) |
|---|---|---|
| 고르는 옵션 | 색상, 마감, 크기 | 크기, 재질, 도장 색, 부속 |
| 화면 끝 | 선택한 옵션 가격 → 장바구니 | 선택한 사양 요약 → 견적 요청 |
| 가격 표시 | 옵션마다 더해지는 금액 | 표시하지 않거나 기준 가격만 |
| 함께 두면 좋은 것 | 쇼룸 예약, 배송·설치 안내 | 카탈로그 내려받기, 담당자 연락처 |
4준비할 것과 비용
3D 제품 컨피규레이터 직접 돌려보기 → OAK & HUSH 시안 · 기술 LAB 데모 23개 보기 · 맞춤형 견적 상담하기 · 쇼핑몰 기본 구성 예상 견적 보기
심플웹 예상 시작 금액
다이렉트 견적 계산기와 같은 기준입니다. 모두 부가세 별도이고, 최종 견적은 상담에서 범위를 정한 뒤 확정합니다.
| 기본형 홈페이지 | 50만 원~ |
|---|---|
| 쇼핑몰 | 150만 원~ |
| 예약·상담형 | 120만 원~ |
| 맞춤형 프로그램 | 200만 원~ |
| 6–10페이지 | +40만 원 |
|---|---|
| 11페이지 이상 | +90만 원 |
| 예약 기능 | +45만 원 |
| 회원 기능 | +50만 원 |
| 결제 기능 | +70만 원 |
| 관리자 페이지 | +50만 원 |
| 문의 폼 | 추가 금액 없음 |
자주 묻는 질문
홈페이지 제작 비용은 얼마인가요?
기본형 홈페이지는 50만원부터 시작합니다(부가세 별도). 페이지 수와 예약·회원·결제·관리자 같은 기능에 따라 금액이 달라지며, 다이렉트 견적에서 몇 가지 선택만으로 예상 금액을 바로 확인할 수 있습니다.
제작 기간은 얼마나 걸리나요?
페이지 수와 기능 범위에 따라 달라집니다. 상담에서 필요한 범위를 정리한 뒤 일정을 함께 확정합니다.
모바일에서도 잘 보이나요?
모든 홈페이지는 PC, 태블릿, 모바일 화면에 맞춰 반응형으로 제작합니다.
구글·네이버 검색 노출을 위한 설정도 해주나요?
페이지 제목과 설명, 사이트맵, robots.txt, 구조화 데이터 등 검색엔진이 사이트를 잘 읽을 수 있도록 기본 설정을 갖춰 제작하고, 서치콘솔과 서치어드바이저 등록 방법을 안내합니다.
오픈 이후 유지보수도 가능한가요?
오픈 후에도 콘텐츠 수정, 기능 추가, 운영 개선이 필요할 때 함께합니다.
여기 없는 질문도 편하게 물어보세요.