Solar Gard

Overview

Solar Gard is a company that sells awnings. The main goal for the website was to showcase projects they have completed in the past. The site is kept updated with new photos every week, giving prospects an idea of what Solar Gard is capable of and building confidence in their craftsmanship.

Working on the Solar Gard website — now in its 3rd version — I aimed to bring the best current practices to improve the user experience. Right now, the biggest success of the website is the wizard-style contact form, where the user is presented with options for the type of information they want and can then submit their details. This makes it much easier for the company to plan a consultation with the prospect, faster and more efficiently, growing the company’s sales. It also works great combined with social media posts, where we can funnel prospects directly to this form and generate more leads.

Stack

In the past, the solar-gard.com websites we built used plain React with a Node.js/Express backend and a MongoDB database. We then moved from plain React to Next.js, and the current site now runs on SvelteKit with TypeScript. The reason for moving from Next.js to SvelteKit was its reactivity and the ability to build high-performance websites while still supporting complex animations and interactions. It’s easy to deploy and maintain, and there’s no need to depend on Vercel or other specific hosting providers — the site can be deployed on any platform that supports Node.js.