LEGODT Tumbler Configurator
Personalized Tumbler Design with Real-time 3D Customization

Project Overview
LEGODT offers premium customizable tumblers for modern consumers who value both style and sustainability. Through VIVAR's 3D configurator, customers create unique tumbler designs by choosing colors, patterns, and accessories that reflect their personality. The real-time 3D preview with realistic material rendering ensures customers see exactly what they'll receive, dramatically reducing returns and increasing satisfaction.
The Challenge
Standing Out in the Crowded Tumbler Market
The reusable tumbler market is highly competitive, with most brands offering limited color options and minimal personalization. Customers want unique products that express their identity, but traditional e-commerce experiences fail to deliver true customization or confidence in what they're ordering.
VIVAR's solution turns tumbler shopping into an engaging creative experience. Customers become designers, choosing from hundreds of color and pattern combinations while seeing their choices rendered in photorealistic 3D. This emotional connection transforms a simple product purchase into personal expression, dramatically increasing both engagement and sales.
Key Features
Real-time Color Customization
Choose from extensive color palette for body, lid, and sleeve. Each change updates the 3D model instantly, allowing customers to experiment with endless combinations until they find their perfect match.
Pattern & Texture Library
Apply decorative patterns including geometric designs, nature-inspired motifs, and contemporary graphics. Patterns can be mixed with solid colors or combined for unique multi-layer effects.
Photorealistic Material Rendering
Advanced PBR (Physically Based Rendering) technology shows accurate material properties - metallic finishes, matte textures, glossy surfaces - exactly as they'll appear in real life.
Accessory Selection
Add functional accessories like straw sets, carrying straps, and protective sleeves. Each accessory is visualized in 3D, showing how it complements the overall design.
Technology Stack
WebGL 3D
PBR Rendering
Mobile-first
Cart Integration
Results & Impact
Mobile-Optimized Experience
Recognizing that most tumbler shoppers browse on mobile devices, VIVAR designed a touch-optimized configurator that works seamlessly on smartphones and tablets:
- Touch gestures: Pinch to zoom, swipe to rotate, tap to select - intuitive controls anyone can master instantly
- Performance optimization: Lightweight 3D models load in under 2 seconds even on slower mobile connections
- Responsive layout: Color swatches and options adapt to screen size for easy browsing without endless scrolling
Customization Options
Ready to Personalize Your Product Line?
Let's discuss how VIVAR can create an engaging customization experience for your brand.