10 Best solar energy website examples (2021 update)

Updated:
April 26, 2021
Want to design a solar website? Here are 10 of the best solar energy websites for you including details about their pros and cons.

Do you own a solar website and want to grow it to the next level? 

Is your solar website looking outdated, and want to know what the latest designs are?

Or maybe you're a web designer that wants to feel inspired?

No worries, you're at the right place.

These solar energy websites and solar templates will inspire to you to take back to the drawing board for your own solar design. It is also critically analysed so you can see how it can be improved.

Each solar website template will need to answer very important questions from a potential customer within 2 seconds:

Do you provide what I need? Can I trust you?

How each solar website example will be judged:

Only the overall look and feel of each design will be commented on.

Each solar website will not be judged on:

Solar Future

Solar Future

Great design points

  • The design is based off a successful website already
  • Specialises on one niche
  • Focuses on understanding customers' pain points
  • Helps customers understand themselves
  • Good for smaller solar companies

Areas for improvement

  • Customisation could be harder for beginning web designers
  • Minimal branding and identity colours
  • May not be suitable for larger solar companies

This design of a one page solar website is aligned with the goals of the company - more conversions. Whilst other designs may be more colourful or flashy, Solar Future's website focuses on the customer and not themselves.

See design in more detail
Solar Future

Solar Wind

Solar Wind

Great design points

  • Asking for a quote above the fold.
  • Fantastic title and choice of image. The contrast between text and background is spot on.
  • Second way of asking for email address through incentive of giving free guide.
  • Very nice sections showing counters and 25 years meaning ample experience.

Areas for improvement

  • Pricing table not needed for solar installation business. The services delivered should not be viewed as a commodity.
  • "Latest from our blog" is diverting user to another page. The home page should ask direct customer to subscribe or make a call only.
  • Too many stock photos makes the site look fake.
  • Does not address customer objections or pain points

The bright and colourful design gives off a welcoming feeling, very much of what you're after in a renewable energy company.

There were hints of green transitioning to blue colour scheme early in the page. Seeing more consistency in colour scheme would have been good.

The multiple ways of attempting to capture customer's email addresses is fantastic for lead generation.

See design in more detail
Solar Wind

Bluewave

Bluewave

Great design points

  • Unique icons
  • Clean look with plenty of negative space
  • Nice and consistent shades of blue
  • Footer layout is easy to understand, and has a nice contrast.
  • Talks about company vision

Areas for improvement

  • No home button after scroll
  • Doesn't address customer objections
  • No social proof
  • Foot contact form has high contrast.

This website is all about making community solar accessible for easier for consumers.

They are positioning themselves as the only option that combines community solar and financing at the same time.

The main take from this is the design is all about delivering value.

See design in more detail
Bluewave

Clean Energy

Clean Energy

Great design points

  • White heading, yellow button on dark overlay background creates clear contrast.
  • Unique corner borders consistent throughout. Makes design stand out.
  • Excellent consistent use of yellow throughout design for buttons, counters, picture.
  • Easy to follow and act on Contact Form.

Areas for improvement

  • Remove the slider. Sliders generally reduce conversion rate.
  • "New from Blog" is diverting user to another page. The home page should ask direct customer to subscribe or make a call only.
  • Website tries to sell itself with "What we offer" before establishing credibility.

Using yellow as an accent throughout the design is bold as it is not a colour generally associated with the solar industry.

This may make it stand out against its competition. You can see consistent corner borders throughout which is quite unique.

There are more than necessary links to content on other pages. The home page should have one primary focus only.

See design in more detail
Clean Energy

Eco Energy

Eco Energy

Great design points

  • Clear and concise above the fold heading that is talking to their target market
  • Has non-standard two-colour icons.
  • Having a video is great.
  • Personnel photos are great. (Stock photos are not)

Areas for improvement

  • "Trust our professionals" section has poor contrast, and does not match the "How we work" section.
  • Video could be higher up to increase engagement.
  • Ideal if the icons had the site colour scheme.
  • Pricing plan focuses on saving money rather than providing great value to customer.
  • Solar panels next to Contact Form does not inspire action.

The overall feel is that the company is reputable with hundreds of finished projects, testimonials with pictures and a gallery of finished work.

It has a contact form, google maps and appears to be reputable.

Overall, there are some inconsistencies with colour across the page (icons, sections)

See design in more detail
Eco Energy

Eco Power

Eco Power

Great design points

  • Talking about the company mission is excellent to drive interest.
  • Testimonials and social proof are great way to increase trust
  • Nice 2 colour icons and consistent colour scheme
  • Photos used have been photoshopped green to align with main colours
  • Great use of logos before footer to show companies that they have worked with.

Areas for improvement

  • Providing contact details should be lower down. Customers will most likely skip this area as it is too early in the page.
  • Does not address customer objections or pain points
  • Too many stock photos makes the site look fake.
  • "Recent Blog Entries" is diverting user to another page. The home page should ask direct customer to subscribe or make a call only.
  • Attempting to get customer's email address is great for lead generation, but "Sign up today!" could be improved to be more enticing.

This design manages to include a green accent on a blue overlay quite well. Great use of dark blue overlays to create contrast.

The overall page feels like it has a clean design with quite a decent amount of negative space.

