지역비대면 진행
예산600,000원
기간7일

가상의 향수 브랜드 SILLAGE로 만든 작업 예시입니다. 실제로 판매되는 브랜드는 아닙니다. 병, 금속 뚜껑, 향수 액체를 3D로 만들고 빛을 계산해 렌더링한 장면을 스크롤에 맞춰 넘기는 랜딩페이지입니다. 스크롤을 내리면 뚜껑이 열리고, 병에 가까이 다가가고, 라벨 각인과 액체 색이 차례로 보입니다. - 8개 구간, PC 화면용과 휴대폰 화면용 장면을 따로 렌더링 - 3D 모델링, 재질, 조명: Blender - 페이지: HTML, CSS, JS, 소스 전체 납품 같은 방식으로 브랜드 랜딩 1장 + 3D 장면 1구간을 60만 원(7일)부터 만들어 드립니다. 제품 사진과 실제 치수(mm)만 있으면 3D 모델은 제가 만듭니다. 마우스로 자유롭게 돌려 보는 방식은 아니고, 정해 둔 카메라 움직임대로 스크롤에 따라 움직입니다.

AI가드레일

웹 개발

5.0(5)

AI 거짓 완료·요금 폭탄·파일 파손 원천 봉쇄! 업무 맞춤 지침 설계부터 2중 자동 같은 방식으로 3D 설계·데이터 자동화도 직접 납품합니다.

스크롤에 반응하는 제품 3D 랜딩페이지 (Three.js)

브라우저 웹게임 200웨이브 기획개발밸런싱

정보형 웹사이트 58개 URL 제작하고 배포까지

스크롤에 반응하는 제품 3D 랜딩페이지에서 그대로 뽑은 화면입니다. 캔 하나를 3D로 만들어, 스크롤을 내리면 돌고 열리고 따라지는 장면이 이어지도록 했습니다. · 모델링 — 캔 몸체, 라벨, 탭, 얼음, 따라지는 액체까지 직접 만들었습니다 · 재질과 조명 — 알루미늄의 반사, 얼음의 투명도, 액체의 굴절을 하나씩 값으로 잡았습니다 · 화면 — three.js로 만든 웹페이지입니다. 미리 녹화한 영상이 아니라 실제로 돌아가는 사이트라 스크롤과 마우스에 반응합니다 같은 방식으로 상세페이지에 넣는 제품 3D 영상과 GIF, 릴스용 세로본, 스크롤로 제품을 보여주는 랜딩페이지까지 만들어 드립니다. 실물을 보내실 필요는 없습니다. 제품 사진(정면·측면·후면)과 실제 치수(mm)만 주시면 됩니다. 먼저 정지 컷으로 재질과 구도를 확인받고 움직임으로 넘어갑니다.

스크롤에 반응하는 제품 3D 랜딩페이지 (Three.js)
0
10
브라우저 웹게임 200웨이브 기획개발밸런싱
0
6
정보형 웹사이트 58개 URL 제작하고 배포까지
0
6
스크롤에 반응하는 제품 3D 랜딩페이지에서 그대로 뽑은 화면입니다. 캔 하나를 3D로 만들어, 스크롤을 내리면 돌고 열리고 따라지는 장면이 이어지도록 했습니다. · 모델링 — 캔 몸체, 라벨, 탭, 얼음, 따라지는 액체까지 직접 만들었습니다 · 재질과 조명 — 알루미늄의 반사, 얼음의 투명도, 액체의 굴절을 하나씩 값으로 잡았습니다 · 화면 — three.js로 만든 웹페이지입니다. 미리 녹화한 영상이 아니라 실제로 돌아가는 사이트라 스크롤과 마우스에 반응합니다 같은 방식으로 상세페이지에 넣는 제품 3D 영상과 GIF, 릴스용 세로본, 스크롤로 제품을 보여주는 랜딩페이지까지 만들어 드립니다. 실물을 보내실 필요는 없습니다. 제품 사진(정면·측면·후면)과 실제 치수(mm)만 주시면 됩니다. 먼저 정지 컷으로 재질과 구도를 확인받고 움직임으로 넘어갑니다.
0
3