10 Best solar energy website examples

10 Best Solar Website designs

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:

  • The overall look and feel
  • Originality
  • Colour scheme
  • Form design
  • Image size and selection
  • Lead generation capabilities

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

Each solar website will not be judged on:

  • Their logo. We don't design logos.
  • Website copy. That is reserved for another article.
  • Written content. Again, out of scope for assignment.
  • Animation. Single images does not do website animations any justice.
Building a Website: The Ultimate Guide

Want to build your own solar website?

Check out our guide on how you can build a website similar to one that was shown here.

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.

Get this template
Evotar

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?"

Get this template
Uma Solar

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.

Get this template
Greenly

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)

Get this template
Eco Energy

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 accident 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.

Get this template
Clean 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.

Get this template
Eco Power

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.

Get this template
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.

Get this template
Bluewave

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.

Get this template
Sunergy

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.

Get this template
Go Full

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

Most common areas that could be improved:

  • Most copy did not address customer pain points, objections or concerns.
  • Some pages had links to blog articles which could lead to lower conversions
  • Some designs did not have adequate social proof. This is vital to reduce customer's perception of risk.
  • Solar businesses that focus on cutting costs and delivering discounts rather than delivering extra value do not last long.

The best solar website examples:

  • 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.
Building a Website: The Ultimate Guide

Want to build your own solar website?

Check out our guide on how you can build a website similar to one that was shown here.

10

Evotar

9

Uma Solar

8

Greenly

7

Eco Energy

6

Clean Energy

5

Eco Power

4

Solar Wind

3

Bluewave

2

Sunergy

1

Go Full

Get regular nurd alerts to improve your solar business

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