Royal Building Products - Sample Order Form

Role: Frontend Developer
Technologies: Vue.js, JavaScript, HTML/CSS

I rebuilt the Sample Order Form as a modern, dynamic web application using Vue.js. The form included a product selector with built-in field logic that dynamically displayed related brands, products, profiles, and colors based on the user’s active selection.

Key contributions included:

  • Dynamic Field Logic – Implemented conditional rules that automatically updated available options in real time as users chose a brand or product.
  • User Experience Improvements – Created a clear, guided workflow for ordering samples by only showing relevant fields, reducing complexity and errors.
  • Scalable Architecture – Designed the form logic to support additional brands and product lines without requiring major rework.

Highlights:

  • Rebuilt a static form into a Vue.js interactive application.
  • Designed real-time product selector logic tied to brand and product choices.
  • Enhanced usability by reducing steps and surfacing only relevant options.
  • Provided a scalable solution for managing expanding product lines.