2025
LEGODT Tumbler
‘텀꾸’ 프로젝트는 Fun & Pop 콘셉트에 맞춰 키링, 컬러, 애니메이션 등으로 개성을 표현할 수 있는 고품질 3D 커스터마이징 경험을 제공했습니다. 물리엔진, 전환 애니메이션, SNS형 갤러리 등 기술과 사용자 경험을 결합해 커머스와 바이럴 효과를 동시에 이끌어낸 프로젝트입니다.
Photography
Studio
Know More
‘Fun & Pop’이라는 키워드를 시각적, 인터랙티브 요소 전반에 녹여냈습니다. 단순한 제품 커스터마이징을 넘어, 사용자와 브랜드 사이의 감성적 연결을 유도했습니다.
제품 구매 경험이 재미있는 놀이가 될 수 있을까?
전체적인 그래픽 톤은 생동감 있고 톡톡 튀는 색감을 중심으로 구성되었으며, 컬러 옵션 간의 전환도 부드럽게 연출되어 사용자에게 감각적인 경험을 제공합니다. 키링과 텀블러 본체, 뚜껑, 스트랩 등 각 파츠별 컬러 조합은 실제 제품 생산을 염두에 두고 구성되었으며, 선택의 폭은 넓되 조화롭게 구성되도록 UI 설계가 병행되었습니다. 특히 키링은 캐릭터성 있는 디자인으로 다양하게 제작되어, 텀블러의 분위기를 단숨에 바꾸는 포인트 역할을 합니다. 사용자는 각 파츠를 직관적으로 클릭하거나 드래그하여 선택할 수 있고, 모든 변경 사항은 실시간으로 고해상도 렌더링을 통해 반영됩니다. 시각적 몰입감을 극대화하기 위해 다양한 조명 효과와 카메라 움직임도 디테일하게 연출하였습니다. 전반적으로 제품 커스터마이징을 ‘재미있는 놀이’로 느낄 수 있도록 하는 것이 이번 프로젝트의 목표였으며, 실제 사용자 피드백에서도 높은 몰입도를 확인할 수 있었습니다.
Problem
키링은 실제 물체처럼 흔들리고 부딪히는 물리엔진이 적용되어, 정적인 화면을 넘는 생동감 있는 커스터마이징 경험을 제공합니다. 물리적 반응을 하는 키링은 VIVAR 프로젝트의 기술력을 대표하는 사례가 되었습니다.
각 키링은 물리적 관성과 충돌 반응을 구현하여, 회전하거나 흔들릴 때 다른 파츠와 자연스럽게 상호작용하도록 설정되었습니다. 예를 들어 키링이 흔들리며 텀블러 본체에 부딪히는 순간, 속도에 따라 탄성이나 흔들림이 다르게 표현됩니다. 이는 일반적인 3D 웹 뷰어에서는 보기 드문 수준의 구현으로, 기술적 완성도를 높이는 데 큰 역할을 했습니다. 또한 키링의 재질감도 각기 다르게 구성되어, 유광 플라스틱부터 무광 러버까지 다양한 텍스처가 적용되었습니다. 이러한 고급 텍스처와 조명 설정 덕분에, 키링은 단순한 부속품을 넘어 주목도 높은 시각적 포인트가 됩니다. 사용자는 키링 위치를 자유롭게 선택할 수 있으며, 중복 부착도 가능하도록 UX가 설계되었습니다. 이러한 디테일들은 사용자 몰입도를 극대화하며, 제품에 감정적 애착을 부여하는 핵심 요소로 작용합니다.
Solution
텀블러 모델 변경에 애니메이션을 적용해, 시각적으로 자연스럽고 끊김 없는 사용자 경험을 완성했습니다. 각 텀블러별로 다른 배경 컬러를 적용하여, 커스터마이징 흐름의 몰입감을 유지합니다.
400ml, 600ml, 1,000ml 등 다양한 용량 선택지 간의 전환 시, 내부와 외부의 비율이 함께 변화하여 실제 제품의 구조를 반영합니다. 모델별로 높이, 둘레, 파츠 배치가 다르기 때문에, 단순한 스케일 변화가 아닌 설계 기반의 차별화된 애니메이션이 적용되었습니다. 또한 뚜껑 종류에 따라 스트로, 슬라이드형 등 다양한 열림 방식이 구현되었으며, 이 또한 클릭 시 동작 애니메이션으로 반응합니다. 사용자는 제품의 구조적 특성을 직접 체험하듯 확인할 수 있어, 구매 판단에 필요한 정보를 시각적으로 빠르게 파악할 수 있습니다. 이 모든 전환은 WebGL 기반에서 최적화되어 버벅임을 최소화하고 매끄럽게 실행되며, 사용자의 기기 성능에 맞춰 품질이 조절되는 스마트 로딩 기능도 도입하였습니다. 사용자 경험이 끊기지 않도록 철저히 설계된 이 애니메이션 시스템은, 브랜드의 품질 이미지까지 함께 전달하는 중요한 수단이 되었습니다.
Concept
커스터마이징 결과물을 공유할 수 있는 갤러리를 구축해, 유저 간 소통과 자발적 확산이 가능하도록 설계했습니다. 저장과 업로드, 공유 기능을 통해 브랜드와 사용자의 연결을 자연스럽게 확장합니다.
갤러리는 다른 유저의 커스터마이징을 참고하거나 그대로 가져와 수정할 수 있는 기능도 포함되어 있습니다. SNS처럼 사용자의 참여를 유도하였습니다. 갤러리에 업로드된 텀블러는 자동으로 대표 이미지가 생성되며, 커스터마이징 데이터는 저장되어 다시 불러올 수 있습니다. 이로 인해 한 번 만든 구성은 영구적으로 관리할 수 있고, 친구나 커뮤니티와 공유하기에도 용이합니다. 사용자는 URL 복사, SNS 공유 버튼을 통해 자신만의 디자인을 자연스럽게 퍼뜨릴 수 있으며, 브랜드는 이를 통해 사용자의 자발적 확산과 피드백을 기대할 수 있습니다. 단순한 판매 도구를 넘어, 사용자 참여형 콘텐츠로 진화한 이 갤러리는 프로젝트의 브랜드 경험을 더욱 풍성하게 만들어주는 중요한 요소로 작용했습니다.
More Works
VIVAR
©2024
FAQ
01
프로젝트는 어떻게 시작되나요?
02
프로젝트의 코드 원본을 받을 수 있나요?
03
유지 관리는 어떻게 진행되나요?
04
제품의 3D 모델이 있어야하나요?
05
구매 연동까지 가능한가요?
06
여러 제품일 경우 추가로 비용이 발생하나요?
07
모바일 모드도 지원하나요?
08
쇼핑몰에 탑재는 어떻게 하나요?
2025
LEGODT Tumbler
‘텀꾸’ 프로젝트는 Fun & Pop 콘셉트에 맞춰 키링, 컬러, 애니메이션 등으로 개성을 표현할 수 있는 고품질 3D 커스터마이징 경험을 제공했습니다. 물리엔진, 전환 애니메이션, SNS형 갤러리 등 기술과 사용자 경험을 결합해 커머스와 바이럴 효과를 동시에 이끌어낸 프로젝트입니다.
Photography
Studio
Know More
‘Fun & Pop’이라는 키워드를 시각적, 인터랙티브 요소 전반에 녹여냈습니다. 단순한 제품 커스터마이징을 넘어, 사용자와 브랜드 사이의 감성적 연결을 유도했습니다.
제품 구매 경험이 재미있는 놀이가 될 수 있을까?
전체적인 그래픽 톤은 생동감 있고 톡톡 튀는 색감을 중심으로 구성되었으며, 컬러 옵션 간의 전환도 부드럽게 연출되어 사용자에게 감각적인 경험을 제공합니다. 키링과 텀블러 본체, 뚜껑, 스트랩 등 각 파츠별 컬러 조합은 실제 제품 생산을 염두에 두고 구성되었으며, 선택의 폭은 넓되 조화롭게 구성되도록 UI 설계가 병행되었습니다. 특히 키링은 캐릭터성 있는 디자인으로 다양하게 제작되어, 텀블러의 분위기를 단숨에 바꾸는 포인트 역할을 합니다. 사용자는 각 파츠를 직관적으로 클릭하거나 드래그하여 선택할 수 있고, 모든 변경 사항은 실시간으로 고해상도 렌더링을 통해 반영됩니다. 시각적 몰입감을 극대화하기 위해 다양한 조명 효과와 카메라 움직임도 디테일하게 연출하였습니다. 전반적으로 제품 커스터마이징을 ‘재미있는 놀이’로 느낄 수 있도록 하는 것이 이번 프로젝트의 목표였으며, 실제 사용자 피드백에서도 높은 몰입도를 확인할 수 있었습니다.
Problem
키링은 실제 물체처럼 흔들리고 부딪히는 물리엔진이 적용되어, 정적인 화면을 넘는 생동감 있는 커스터마이징 경험을 제공합니다. 물리적 반응을 하는 키링은 VIVAR 프로젝트의 기술력을 대표하는 사례가 되었습니다.
각 키링은 물리적 관성과 충돌 반응을 구현하여, 회전하거나 흔들릴 때 다른 파츠와 자연스럽게 상호작용하도록 설정되었습니다. 예를 들어 키링이 흔들리며 텀블러 본체에 부딪히는 순간, 속도에 따라 탄성이나 흔들림이 다르게 표현됩니다. 이는 일반적인 3D 웹 뷰어에서는 보기 드문 수준의 구현으로, 기술적 완성도를 높이는 데 큰 역할을 했습니다. 또한 키링의 재질감도 각기 다르게 구성되어, 유광 플라스틱부터 무광 러버까지 다양한 텍스처가 적용되었습니다. 이러한 고급 텍스처와 조명 설정 덕분에, 키링은 단순한 부속품을 넘어 주목도 높은 시각적 포인트가 됩니다. 사용자는 키링 위치를 자유롭게 선택할 수 있으며, 중복 부착도 가능하도록 UX가 설계되었습니다. 이러한 디테일들은 사용자 몰입도를 극대화하며, 제품에 감정적 애착을 부여하는 핵심 요소로 작용합니다.
Solution
텀블러 모델 변경에 애니메이션을 적용해, 시각적으로 자연스럽고 끊김 없는 사용자 경험을 완성했습니다. 각 텀블러별로 다른 배경 컬러를 적용하여, 커스터마이징 흐름의 몰입감을 유지합니다.
400ml, 600ml, 1,000ml 등 다양한 용량 선택지 간의 전환 시, 내부와 외부의 비율이 함께 변화하여 실제 제품의 구조를 반영합니다. 모델별로 높이, 둘레, 파츠 배치가 다르기 때문에, 단순한 스케일 변화가 아닌 설계 기반의 차별화된 애니메이션이 적용되었습니다. 또한 뚜껑 종류에 따라 스트로, 슬라이드형 등 다양한 열림 방식이 구현되었으며, 이 또한 클릭 시 동작 애니메이션으로 반응합니다. 사용자는 제품의 구조적 특성을 직접 체험하듯 확인할 수 있어, 구매 판단에 필요한 정보를 시각적으로 빠르게 파악할 수 있습니다. 이 모든 전환은 WebGL 기반에서 최적화되어 버벅임을 최소화하고 매끄럽게 실행되며, 사용자의 기기 성능에 맞춰 품질이 조절되는 스마트 로딩 기능도 도입하였습니다. 사용자 경험이 끊기지 않도록 철저히 설계된 이 애니메이션 시스템은, 브랜드의 품질 이미지까지 함께 전달하는 중요한 수단이 되었습니다.
Concept
커스터마이징 결과물을 공유할 수 있는 갤러리를 구축해, 유저 간 소통과 자발적 확산이 가능하도록 설계했습니다. 저장과 업로드, 공유 기능을 통해 브랜드와 사용자의 연결을 자연스럽게 확장합니다.
갤러리는 다른 유저의 커스터마이징을 참고하거나 그대로 가져와 수정할 수 있는 기능도 포함되어 있습니다. SNS처럼 사용자의 참여를 유도하였습니다. 갤러리에 업로드된 텀블러는 자동으로 대표 이미지가 생성되며, 커스터마이징 데이터는 저장되어 다시 불러올 수 있습니다. 이로 인해 한 번 만든 구성은 영구적으로 관리할 수 있고, 친구나 커뮤니티와 공유하기에도 용이합니다. 사용자는 URL 복사, SNS 공유 버튼을 통해 자신만의 디자인을 자연스럽게 퍼뜨릴 수 있으며, 브랜드는 이를 통해 사용자의 자발적 확산과 피드백을 기대할 수 있습니다. 단순한 판매 도구를 넘어, 사용자 참여형 콘텐츠로 진화한 이 갤러리는 프로젝트의 브랜드 경험을 더욱 풍성하게 만들어주는 중요한 요소로 작용했습니다.
More Works
VIVAR
©2024
FAQ
01
프로젝트는 어떻게 시작되나요?
02
프로젝트의 코드 원본을 받을 수 있나요?
03
유지 관리는 어떻게 진행되나요?
04
제품의 3D 모델이 있어야하나요?
05
구매 연동까지 가능한가요?
06
여러 제품일 경우 추가로 비용이 발생하나요?
07
모바일 모드도 지원하나요?
08
쇼핑몰에 탑재는 어떻게 하나요?
2025
LEGODT Tumbler
‘텀꾸’ 프로젝트는 Fun & Pop 콘셉트에 맞춰 키링, 컬러, 애니메이션 등으로 개성을 표현할 수 있는 고품질 3D 커스터마이징 경험을 제공했습니다. 물리엔진, 전환 애니메이션, SNS형 갤러리 등 기술과 사용자 경험을 결합해 커머스와 바이럴 효과를 동시에 이끌어낸 프로젝트입니다.
Photography
Studio
Know More
‘Fun & Pop’이라는 키워드를 시각적, 인터랙티브 요소 전반에 녹여냈습니다. 단순한 제품 커스터마이징을 넘어, 사용자와 브랜드 사이의 감성적 연결을 유도했습니다.
제품 구매 경험이 재미있는 놀이가 될 수 있을까?
전체적인 그래픽 톤은 생동감 있고 톡톡 튀는 색감을 중심으로 구성되었으며, 컬러 옵션 간의 전환도 부드럽게 연출되어 사용자에게 감각적인 경험을 제공합니다. 키링과 텀블러 본체, 뚜껑, 스트랩 등 각 파츠별 컬러 조합은 실제 제품 생산을 염두에 두고 구성되었으며, 선택의 폭은 넓되 조화롭게 구성되도록 UI 설계가 병행되었습니다. 특히 키링은 캐릭터성 있는 디자인으로 다양하게 제작되어, 텀블러의 분위기를 단숨에 바꾸는 포인트 역할을 합니다. 사용자는 각 파츠를 직관적으로 클릭하거나 드래그하여 선택할 수 있고, 모든 변경 사항은 실시간으로 고해상도 렌더링을 통해 반영됩니다. 시각적 몰입감을 극대화하기 위해 다양한 조명 효과와 카메라 움직임도 디테일하게 연출하였습니다. 전반적으로 제품 커스터마이징을 ‘재미있는 놀이’로 느낄 수 있도록 하는 것이 이번 프로젝트의 목표였으며, 실제 사용자 피드백에서도 높은 몰입도를 확인할 수 있었습니다.
Problem
키링은 실제 물체처럼 흔들리고 부딪히는 물리엔진이 적용되어, 정적인 화면을 넘는 생동감 있는 커스터마이징 경험을 제공합니다. 물리적 반응을 하는 키링은 VIVAR 프로젝트의 기술력을 대표하는 사례가 되었습니다.
각 키링은 물리적 관성과 충돌 반응을 구현하여, 회전하거나 흔들릴 때 다른 파츠와 자연스럽게 상호작용하도록 설정되었습니다. 예를 들어 키링이 흔들리며 텀블러 본체에 부딪히는 순간, 속도에 따라 탄성이나 흔들림이 다르게 표현됩니다. 이는 일반적인 3D 웹 뷰어에서는 보기 드문 수준의 구현으로, 기술적 완성도를 높이는 데 큰 역할을 했습니다. 또한 키링의 재질감도 각기 다르게 구성되어, 유광 플라스틱부터 무광 러버까지 다양한 텍스처가 적용되었습니다. 이러한 고급 텍스처와 조명 설정 덕분에, 키링은 단순한 부속품을 넘어 주목도 높은 시각적 포인트가 됩니다. 사용자는 키링 위치를 자유롭게 선택할 수 있으며, 중복 부착도 가능하도록 UX가 설계되었습니다. 이러한 디테일들은 사용자 몰입도를 극대화하며, 제품에 감정적 애착을 부여하는 핵심 요소로 작용합니다.
Solution
텀블러 모델 변경에 애니메이션을 적용해, 시각적으로 자연스럽고 끊김 없는 사용자 경험을 완성했습니다. 각 텀블러별로 다른 배경 컬러를 적용하여, 커스터마이징 흐름의 몰입감을 유지합니다.
400ml, 600ml, 1,000ml 등 다양한 용량 선택지 간의 전환 시, 내부와 외부의 비율이 함께 변화하여 실제 제품의 구조를 반영합니다. 모델별로 높이, 둘레, 파츠 배치가 다르기 때문에, 단순한 스케일 변화가 아닌 설계 기반의 차별화된 애니메이션이 적용되었습니다. 또한 뚜껑 종류에 따라 스트로, 슬라이드형 등 다양한 열림 방식이 구현되었으며, 이 또한 클릭 시 동작 애니메이션으로 반응합니다. 사용자는 제품의 구조적 특성을 직접 체험하듯 확인할 수 있어, 구매 판단에 필요한 정보를 시각적으로 빠르게 파악할 수 있습니다. 이 모든 전환은 WebGL 기반에서 최적화되어 버벅임을 최소화하고 매끄럽게 실행되며, 사용자의 기기 성능에 맞춰 품질이 조절되는 스마트 로딩 기능도 도입하였습니다. 사용자 경험이 끊기지 않도록 철저히 설계된 이 애니메이션 시스템은, 브랜드의 품질 이미지까지 함께 전달하는 중요한 수단이 되었습니다.
Concept
커스터마이징 결과물을 공유할 수 있는 갤러리를 구축해, 유저 간 소통과 자발적 확산이 가능하도록 설계했습니다. 저장과 업로드, 공유 기능을 통해 브랜드와 사용자의 연결을 자연스럽게 확장합니다.
갤러리는 다른 유저의 커스터마이징을 참고하거나 그대로 가져와 수정할 수 있는 기능도 포함되어 있습니다. SNS처럼 사용자의 참여를 유도하였습니다. 갤러리에 업로드된 텀블러는 자동으로 대표 이미지가 생성되며, 커스터마이징 데이터는 저장되어 다시 불러올 수 있습니다. 이로 인해 한 번 만든 구성은 영구적으로 관리할 수 있고, 친구나 커뮤니티와 공유하기에도 용이합니다. 사용자는 URL 복사, SNS 공유 버튼을 통해 자신만의 디자인을 자연스럽게 퍼뜨릴 수 있으며, 브랜드는 이를 통해 사용자의 자발적 확산과 피드백을 기대할 수 있습니다. 단순한 판매 도구를 넘어, 사용자 참여형 콘텐츠로 진화한 이 갤러리는 프로젝트의 브랜드 경험을 더욱 풍성하게 만들어주는 중요한 요소로 작용했습니다.
More Works
©2024
FAQ
프로젝트는 어떻게 시작되나요?
프로젝트의 코드 원본을 받을 수 있나요?
유지 관리는 어떻게 진행되나요?
제품의 3D 모델이 있어야하나요?
구매 연동까지 가능한가요?
여러 제품일 경우 추가로 비용이 발생하나요?
모바일 모드도 지원하나요?
쇼핑몰에 탑재는 어떻게 하나요?