New Solar Website: How we helped Evergreen Electrical from start to finish

This a case study of how I worked with Evergreen Electrical their old website:

To their new website:

And this was their testimonial. 

Lucian provided the Evergreen Team a fantastic service.
His communication and delivery was on point through the whole project.

- Troy Fox

Since the launch of the website, I have continued working with Evergreen and feel part of the team. 

As of the publishing of this article, I am engaged occasionally for consulting and we have just begun adding additional scope to the website.

If you would like to find out how this project went, keep reading.

Introduction

Evergreen Electrical is an electrical company operating in Queensland that helps homeowners and businesses with their solar,  electrical, power, data and fibre needs.

Their business has been successful for many years. but decided that now was a good time to step it up and install more solar.

Prior to us working together, a majority of their solar work was through word of mouth and subcontracting from other solar companies.

But they have bigger aspirations. They want to grow and become large players in the marketplace. They realise in order to do that, their website needs to reflect who they are. 

Evergreen’s website problem

Their website had a dedicated solar page. 

However, it looked like this:

This may have been what they were a few years ago, but not the company that they aspired to look like. 

They wanted to accelerate their solar division, dominate the market in Queensland and become well known.

Their solar page just would not cut it. 

Looking for a solution

To start, they looked at different solar websites for inspiration.

And they found this page - solar website energy designs.

They liked a lot of the designs. 

But more importantly, they liked my thoughts about each one. 

To them, I seemed to know “what I was talking about”

This led them to reading more of my articles.

The more they read, the more they wanted to get in contact

Initial conversation

When solar companies book to have a chat with me, I seek to understand whether we’re a good fit to work with each other.

  • Do they need a website at all?
  • Do they need a website right now?
  • Do they need a solar website specialist like me?

If any of the questions is no, then we’re probably not a good fit to work with each other.

Our engagement needs to be a mutually beneficial agreement where both parties make a profit. 

They pay me a fee to help them solve a problem. The solution will end up generating more value than they had originally paid me. 

I don’t want to charge for a website only for the project to be a negative return on investment for the client.

So instead of talking about what they envisage the website to be, we talked about their business goals, project goals and how many leads they wanted to get.

So were we a good fit to work together?

An emphatic yes.

Choosing the web developer

I was one of 2 companies that they had in mind. The other being their previous web developer. Even though my pricing was higher, I was chosen. 

Later, I found out the reason why. 

Choosing me was a less risky option. 

I didn’t charge by the hour

I gave Evergreen a price that was based on the value that I was able to help them generate. 

The other web development agency gave them a price based on the number of hours they estimated the task would take. 

I focused on helping them solve a problem. 

They focused on how long it would take them to do it. 

I gave a guaranteed price that would not be exceeded. 

They gave a price that was an estimate only. 

From Evergreen’s point of view, I seemed like the “less risky” option. 

I was perceived as a solar expert

By the time Evergreen contacted me, I had finished a few solar websites projects.

I also got some great testimonials from them.

In addition, all my blog articles were directly for solar companies. 

They had thought I “knew my stuff”, and once again, I was being perceived as the “less risky” option. 

Discovery

After we agreed to the conditions, and the deposit was paid, I started getting to work.

The first thing we needed to do  was a discovery session.

This is a 1-2 day session where I facilitate a meeting with all stakeholders.

This is the session where we bring out the most important parts and identify how we will go about tackling the website.

This session is about uncovering these:

  • Company brand attributes
  • How they want their customers to feel after interacting with them.
  • How do they feel about themselves?
  • Who their ideal customers are
  • What are their pain points and problems?
  • How will we solve their pain points?


Once we have a firm grasp of who Evergreen are, and who they serve, it’s time to move into Stylescapes.

Stylescapes

This is part where I help put all the feelings into a general art direction. The point of each stylescape is to ensure that all parties agree on what the website would “kind of” look like before moving on.

This part allows for the creative juices to flow.

But more importantly, this invites customer feedback and allows them to feel like they are part of the process. Ultimately, this will save time in the long run.

Here are some of what was produced. 

Each concept has a different tone and feel to it.



It was a good collaborative experience for all parties.

After some back and forth, the final stylescape had a bit of some of the other two. 

Wireframes

This process allows me to put together quickly what the general layout of each page will look like.

Wireframes are completed extremely quickly, and are very easy to change based on feedback.

The main things included in the wireframes are:

  • Site structure
  • Navigation
  • User flow
  • Footer
  • Page structure
  • Sales funnel

In order to be nimble, these are the things that are not included:

  • Exact Headings
  • Copy
  • Image selection
  • Blog content

After that’s done, here comes the fun part.

Design

My favourite. This part of the project is where I can be creative, but within a certain framework.

The design will take elements from the stylescapes, translating that into individual pages within the confines of the agreed wireframes.

I used Figma for all the design work.

As the timing on this phase was tight, we had to follow a strict feedback loop:

  1. Draft 
  2. First client feedback
  3. Changes to design based on first feedback.
  4. Final feedback.
  5. Final design.

Once the final design was locked in, I was ready for development.

Development

I know I said design was my favourite.

Development is my *other* favourite.

Especially with Webflow. I love translating the designs onto a website with Webflow.

It used to be a chore with Wordpress.

Now it is fun.

Seriously.

Now, just because the design was signed off, there were still some minor changes, and that’s okay. This happens and is to be expected.

Because the timeline was tight, I had to hire another developer to help.

Together, we:

  • Turned their old site in Webflow, but kept the original design.
  • Translated the design into Webflow.
  • Developed the custom code for the “build your own” and “custom selection” pages.

As you can see from the outcome, it turned out ok.

Conclusion

It was a fantastic experience for all parties. 

Evergreen received a website that:

  • Embodies a company and a brand that they are proud of
  • Helps generate leads
  • Increased conversion rate from visitor to customer from the previous website.

You can take a look at the live site now, and let me know what you think. 

Let's have a chat

Find out how to attract customers, charge more or rank higher

Join to get tips on growing your solar company online

No spam. I promise.

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