PROJECT 02 / E-COMMERCE · PRODUCT CONFIGURATOR
Epoxy Table Studio
A storefront for custom epoxy tables, with an online configurator that turns material and size choices into a personal design.
A table, made your way.
A responsive catalog and configuration flow for choosing table dimensions, wood, resin color and legs. Selected options are connected to a live price estimate and a structured inquiry form.
From catalog to configuration
Built responsive product screens and reusable option controls. Kept selected table options in shared Zustand state.
Preview and pricing
Connected material, size and leg selections to the matching preview and price estimate. Kept the configuration shareable through a link and preserved selections throughout the inquiry flow.
A complete inquiry
Used React Hook Form and Zod to validate customer input and include the selected configuration with the inquiry.
A responsive configurator, from input to preview.
The optimization focus was the option-change flow: keeping shared state scoped to the components that need it, separating price calculations from unrelated UI updates and avoiding unnecessary re-renders. Preview assets are reused between configurations and load automatically when the selection changes. Responsive image sizes, deferred offscreen media and reserved image space support faster loading without making controls jump.
