Building Up All Weather At Home’s Digital Infrastructure
All Weather at Home formally All Weather windows is a purpose-built partner for Canada’s unpredictable seasons. Their full-service manufacturing and regional installation services give customers the peace of mind of a well-protected home since 1978.
From practical features and performance design, to stylish finishes, the All in their name means if you can think it, they can make it. For more than 45 years people are the beating heart of the company.
ALL WEATHER AT HOME
The Challenge
The team at All Weather At Home (formerly All Weather Windows) came to Web Wizards with a challenge: their website had grown complicated and outdated over the years, with a content management system (CMS) that made it difficult to maintain and update. They wanted a visually modern site that was easier to manage—something that would allow them to update product descriptions, images, and attributes seamlessly with a new, intuitive, custom-built CMS under the hood of a WordPress platform.
All Weather At Home also had a bigger vision: to create on-demand, print-ready PDF brochures from the website content while working under the new brand guidelines in collaboration with their brand consultant. Their site needed to be highly technical, incorporating digital marketing, digital asset management, and an easy-to-use custom interface for their marketing people to update content. It also needed to be aligned with a fresh, modern look that spoke directly to mutiple audiences.
Concept mockup, we used Dwell magazine for some visual inspiration making the purchasing of windows and doors a lifestyle choice. The concept was to make people part of the environment.
We started the project by discussing personas to understand the needs of various audiences and stakeholders. After brainstorming ideas, we present high-fidelity mockups, all while anticipating the new brand direction. We move into development only when the client is fully on board. At every step we compared the mockups with the brand consultant to determine if the imagery reflected the story being told using a branded approach to the new voice and tone of All Weather At Home.
The Process
From the start, we brought together a team of developers, marketing specialists, and a UX/UI designer to dive into the details. Our mission was to make sure every piece of the brand came through clearly, from the technical elements to how the messaging would connect with users personally.
Persona deep dive into needs and wants of the new website.
Brand architecture: We worked to simplify and clarify the brand’s structure by organizing the content under two umbrellas: All Weather At Home (AWAH) and All Weather Group (AWG). Weekly collaboration sessions with the client helped us refine the content for their key offerings: Windows, Doors, and Interior Glass, always keeping the new brand’s marketing goals front and centre.
Persona development: To design a site that genuinely served its users, we developed detailed personas to guide our decisions. The site had to speak to homeowners, dealers, builders, and architects—each with their own needs and goals.
Visual identity: All Weather At Home wanted their new brand to feel approachable and human. We worked carefully with their logos, colours, and typography to create a cohesive look and feel that reinforced this vision, using photography and messaging to bring it all together.
Messaging voice and tone: Crafting the right voice was key. We focused on creating a tone that felt human, not just functional—one that spoke to the real lives and needs of the people using the site. Working and collaborating with the brand consultant helped us define the site’s vision of the most human-centric brand in AWAH’s market.
Photography development: Images were critical to telling the brand’s story. Using mood boards and client feedback, we defined a photography style aligned with the brand’s aesthetic and brought it to life. To help support a photography budget for the website, a new style guide ensured consistency in how the images were to be used as content. Guideline also included post-production editing tips to stylize each image within the visual brand guardrails.
Our teams explored three different photography styles, evaluating each based on ease of use, long-term sustainability, cost, and level of difficulty. Ultimately, we chose the style that best aligned with our brand’s strategy of becoming the most human-centric windows and doors company in the Canadian market.
Brand Atoms
As we developed the website’s architecture the DNA for the visual structure come from our brand consultant. They developed the logo and accent colours and patterns that informed our UX/UI visual choices throughtout the site. From this inspiration, we rounded corners and used the pattern creatively throughout the new site.
Horizontral logo (icon and wordmark).
The Result
The new clean website reflected the customer’s wants and needs featuring clear messaging, calls to action, and a modern design and user-friendly interface. As a result of these efforts, Clearwater increased their website traffic, improved SEO ranking in Google search, generated more leads, and enhanced customer engagement. The new digital ecosystem lead to more clients and growth for the business.
Custom handwritten font for image overlays to showcase features that offer the homeowner ‘or birds’ benefits.
Print-ready brochures configured from the CMS/configurator on the website. Brochures are automatically updated based on the CMSs configuration of attributes.