Product Configurator

Technology Used:

  • Javascript
  • Vue
  • Vuex
  • Node/Express
  • Salesforce API
  • Bootstrap

Project Overview:

Link: Internal B2B Sales Tool

This project came about as a way to simplify the B2B selling process, and allow the end user or sales people to easily be able to configure custom storage options in a CTO world. There was a ton of product definition, and explorative design thinking on size and design of the physical product before getting started.

After everything was defined, I then 3D modeled and rendered all the individual product pieces that are displayed on the cards. What is being displayed in the stage is actually vector representations of the models, with inches translated to pixels for size adjustments on the different locker sizes.

After an individual builds a custom configuration, they can submit the build which inserts them and their configuration into Salesforce as a lead. This project was built as a javascript single page application that communicates with an API for it's data.

As a whole, I found this to be a pretty fun project to build, mainly due to the fact that I was involved in everything from product definition, specs, and designing every component that a user can insert into their build, all the way to logistics, development, and design of the app.



  • Ideating
  • Planning
  • Project Management
  • UI/UX
  • Design
  • Product Design
  • Front End Development
  • API Develoopment