주얼리 쇼핑몰 홈페이지 제작기: 스크롤을 내리면 맞물리는 3D 반지 한 쌍, 브리즈

스크롤을 내리면 반지 하나가 맞물린 한 쌍이 됩니다

첫 사진이 지나가면 화면 가운데에 3D 반지가 나타납니다. 스크롤을 내리면 먼저 금반지 하나가 가운데에서 열리고, 안쪽에 새긴 「BREEZE」 글자가 보입니다. 조금 더 내리면 알이 앉은 반지가 자리를 잡고, 오른쪽에서 두 번째 반지가 들어옵니다. 끝까지 내리면 두 반지가 맞물리고 「두 사람의 반지를 한 화면에서 맞춰 보실 수 있습니다」라는 글과 「3D 반지 플래너 →」 버튼이 나옵니다. 스크롤만 했는데 반지 안쪽과 겉면, 한 쌍이 된 모습까지 차례로 보이도록 한 디자인입니다.

그 아래 컬렉션 목록에는 평판, 둥근 단면, 한 알, 줄 알, 망치결, 엇갈림 여섯 디자인이 있습니다. 이름에 마우스를 올릴 때마다 가운데 사진이 그 디자인으로 바뀌어서, 손님은 목록을 훑으며 마음에 드는 모양을 빠르게 추릴 수 있습니다.

저희 에코스튜디오에 주얼리 쇼핑몰 제작을 맡기시면 매장의 대표 반지와 브랜드 이름을 살펴보고, 손님이 첫 화면에서 반지의 디테일에 눈을 멈추고 직접 골라 보고 싶어지도록 3D 장면을 만들어드립니다.

두 사람의 커플링을 여섯 단계로 골라 3D로 바로 봅니다

브리즈의 중심은 3D 반지 플래너입니다. 손님은 디자인, 금속, 알, 캐럿, 각인, 치수를 차례로 고릅니다. 디자인에서 「망치결」을 누르면 3D 반지 모양이 바로 바뀌고, 너비 2mm·3mm·4mm를 누르면 반지 폭이 달라집니다. 금속에서 14K(585), 18K(750), PT950과 옐로·화이트·로즈 색을 고르면 반지 색이 바뀌고, 왼쪽 위 글도 「18K(750) 로즈골드」처럼 같이 바뀝니다. 「한 알」 디자인에서 캐럿을 1.0ct(10부)로 올리면 큰 알이 앉은 반지가 나와서, 알 크기를 숫자보다 먼저 눈으로 비교하게 됩니다.

반지는 마우스로 끌어 돌려 볼 수 있습니다. 「정면」「옆 단면」「알 근접」「안쪽 각인」 버튼을 누르면 보는 각도가 바뀌고, 다 돌려 본 뒤에는 「처음 시점으로」 버튼으로 원래 모습으로 돌아옵니다.

평소에는 두 반지가 같은 옵션으로 함께 바뀝니다. 「따로 고르기」를 누르면 반지 A는 평판, 반지 B는 망치결 4mm처럼 서로 다른 반지를 골라 나란히 볼 수 있습니다. 한 사람 반지만 필요하면 「한 개만 맞춤」을 누르면 되고, 이때 단품 추가금이 붙는다는 안내도 함께 뜹니다. 화면 아래 막대에는 반지 A와 B, 합계 금액과 제작 예상 기간을 적는 칸이 있습니다.

저희 에코스튜디오에 커플링 쇼핑몰 제작을 맡기시면 매장에서 실제로 만드는 디자인과 금속, 알 종류를 먼저 파악하고, 손님이 고르는 대로 3D 반지와 금액이 함께 바뀌어 쉽게 비교하고 마음을 정할 수 있도록 만들어드립니다.

앉힐 수 없는 알은 고르는 순간 먼저 알려 줍니다

반지마다 앉힐 수 있는 알 크기가 다릅니다. 브리즈에서 0.03ct(3리) 알을 고른 채로 「한 알」 디자인을 누르면 「충돌 안내」 창이 뜹니다. 「이 디자인에 앉히기엔 작은 알입니다」라는 제목 아래, 한 알은 0.1ct(1부)부터 앉힌다는 이유와 바뀌는 항목이 적혀 있습니다. 손님은 「취소」를 눌러 그대로 두거나, 「이대로 바꾸기」를 눌러 캐럿을 올린 구성으로 넘어갑니다. 망치결에 0.1ct를 고를 때도 「알 자리 상한을 넘습니다」라는 안내가 나옵니다. 안 되는 조합을 매장에 와서야 알게 되는 일을 홈페이지에서 미리 걸러 줍니다.

컬렉션 화면의 디자인 카드에서 「보기 +」를 누르면 고를 수 있는 너비, 알 자리 상한, 각인 글자 수 상한, 금속이 펼쳐집니다. 「이 디자인으로 맞추기 →」를 누르면 플래너로 넘어가고, 그 디자인에 맞는 안내가 이어서 뜹니다. 고객 후기 화면에서는 디자인별 필터를 눌러 같은 디자인을 고른 사진만 모아 볼 수 있습니다.

저희 에코스튜디오에 맡기시면 공방의 제작 기준을 그대로 반영해, 손님이 무리한 조합을 고르기 전에 이유를 읽고 안심하고 고를 수 있도록 안내 문구까지 만들어드립니다.

