세라믹 브랜드를 운영하는 Puja Sharma는 재질 에디터로 유약 질감 하나만 살짝 조정했어요. 그날 이후로 고객들이 "사진 더 보내주세요"라는 메시지를 그만 보냈대요.

사소해 보이는 변화인데, 이게 온라인 쇼핑몰이 오래 앓아온 문제의 핵심을 건드려요.

3초 요약
2D 사진의 한계 3D/AR 도입시 전환율 급등 근데 사이트가 느려지는 함정 Ctruh의 워커 기반 렌더링 코드 없이 적용

사진만으로는 이제 안 팔려요

온라인에서 물건을 살 때 제일 답답한 순간이 언제인가요. 사진 각도가 애매해서 실물이 어떨지 감이 안 잡힐 때예요. 그래서 판매자에게 "다른 각도 사진 있나요"라고 묻고, 답이 늦으면 그냥 창을 닫아버리죠.

이 문제를 데이터로 보면 훨씬 선명해져요. Shopify가 소개한 Rebecca Minkoff 사례에서, 3D 모델을 본 쇼퍼는 장바구니에 담을 확률이 44% 더 높았고, AR로 제품을 확인한 방문자는 구매 확률이 65% 더 높았어요. 그중 27%는 실제 주문까지 이어졌고요.

가구 브랜드 Oakywood는 Shopify AR 기능을 붙인 뒤 평균 주문 금액이 독일에서 458%, 스위스에서 232%, 영국에서 84% 뛰었어요. Etsy에서 한 달에 거의 없던 맞춤 주문도 월 200~300건으로 늘었고요.

+65%
AR로 본 방문자의 구매 확률 (Rebecca Minkoff)
+458%
AR 도입 후 평균 주문금액 (Oakywood, 독일)
200~300건
Etsy 맞춤 주문 (도입 전 월 0건대)

숫자만 보면 "그럼 다 붙이면 되잖아" 싶죠. 근데 여기부터 진짜 문제가 시작돼요.

근데 3D 붙이면 사이트가 느려진다는 게 함정이에요

실제로 나온 우려

Ctruh Studio가 Product Hunt에 올라왔을 때, 개발자 Greig Santos-Buch가 정확히 이 지점을 짚었어요. "WebGL이나 JS가 LCP·INP를 망가뜨려서 SEO 순위가 떨어질 위험이 있다"고요. 그는 지연 로딩, 크롤러용 2D 폴백, 메인 스레드 분리를 대안으로 제시했어요.

이건 근거 없는 트집이 아니에요. 3D 뷰어는 대부분 무거운 WebGL 라이브러리를 메인 스레드에서 돌리는데, 이게 페이지 로딩 속도(LCP)와 반응성(INP)을 갉아먹으면 구글이 검색 순위를 낮춰요. 전환율을 올리려고 붙인 기능이 검색 유입 자체를 깎아 먹는 역설이 생기는 거죠.

그러니까 진짜 질문은 "3D를 붙일까 말까"가 아니라 "어떻게 붙여야 사이트 속도를 안 죽이나"예요.

Ctruh는 그 두 마리 토끼를 어떻게 잡았나

Ctruh Studio는 인도 딥테크 스타트업 Ctruh가 만든 노코드 XR 커머스 플랫폼이에요. Shark Tank India에 출연한 이력이 있고, 2022년 설립돼 Inflection Point Ventures와 Avinya Ventures 주도로 시드 250만 달러를 유치했어요.

위 성능 우려에 대해 CEO Vinay Agastya가 직접 기술적으로 답했어요. 3D 콘텐츠가 임계 렌더링 경로(critical rendering path)를 절대 건드리지 않도록 설계했고, 워커 기반 렌더링과 WASM 디코딩, WebGPU를 활용해 메인 스레드 부담을 분리했다고요. 필요한 텍스처 타일만 순차적으로 불러오는 방식(Sequential Virtual Texturing)과 버전 관리 캐싱을 쓰기 때문에, 재방문 시엔 대역폭을 거의 안 먹는다고 설명했어요.

핵심은 "AI가 3D를 만든다"가 아니라 "누가 3D를 만들어도 사이트가 안 죽는다"

VersaAI가 텍스트나 이미지를 몇 분 안에 프로덕션급 3D 모델로 바꿔주는 게 눈에 띄는 기능이지만, 실제 이커머스 담당자 입장에서 더 중요한 건 그 결과물을 사이트에 붙였을 때 로딩 속도가 안 죽는지예요.

여기에 노코드 드래그앤드롭 에디터, 120개 이상의 씬 템플릿, QR 스캔 기반 AR을 얹었어요. 앞서 나온 도자기 브랜드 사례처럼, 재질 에디터로 색상·질감·반사도를 직접 조정할 수 있어서 추가 촬영 없이도 고객이 궁금해하는 디테일을 바로 보여줄 수 있고요.

물론 아직 다듬을 부분도 있어요. 런칭 댓글에서 제품 변형을 한 번에 여러 개 편집하는 배치 편집 기능이 없다는 지적이 나왔고, 팀은 다음 릴리스 로드맵에 넣겠다고 답했어요.

코드 없이 시작하는 법

  1. 플랜 고르고 가입하기
    Free, Pro, Business, Enterprise 4단계 중에서 규모에 맞는 플랜으로 시작해요.
  2. VersaAI로 3D 모델 생성
    제품 사진을 올리거나 텍스트로 설명하면 몇 분 안에 3D 모델이 나와요.
  3. 재질 에디터로 디테일 조정
    색상·질감·반사도를 만져서 실물과 최대한 가깝게 맞춰요. 여기가 "추가 사진 요청"을 줄이는 지점이에요.
  4. AR·컨피그레이터 배치
    QR 스캔으로 고객이 자기 공간이나 몸에 제품을 비춰볼 수 있게 설정해요.
  5. 임베드 전 로딩 확인
    지연 로딩이 제대로 걸려 있는지, 첫 화면 로딩(LCP)에 영향이 없는지 한 번 더 확인하고 게시해요.