3D Product Visualizer

Technology Used:

  • Javascript
  • React
  • Three.js
  • WP REST API
  • NGINX

Project Overview:

Link: https://reimagined.spacesaver.com

This project is product exploration and sales tool. The concept was to define specific products, 3d model them, then get them optimized to the point of being available to be viewed in a browser using a typical product line layout pattern. I'm quite happy with the look, feel, and polish of this application. Considering the technology, the focus was more on wow factor than the typical safe, corporate branding.

I feel that some of the challenges that went along with it were trying to use the declaritive programming of Three JS inside of React's imperative style. It was extremely dificult to find examples to get ideas from at the time, and loading times for the actual 3D models in the browser was also a challenge.

reimagined1.jpg
reimagined2.jpg
reimagined3.jpg
reimagined4.jpg
reimagined5.jpg
reimagined6.jpg
reimagined7.jpg
reimagined8.jpg
reimagined9.jpg

Skills:

  • Ideating
  • Planning
  • Project Management
  • UI/UX
  • Design
  • 3D Modeling/Optimization
  • Product Design
  • Product Concepting
  • Front End Development
  • API Develoopment