New Balance PoC

Project Overview

The New Balance Proof of Concept offers an immersive 3D product personalization experience for e-commerce. With real-time rendering, users can dynamically customize the 3D model by selecting from a range of colors, uploading their own images, and adding predetermined or bespoke text in various font styles to personalize multiple components of the product. This cutting-edge solution provides an engaging and interactive way for customers to tailor products to their unique preferences.

🔗 Click the following link to view a live demo.

Objectives

1. Build a 3D product personalization experience using cutting-edge technologies.
2. Showcase the capabilities of WebGL and 3D rendering in web applications.
3. Test the most up-to-date tech stack for building high-performance applications.

Features

1. Fully Responsive:
   • Adapts seamlessly to all devices, whether in landscape or portrait mode.
2. WebGL 3D Rendering:
   • Optimized 3D rendering for delivering realistic experiences to the user.
3. User-Generated Content Support:
   • Real-time 3D model updates when changing colors, adding text, and uploading custom images.
4. Fullscreen Support:
   • Toggle between normal and fullscreen view seamlessly, either on mobile or desktop devices.
5. 3D Rotation and Zooming:
   • Easily manipulate the 3D model to rotate or zoom it using a touch device or a mouse.

Technology Stack

• React
• TypeScript
• PostCSS
• Zustand
• WebGL

Live Website Link

Experience the live website here.