Vans 3D Shoe Customization Expansion

Project Description I helped Vans expand their 3D shoe customization tool, enabling shoppers to personalize multiple shoes and product types in real time. By extending the front-end architecture, manipulating 3D models in the browser, and implementing advanced image upload and positioning functionality, I helped Vans increase user engagement, expand their personalization offering, and drive more sales.

Existing tool allowed customization for a single shoe only

Needed to extend to multiple shoes and product types

Required reusable, scalable logic to support new customization features

Users had to be able to add images, text, and textures with real-time 3D preview

Extended Vue.js web components to support multiple products

Manipulated 3D models in the browser for real-time customization

Generalized logic for reusable components across products

Built custom image upload and editing functionality, calculating optimal image placement on the shoe using SVG manipulation and math

Collaborated with the team to ensure scalable and maintainable code

Created dynamic, reusable components for multiple shoes and products

Developed advanced image handling for precise placement on 3D models

Focused on performance and smooth real-time interactions

Vans immediately expanded their product personalization offering

Increased user engagement with the tool

Saw a measurable boost in sales for customizable products

I applied deep technical expertise and problem-solving skills to extend Vans’ 3D customization platform. By translating complex front-end logic and algebraic calculations into smooth, interactive user experiences, I helped the team expand the product offering, increase engagement, and drive sales. This project highlights my ability to deliver high-impact solutions as a contributor, tackling technically challenging problems with precision and creativity.