VIEW
3D Shoe Viewer
← BACK TO PROJECTS

3D SHOE VIEWER

An interactive e-commerce prototype featuring a photogrammetry-captured shoe with clickable hotspots that snap the camera to predetermined viewpoints with detailed information panels.

ROLE Creator
YEAR 2025
TYPE E-commerce Prototype

Overview

This e-commerce prototype demonstrates how 3D product visualization can enhance online shopping. The shoe was captured using photogrammetry and placed in an interactive viewer where users can click arrow hotspots to snap to specific angles highlighting different features.

Each camera position is paired with an information panel showing details about that part of the shoe — the sole, tongue, materials, and other unique selling points. Users retain full control to explore freely after any snap.

Interactions

👆

Hotspot Navigation

Clickable arrows positioned around the shoe indicate viewable features.

📷

Camera Snapping

Smooth animated transitions to predetermined camera angles.

📄

Info Panels

Contextual information appears alongside each feature view.

🔄

Free Exploration

Full orbit controls remain available after any camera snap.

Demo

3D Viewer Embed Placeholder

Technical Stack

PHOTOGRAMMETRY THREE.JS MODEL-VIEWER GSAP

NEXT PROJECT

CLAY BOWL E-COMMERCE →