Ravindra Singh

• Cap configurator

  Live demo

  A real-time product customiser on a production cap model: ten fabric colours, plain, half-mesh, full-mesh or perforated construction, a name printed on the front as you type, preset or uploaded icons, shareable links and PNG export.

  • React Three Fiber
  • drei
  • glTF
  • PBR materials
  • Decals
  • zustand
  Open the demo →Production reference: INCAPS 3D simulator ↗

1. June 2022 – Present
   India (Remote)

   3D Web Developer · Maptell

   • Architected and implemented a core Three.js framework for interactive product visualizations, reducing rendering times by 30% across 5+ client applications.
   • Integrated advanced GLSL shaders for realistic material rendering, boosting visual fidelity by 40% and enhancing user immersion.
   • Collaborated cross-functionally with design and backend teams to deliver high-fidelity 3D configurators that increased user conversion rates by 15%.

2. March 2021 – May 2022
   San Francisco, CA

   Three.js Developer · Pixelverse Innovations

   • Developed and maintained responsive 3D web applications using Three.js and React, resulting in a 20% increase in client project engagement.
   • Implemented custom WebGL shaders for dynamic visual effects, which were featured in 3 award-winning digital campaigns.
   • Optimized application performance by identifying and resolving bottlenecks, improving frame rates by an average of 25% on various devices.
   • Integrated 3D assets from Blender and Maya into web environments, ensuring consistent visual quality and adherence to specifications across 10+ projects.

• August 2023 – November 2023

  Interactive 3D Product Configurator

  • Developed a full-stack Three.js configurator using React and Redux, enabling real-time customization of complex 3D models with dynamic textures and materials.
  • Implemented performance optimizations that achieved smooth 60 FPS rendering on mid-range hardware, enhancing user interaction and satisfaction.
  • Integrated a shareable state system, allowing users to share their custom configurations via URL, increasing project virality by 10%.
  View project

• August 2016 – March 2017

  Procedural Landscape Generator

  • Created a WebGL-based application for generating infinite procedural terrains with dynamic weather effects using GLSL shaders.
  • Explored advanced noise functions and fractals to achieve realistic topographical variations and optimized shader code for real-time rendering at high resolutions.
  • Implemented camera controls and lighting adjustments, providing users with a comprehensive environment for exploration.

• May 2013 – April 2017
  Lucknow, Uttar Pradesh

  B.Tech, Computer Science

  Babu Banarasi Das Institute of Technology and Management

Languages

English, Hindi

Off screen

Badminton, Football, Table tennis, Travelling, Films

Noida (U.P.), India