이런 3D 플래너나 맞춤 안내를 우리 업체 홈페이지에도 넣고 싶다면 프리미엄 홈페이지 상담에서 원하시는 기능부터 편하게 이야기해 주세요.

주얼리 쇼핑몰에서 손님이 망설이는 각인과 치수도 화면에서 정합니다

각인 단계에서는 「세리프」「이탤릭」「고딕」 가운데 서체를 고르고 문구를 적습니다. 글자 수는 너비에 따라 2mm 10자, 3mm 14자, 4mm 18자까지라서, 화면에 「너비 3mm에는 14자까지 새깁니다.」처럼 바로 나옵니다. 「안쪽 각인」 버튼을 누르면 반지 안쪽에서 문구가 새겨질 자리를 볼 수 있습니다. 각인 단계에는 「주문 제작 · 청약철회 제한」 표시도 붙어 있어서 손님이 미리 알고 고릅니다.

치수는 두 반지마다 1호부터 30호까지 따로 고릅니다. 손가락 치수를 모르는 손님은 「모름(매장에서 재기)」를 누르면 되고, 손가락 굵기가 하루에도 달라진다는 안내가 함께 나옵니다. 금속에서 화이트골드를 고르면 로듐 도금이 옅어질 수 있어 재도금을 해드린다는 안내가 뜹니다. PT950을 고르면 백금 한 가지 색이라 색 칩이 꺼집니다. 손님이 매장에서 물어볼 만한 내용을, 반지를 고르는 화면 안에서 먼저 읽을 수 있습니다.

저희 에코스튜디오에 맡기시면 매장의 각인 방식과 A/S 기준을 살펴보고, 손님이 궁금해할 내용을 반지를 고르는 순간 바로 읽을 수 있도록 디자인해드립니다.

고른 구성이 반지 상자와 방문 예약에 그대로 따라옵니다

다 고르고 「반지 상자에서 보기」를 누르면 두 반지의 사양이 표로 나란히 나옵니다. 디자인, 너비, 순도, 색, 알, 겉면, 각인, 치수를 반지 A와 B로 나눠 보여 주고, 같게 고른 줄은 하나로 합쳐서 한 번에 읽힙니다. 어느 줄이든 「고치기」를 누르면 플래너로 돌아가 다시 고를 수 있습니다.

반지 상자의 「방문 예약」 버튼을 누르면 방문 예약 화면 위쪽에 「고른 구성」이 이미 채워져 있습니다. 손님은 날짜, 시간, 이름, 연락처 네 칸만 채우면 되고, 고른 구성도 그 자리에서 고칠 수 있습니다. 「구성 QR 받기」를 누르면 QR이 생기고, 매장에서 이 QR을 보여 주면 고른 구성을 그대로 불러온다는 안내가 붙습니다. 「구성 저장·주소 복사」를 누르면 고른 구성이 담긴 주소가 복사됩니다. 이 주소를 열면 같은 반지가 다시 나오니, 두 사람이 각자 휴대폰으로 열어 보며 의논할 수 있습니다. 반지 상자에서는 청약철회 제한 고지와 거래조건 동의를 거쳐 예약금 화면까지 가는 견적 확정 화면으로도 넘어갈 수 있습니다.

저희 에코스튜디오에 맡기시면 매장의 상담과 예약 방식에 맞춰, 손님이 고른 반지를 그대로 들고 부담 없이 방문 예약을 남길 수 있도록 구성해드립니다. 상담 때 구성을 다시 묻지 않아도 되니, 사장님도 첫 대화를 반지 이야기로 바로 시작하실 수 있습니다.

휴대폰에서도 다이얼을 넘기며 반지를 고릅니다

휴대폰에서는 위쪽에 「BREEZE」와 「3D 반지 플래너」 버튼, 「메뉴」가 보입니다. 「메뉴」를 누르면 컬렉션부터 방문 예약까지 큰 글씨 메뉴가 화면 전체에 열립니다. 홈의 3D 장면도 휴대폰에서 그대로 켜져서, 스크롤을 내리면 반지가 열리고 맞물립니다.

플래너에서는 보라색 3D 구역에 반지 두 개가 좌우로 나란히 보이고, 그 아래 반원 다이얼과 단계 패널이 이어집니다. 화면 아래에는 합계와 예상 기간 한 줄, 「← 이전」, 금색 「다음: 금속 →」 버튼이 고정되어 있어서 고르는 도중에도 언제든 다음 단계로 넘어갈 수 있습니다. 화면이 폭에 맞게 들어와 옆으로 밀리는 곳도 없습니다.

저희에게 제작을 맡겨주시면 휴대폰으로 반지를 찾아보는 손님도 작은 화면에서 편하게 반지를 고르고 방문 예약까지 남길 수 있도록 만들어드립니다.

프리미엄 홈페이지는 ₩1,499,000~이고, 안내 기간은 28일입니다. 3D 플래너, 스크롤 장면, 방문 예약처럼 어떤 페이지와 기능을 넣을지는 상담에서 정해드립니다. 자세한 내용은 홈페이지 제작 안내에서 보실 수 있고, 궁금하신 점은 프로젝트 문의에 남겨 주세요.

브리즈 템플릿 보기 →

브리즈 실제 화면 열기 →