Although photo colour selection was excellent, using fewer stock photos would portray more authenticity.

See design in more detail
Eco Power

Go Full

Go Full

Great design points

  • This is the only design with a video above the fold.
  • Plenty of negative space allows for elements to breathe.
  • Excellent use of font size and font weight to pull customers attention.
  • Asymetrical web design is a new trend, and this site embodies that to an extent.
  • Size of form is excellent. Only the absolutely necessary fields are required.

Areas for improvement

  • Video thumbnail is not clear that it is providing solar.
  • Heading font is unclear, and hidden behind a large orange play button.
  • No Social proof or display of experience
  • Design focuses very much on savings rather than delivering value.

The Go Full design is the best one that we have found. The reason is that it has plenty of negative space and follows the new web design trends in asymetrical layouts.

The picture usage focuses very much on family values and asks you to consider solar for your children.

The site also stands out from the rest by using orange as a main colour which is uncommon.

See design in more detail
Go Full

Greenly

Greenly

Great design points

  • This design has a non standard menu, and looks attractive on first glance.
  • Great location for call to action button to get appointment.
  • Including a section in green with a "Get in Touch" call to action is great for increasing conversions.

Areas for improvement

  • Title says Solar but main picture are of wind turbines. This mismatch is confusing for potential customers.
  • Having a claim of being #1 in something needs to be backed up with hard facts.
  • "What's Going on in our Blog?" is diverting user to another page. The home page should ask direct customer to subscribe or make a call only.
  • There is a feel of inconsistent colours throughout the page.
  • Testimonial section has two areas of focus - the woman in glasses and the reviewee's photo. The large photo of woman in glasses could be changed to being out of focus.

Overall, the design looks professional, but as you dive a little deeper, it feels as though the designer didn't put as much thought into the content as they could.

This ranges from the title and image mismatch to testimonial area pulling our attention to different locations.

See design in more detail
Greenly

Sunergy

Sunergy

Great design points

  • Beautiful use of different shades of blue throughout.
  • Great first photo to use as area behind title text has lens blur.
  • Icon use is excellent.
  • Good use of testimonials and experience as social proof.
  • Photos and profile of team shows authenticity.

Areas for improvement

  • Title is not clear on what the site delivers.
  • Slider should be removed and replaced with single image to improve conversions.
  • Does not address customer objections or pain points.

This is one of the better designs because of the consistency in different shades of blue and the use of negative space.

The design feels professional, but could be improved by attempting to address customer's concerns.

See design in more detail
Sunergy

Uma Solar

Uma Solar

Great design points

  • Clear title image and heading showing exactly what they help with.
  • Great contrast of hero text against image with dark overlay.
  • Excellent above the fold phone number and multiple buttons.
  • Clean use of masonry of pictures for "Solar Solutions"
  • Footer has excellent contrast of headings and text, and clear call to action.

Areas for improvement

  • Does not address customer objections or pain points
  • No social proof (Testimonials or past experience)
  • "Latest News" is diverting user to another page. The home page should ask direct customer to subscribe or make a call only.

Simple clean design of a solar installer website that provides residential and commercial solar.

Above the fold design is fantastic with clear call to actions. Footer is also excellent.

Content is lacking and does not answer the customer's question of "How can I trust you?"

See design in more detail
Uma Solar

Evotar

Evotar

Great design points

  • Clear font picture as banner that has great contrast with the logo and menu.
  • Use of clouds as a unique section divider. Feels very much like have a sun (Orange Circle) above the clouds.
  • Great use of orange as an accent rather than overusing it throughout.

Areas for improvement

  • No immediate call to action
  • Does not address customer objections or pain points.
  • Focuses on saving customers money rather than providing value
  • No Social Proof (Testimonials or past experience)
  • No easy contact details
  • Bottom contact details in surrounded in white has too high of contrast to background picture.

Simple solar design that relies very much on its great photograph to tell what they are selling. They are clearly a residential solar installer.

This design is suitable for small solar installers that have great photographs, but don't want to spend too much time developing the website.

See design in more detail
Evotar

Conclusion

Your job now is to take a look at each design, and pick out elements that you think would work on your site.

As you can tell, even the best designs can be improved in some way.

Most common elements that were designed well:

  • Consistent colour scheme
  • Good contrast with text and background
  • Banner images
  • Creating icons that matched the general colour scheme.
  • Plenty of negative space
  • The best designs used bright colours and lighter shades.
  • Asymmetrical layouts are the new design trend. Try to incorporate a little into your design where appropriate.
  • Clear and simple lead generation forms work the best.

Most common areas that could be improved:

  • Consistent colour scheme
  • Good contrast with text and background
  • Banner images
  • Creating icons that matched the general colour scheme.
  • Plenty of negative space
  • The best designs used bright colours and lighter shades.
  • Asymmetrical layouts are the new design trend. Try to incorporate a little into your design where appropriate.
  • Clear and simple lead generation forms work the best.
Lucian Wu

Lucian Wu

Lucian is passionate about fighting climate change. He is an engineer, husband, father of 2 boys, solar panel enthusiast and hopes to one day own a Tesla. Sometimes, he wakes up at 4am to watch Liverpool FC play.

Get regular nurd alerts to improve your solar business

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.