IQOS Viewer
A PREMIUM INTERACTIVE 3D VIEWER EXPERIENCE BUILT FOR THE IQOS ILUMA I ONE, KIT, AND PRIME PRODUCT LINEUP. USERS BEGIN ON A SLEEK SELECTION PAGE SHOWCASING EACH DEVICE MODEL THROUGH DEDICATED PREVIEW IMAGES AND TITLES BEFORE ENTERING A FULLY IMMERSIVE BROWSER-BASED CONFIGURATOR. INSIDE THE VIEWER, EVERY DEVICE IS PRESENTED ON A STYLIZED DISPLAY STAND SURROUNDED BY MODERN PROCEDURAL LIGHTING AND ATMOSPHERIC EFFECTS ENTIRELY GENERATED THROUGH CODE. USERS CAN EXPLORE THE MODELS IN REAL TIME, SWITCH BETWEEN AVAILABLE COLOR VARIATIONS, AND PERSONALIZE SELECTED DEVICES THROUGH AN ADVANCED ENGRAVING SYSTEM THAT SUPPORTS BOTH CUSTOM TEXT AND COLORFUL UPLOADED IMAGES. THE SYSTEM INTELLIGENTLY ADAPTS THE ENGRAVING COLOR FOR TEXT ENGRAVINGS DEPENDING ON THE SELECTED DEVICE COLOR TO ENSURE OPTIMAL VISUAL CONTRAST. SMOOTH ANIMATED TRANSITIONS, INCLUDING FULL 360-DEGREE MODEL FLIPS DURING COLOR CHANGES, CREATE A POLISHED PREMIUM-PRODUCT EXPERIENCE. DEVELOPED ENTIRELY WITH HTML, CSS, JAVASCRIPT, AND THREE.JS, THE WHOLE ENVIRONMENT, INTERACTIONS, LIGHTING, ANIMATIONS, AND LOGIC ARE FULLY SCRIPT-DRIVEN WITHOUT RELYING ON EXTERNAL ENGINES OR INTERFACES. HIGH-QUALITY MODELS AND REALISTIC TEXTURES WERE CREATED USING 3DS MAX AND SUBSTANCE PAINTER TO ACHIEVE A REFINED AND LIFELIKE VISUAL PRESENTATION.
Client
IQOS
DELIVERABLES
⏐Fully interactive browser-based 3D viewer for IQOS Iluma i One, Kit, and Prime models ⏐Advanced real-time customization system with animated color transitions and intelligent engraving support ⏐Premium scripted presentation environment featuring dynamic lighting, smooth interactions, and immersive UI navigation ⏐High-quality realistic product visualization using optimized 3D assets and textures created in 3ds Max and Substance Painter ⏐Complete code-driven implementation developed entirely with HTML, CSS, JavaScript, and Three.js without external engines or frameworks
Year
2026
Role
⏐To design and develop a fully browser-based interactive 3D product viewer for the IQOS Iluma i One, Kit, and Prime series, featuring realistic rendering, smooth scripted animations, dynamic color customization, intelligent engraving personalization, and immersive UI interactions — all implemented entirely through HTML, CSS, JavaScript, and Three.js with a completely code-driven workflow.







A PREMIUM INTERACTIVE 3D VIEWER EXPERIENCE BUILT FOR THE IQOS ILUMA I ONE, KIT, AND PRIME PRODUCT LINEUP. USERS BEGIN ON A SLEEK SELECTION PAGE SHOWCASING EACH DEVICE MODEL THROUGH DEDICATED PREVIEW IMAGES AND TITLES BEFORE ENTERING A FULLY IMMERSIVE BROWSER-BASED CONFIGURATOR. INSIDE THE VIEWER, EVERY DEVICE IS PRESENTED ON A STYLIZED DISPLAY STAND SURROUNDED BY MODERN PROCEDURAL LIGHTING AND ATMOSPHERIC EFFECTS ENTIRELY GENERATED THROUGH CODE. USERS CAN EXPLORE THE MODELS IN REAL TIME, SWITCH BETWEEN AVAILABLE COLOR VARIATIONS, AND PERSONALIZE SELECTED DEVICES THROUGH AN ADVANCED ENGRAVING SYSTEM THAT SUPPORTS BOTH CUSTOM TEXT AND COLORFUL UPLOADED IMAGES. THE SYSTEM INTELLIGENTLY ADAPTS THE ENGRAVING COLOR FOR TEXT ENGRAVINGS DEPENDING ON THE SELECTED DEVICE COLOR TO ENSURE OPTIMAL VISUAL CONTRAST. SMOOTH ANIMATED TRANSITIONS, INCLUDING FULL 360-DEGREE MODEL FLIPS DURING COLOR CHANGES, CREATE A POLISHED PREMIUM-PRODUCT EXPERIENCE. DEVELOPED ENTIRELY WITH HTML, CSS, JAVASCRIPT, AND THREE.JS, THE WHOLE ENVIRONMENT, INTERACTIONS, LIGHTING, ANIMATIONS, AND LOGIC ARE FULLY SCRIPT-DRIVEN WITHOUT RELYING ON EXTERNAL ENGINES OR INTERFACES. HIGH-QUALITY MODELS AND REALISTIC TEXTURES WERE CREATED USING 3DS MAX AND SUBSTANCE PAINTER TO ACHIEVE A REFINED AND LIFELIKE VISUAL PRESENTATION.
Client
IQOS
DELIVERABLES
⏐Fully interactive browser-based 3D viewer for IQOS Iluma i One, Kit, and Prime models ⏐Advanced real-time customization system with animated color transitions and intelligent engraving support ⏐Premium scripted presentation environment featuring dynamic lighting, smooth interactions, and immersive UI navigation ⏐High-quality realistic product visualization using optimized 3D assets and textures created in 3ds Max and Substance Painter ⏐Complete code-driven implementation developed entirely with HTML, CSS, JavaScript, and Three.js without external engines or frameworks
Year
2026
Role
⏐To design and develop a fully browser-based interactive 3D product viewer for the IQOS Iluma i One, Kit, and Prime series, featuring realistic rendering, smooth scripted animations, dynamic color customization, intelligent engraving personalization, and immersive UI interactions — all implemented entirely through HTML, CSS, JavaScript, and Three.js with a completely code-driven workflow.