프로젝트 설명
정적인 제품 이미지 대신 마우스 조작과 스크롤에 반응하는 3D 오브젝트를
메인 화면에 배치해 사용자가 제품을 직접 탐색하는 듯한 인터랙티브한
쇼핑 경험을 구현하는 데 초점을 맞췄습니다.
스크롤에 따라 3D 제품이 자연스럽게 확대되며 확대되는 과정에서
헤드라인과 CTA 버튼이 사라지도록 구성해 제품 자체에 시선이 집중되도록
연출했습니다. 단순한 3D 배치를 넘어 화면의 흐름과 사용자 행동이
연결되는 몰입형 인터랙션을 적용했습니다.
Three.js 기반으로 3D 오브젝트와 웹 인터랙션을 구현하고
데스크톱과 모바일 환경을 고려한 반응형 구성과 최적화를 함께 적용해
다양한 디바이스에서 자연스럽게 작동하도록 제작했습니다.
데모보기
https://giftstore3d.netlify.app/
