कृत्रिमKRITRIM

Loading Experience...

Back to Portfolio
Full-Stack E-Commerce / VR & WebXR

Trevia Shopping - D2C E-Commerce & VR Try-On Platform

Duration2 months
RoleFull-Stack Development / VR Integration / UI-UX / Web Performance

Project Overview

Online apparel and accessory brands face high return rates because buyers cannot preview products on themselves. We developed Trevia Shopping with an integrated WebXR 3D Virtual Try-On subsystem, allowing customers to preview items using their webcam or a mobile VR headset.

Role & Execution

Engineered the complete e-commerce platform for Trevia Shopping with integrated VR/3D Virtual Try-On capabilities. Enabled shoppers to visually experience and try on products in interactive 3D virtual space before purchasing, boosting buyer confidence and engagement. Delivered fluid WebXR asset rendering, responsive UI, and streamlined checkout workflows.

Outcomes & Impact

  • Completed 3D Try-On render system with 60 FPS performance on mid-tier mobile devices.
  • Increased user engagement session length by over 120% during testing.
  • Fully operational shop launch with standard product database integration.

Tech Stack Details

Three.js / React Three Fiber

For high-performance rendering of WebGL and 3D scenes directly in the React DOM.

React & Next.js

Provides routing, server-side caching, and structured product page generation.

Stripe SDK

Ensures secure, PCI-compliant checkout processes with dynamic currencies.

Key Features

  • WebXR integrations rendering 3D assets smoothly inside standard mobile browsers.
  • High-converting D2C design with micro-animations and quick-add carts.
  • Optimized mesh parsing engine to download 3D models with minimal bandwidth footprint.
  • Secure payment gateway integration supporting digital wallets and local banking.
  • Administrative catalog panel for simple uploads of products and corresponding GLTF/GLB models.