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.
The product behind the interface.
Design a Barn is a production configurator for FCP Barns. It combines a guided product menu, live 3D feedback, and a quote-oriented experience.
I worked mainly on the menu and admin panel, contributed to parts of the 3D experience, and helped support URL-driven design sharing.
My part in making it work.
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-panel features used to control product options.
Synchronized configuration state across the interface and 3D experience.
Supported URL-driven 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 work enabled.
- Guided configuration menu
- Shareable designs
- 3D product visualization
- Admin-managed options
Tools behind the work
- Nuxt 3
- Vue 3
- Three.js
- URL state
- Responsive UI
Another kind of frontend challenge