Capturing Tranquil Outdoor Spaces
Vergola is a reputable Australian company with 39 years of experience crafting premium outdoor louvre roof systems tailored for Aussie homes.
Client
Vergola
Year
2023
Agency
Protein
Scope
UX / UI
Vergola enlisted Protein to revamp their outdated website. While their products are renowned for quality and innovation, the current site no longer reflected the sophistication and elegance of their offering. The client sought a refreshed digital presence that would elevate their brand, enhance user experience, visually capture the essence of outdoor living, and do justice to their premium products.
As the design lead at Protein, I was tasked with creating the UX and UI of the new website.

01. Discovery
We developed four user personas based on insights gathered during our interview with the client, where we explored their target audience and business objectives. By understanding the diverse needs of homeowners, architects, builders, and property developers, we identified key customer profiles that interact with Vergola’s products.
These personas reflect a range of goals, challenges, and expectations, allowing us to design a website that addresses the unique needs of each user group while aligning with Vergola’s vision for their brand.

02. Approach
The approach for the Vergola website redesign is to create an elegant, user-centred digital experience that reflects the premium quality of their louvre roof systems. By using a minimalist design with clean layouts and high-quality imagery, the website will showcase the products in real-world settings, emphasising their functionality and style.

03. Design
The minimalist approach ensures that the focus remains on the product, with clean lines, ample white space, and a restrained colour palette evoking a sense of sophistication and refinement. Visual elements are carefully curated to highlight the flexibility and aesthetic appeal of the louvre systems, using large, high-quality imagery and subtle animations to bring the outdoor experience to life.
Clear, intuitive navigation and concise content ensure that the website not only looks beautiful but also delivers a seamless user experience, guiding visitors effortlessly through product features, benefits, and case studies.

04. Results
The new design helps Vergola reposition their product as a premium offering by elevating the visual presentation and user experience to match the sophistication and quality of their louvre systems.
The new refined digital presence not only enhances Vergola’s brand perception but also sets them apart from competitors, restoring their competitive edge by showcasing their innovation and craftsmanship in a modern, compelling way.











