Website design concept
Canopy
Architecture, interiors and gardens brought together through natural materials, supplied photography and a calm, interactive homepage.
My role
Design Direction & AI-Assisted Development
Development Method
- AI-directed design
- Local creative development
Technical Stack
- Nuxt
- Vue
- GSAP
- Rive
- JavaScript
Project Category
- Architecture website concept
- Scroll & interaction design
Overview
A reference-inspired architecture, interiors and garden concept. Canopy brings its own copy, concrete and olive palette, supplied architectural photography and locally authored films to the page. A spacious Spaces for living hero, expanding photograph, material tabs, physics-driven icons and layered testimonials shape the experience. This is a reference-inspired portfolio concept: project names and testimonials are sample content, and navigation and enquiry links stay within the demo.
How I Built It
Direction
Developed the Canopy identity through architecture, natural materials and a closer connection to outdoor spaces, preserving the supplied layout and motion engines.
Content and interaction
Refined the spacious hero, section navigation and expanding photograph, retained playable films, and updated the portfolio, material selector, testimonials and footer.
Local delivery
Kept the source editable and packaged the homepage with its local fonts, images, runtime and sample content for the portfolio demo.
Canopy homepage concept
