Design a Barn · Client product
Design a Barn
A browser based barn configurator that helps customers explore options, preserve a design in the URL, and move naturally toward a quote.
- My role
- Lead Frontend Engineer
- Focus
- 3D / Lead generation
- Context
- Production configurator
Proprietary client product built while I was employed by RedLayers. This case study explains the parts I personally designed, built, maintained, or improved. Source code is not included.
What the product does
Design a Barn is a production configurator for FCP Barns. It combines a guided product menu, live 3D feedback, and a way to request a quote.
I worked mainly on the menu and admin panel, contributed to parts of the 3D experience, and helped support URL based design sharing.
What I worked on
Built the primary product menu and admin workflows, synchronized configuration state across the interface and 3D experience, and supported URL-restorable designs for customers and sales teams.
Developed major menu and configuration workflows in Nuxt and Vue.
Built and maintained admin features used to control product options.
Synchronized configuration state across the interface and 3D experience.
Supported URL based state so users and sales teams can reopen shared designs.
Worked on responsive behavior and usability across the configuration journey.
The hard parts.
- Presenting a large number of structural and visual choices without overwhelming the customer.
- Keeping menu state, 3D state, and URL state synchronized.
- Supporting internal configuration needs without weakening the public user experience.
What the product can do
- Guided configuration menu
- Shareable designs
- 3D product visualization
- Options managed by admins
Tools behind the work
- Nuxt 3
- Vue 3
- Three.js
- URL state
- Responsive UI
Another kind of frontend challenge