I built an interactive product configurator for Tri Tool Technologies with HTML, CSS, Bootstrap and JavaScript, which enabled users to filter and select the right tool for their job.
Tri Tool Technologies is an industry leader in precision portable machine tools and custom engineering solutions for pipe and tube cutting.
I developed an interactive product configurator for Tri Tool Technologies using HTML, CSS, JavaScript and Bootstrap. This tool allows users to easily filter through Tri Tool Technologies’ current products and select the best tool for their specific job requirements.
Designing and developing an intuitive product flow that guides users to the exact tools they need.
For Tri Tool Technologies, I built and designed a custom configurator to make choosing the right tool straightforward and stress-free.
I started by mapping out the entire experience in Figma to make sure every step, question, and call-to-action flowed logically and felt easy to use. The biggest challenge was bringing this concept to life in a way that’s not just functional but fully accessible for all users. Each answer dynamically filters the options, with clear CTAs that link directly to the correct product pages in Shopify. This project reflects a great example of my commitment to thoughtful UI/UX design backed by solid, user-focused development.
