How I Blew $2,984 on my Site and Uncovered the 80/20 Principle of Website Design
When visitors land on your site, your design must capture their attention and keep them there.
… but how can you accomplish this without breaking the bank?
I believe after spending $3,884 designing my main site, www.InsuranceBlogByChris.com, ($2,984 of which I completely blew), I can provide some valuable insight to maximizing the results from your site design.
Discovering the 80/20 Rule of Website Design
The 80/20 principle has many applications to business life… and I’ll argue, for website design.
If you’re not familiar with the 80/20 rule, here are a few business examples:
- 80% of your sales come from 20% of your clients
- 80% of the work you do, you could be paying someone to do for you for 20% of what you make
- 80% of your complaints come from 20% of your clients
After spending thousands of dollars in site design, redesigns and tweaks, I’ve found the following to be true for www.InsuranceBlogByChris.com.
80% of the benefits of site design are achieved in the first 20% you’ll ever spend on designing your site.
Let’s take a look back at IBBC from its inception to its modern day look, and analyze the effects of each redesign and tweak. We’ll particularly focus on these stats from Google Analytics:
- Average duration of visits
- Pages per visit
- Bounce Rate
- Quotes Requested
You may be shocked at the effectiveness (or ineffectiveness) of a lot of the design work I had done.
A Look Back at “Engagement Stats” on IBBC
Here’s a screenshot of what my site looked like from Dec 24th, 2008 – May 3, 2012, (sometimes there were subtle variations of wording in the Navigation Menu and stuff in the sidebar, but for the most part, this was the general look).
I personally paid $500 for my friend, Glenn Cooke, to set up the site for me, add the Compulife quote form, and for an instructional ebook.
Since I’d say a lot of free WordPress themes look as good or better than Thesis out of the box, I like to think the first $500 I paid was for setup and instructions, not for design.
In other words, there’s no special design that’s been done here. It’s just a template. Given that fact, I knew there were a hundred other sites out there that probably looked like mine, and wondered how such a generic design affected my visitors’ perspective of my site.
Here are the first year key metrics on IBBC:
(Note: While my site went live in Dec. 2008, I did not set up Google Analytics until April of 2009)
So as you can see, here are the key engagement stats for the initial iteration of IBBC.
- Pages/Visit: 1.46
- Ave. Visit Duration: 1:05
- Bounce Rate: 80.18%
Needless to say, I felt I could improve on these numbers without spending much.
First Paid Design
So I contracted JK Allen at Growth Effect for $900.00 to add a header, some color, add my logo, and a few feature boxes on the homepage. He kept my site on the basic Thesis theme, and just worked with the color of my heading tags, links, and sidebar text. It was a lot of work and drastically changed the look of IBBC.
This 1st redesign went live on May 3, 2012 and some variation of this concept was up until Sept 19th, 2012.
Here are the engagement results of my first redesign: (I’ll ignore the difference between unique and repeat visitors here, as my site has consistently been around a 88%-90% new visitor range since its inception.)
To summarize, for $900, I was able to increase my engagement stats as follows:
- Pages/Visit: 1.68 – Increase of 15%
- Ave. Visit Duration: 1:35 – Increase of 46%
- Bounce Rate: 74.28% – Decrease of 7%
- Quotes Requested: 2,775 – 6.2% conversion (this is the first hard # I have on amount of leads received for any period of time on IBBC, as I wasn’t using my CRM, VAMdB when I first set up my site.)
While I was pleased with the improved stats, particularly time on site at a 46% increase, I felt more could be done to improve my numbers.
I think part of the problem was the design still didn’t look too great. For example, for way less money, my associate, Ellen Edwards, had a cheap logo done for $50, and had JK redesign her basic Thesis theme in just two hours time (that’s a total of just $200 bucks), and her site looks WAY nicer than mine ever did:
So I set out to tweak my initial design on IBBC.
Little did I know, I would ultimately waste $2,984 over the next couple years trying to improve on these numbers.
… What resulted was a colossal waste of time and money.
Stay with me, ‘cause I could save you a lot of money here. You might make the same mistakes I did below.
Here are the details.
Tweak #1 to Redesign 1
This first tweak to the first design went live on Sept 19,2012, and some form of this design was live until Jan 15, 2013.
The tweaks were:
- Changed the header,
- simplified the Nav Menu,
- and changed “Get Quotes” button.
These changes were done within the $75 per month ongoing service contract I have with my designer. I believe it cost me around $150.
Results from Tweak 1, pretty much no difference at all in engagement, and my quote request conversion dropped from 6.2% to 4.3%:
Hold the phone!
Let’s have another look at my first design and compare it a pretty major tweak.
You’d think changing the header and look of the quote form like that would have some sort of effect, right?
Alas, here are the before & after key metrics:
- Pages/Visit: 1.68 and 1.71
- Ave. Duration: 1:35 and 1:33
- Bounce Rate: 74.3% and 75.1%
- *Quote Request Conversion: 6.2% and 4.3%
I couldn’t believe that the key stats stayed unchanged like that, and my quote requests were going down… just 1,819 quote requests during this time frame out of 41,988 visitors.
*Note: I should say during this period, I worked with Michael at VAMdB to eliminate some duplicate leads from counting twice in VAM, which had been a problem before, so that could have accounted for some of the reason the quote requests decreased.
Rather than asking my designer to “put it back the way it was”, I set out to make more changes. I’ll go quickly through these next few.
Tweak 2 to Redesign #1
Tweak #2 went live on Jan 15, 2013 and stayed on my site until April 24, 2013. I again used JK Allen for this, and it cost me $1,059.
Here I was basing my changes on the great success of my site, www.TermLifeInsuranceMales.com, where I routinely see a pages/visit of 4 to 5, whose inner pages look like this:
I figure the awesome engagement at TLM is due to the left hand sidebar, as well as the well-designed landing pages in the nav menu… so here’s what we did to IBBC.
And here are the results:
Again, the changes were negligible.
- Pages/visit: 1.76 (was 1.71)
- Ave Visit Duration: 1:36 (was 1:33)
- Bounce Rate: 75.3% (was 75.08%)
- Total visitors: 49,498
- Web Quote Requests: 2,448 (4.9% conversion – was 4.3%)
While my conversion increased, I just wasn’t happy with the overall look of the site. As my mentor, Glenn Cooke, put it, “the design makes you want to throw up in your mouth.”
So again, rather than asking JK to set it back to the first design, I set out for
Second Redesign: Current Version of My Site
The current version of my site went live on April 24, 2013. It cost me a one-time payment of $275.
I decided to clean it up a bit. I removed the left sidebar, which I couldn’t stand, added two columns for age related quotes and a health issue category that, when clicked, are similar to the landing pages for TLM.
I also made the following changes:
- updated my logo, which I think looks a lot cleaner
- changed my quote form again, which is my favorite of all the forms I’ve ever had
- cleaned up the color scheme. I chose orange as my action color. You can see that I use orange sparingly on my site, and the only places where it is present, it has to do with a call-to-action, where I want them to call us or click to get a quote.
- added new image looking to the right on the homepage (this is supposed to help people follow the glance of the family and notice the quote form)
Surely, my numbers would change drastically this time, right?
Here are the results.
Again, very little change:
- Pages/visit: 1.8 – previous was 1.76, first design was 1.68
- Time on Site: 1:39 – previous was 1:36, first design was 1:35
- Bounce Rate: 75.2%
- Total visitors: 74,093
- Web Quote Requests: 3,616 (4.9% conversion… unchanged!)
Since the initial $900 I spent on my first design, I’ve spent who knows how much time and energy on 2 tweaks, and another redesign.
Did I really do all that to increase my pages/visit from 1.68 to 1.8 and increase average time spent on my site by 4 seconds? Incredible!
$900 for the Initial Design, and then…
Besides the aforementioned time and energy, I’ve reported above that since the initial $900 I spent on my first design, I’ve spent an additional $1,484 on additional tweaks.
But that doesn’t take into account the $75 per month I pay JK for various tweaks he makes to my sites (almost exclusively to IBBC). I estimate in the last 2 years since I’ve been on monthly contract with him, that I need to add 20 hours of his time to IBBC design, which has not been accounted for in any of the cost reports above.
So that adds an extra $1,500 to what I’ve spent on my site.
That’s $900 initial design fee, and $2,984 since then, for a grand total of $3,884.
Besides my absolutely loving the current look and feel of the site, as I think it looks more modern, cleaner, and the colors look great, still none of that was able to change my visitor use patterns.
Where does the 80/20 principle fit into play?
Let’s review the numbers. The first $900 I paid accounts for approximately 23% of the total amount I’ve paid toward design on the site. ($900/$3,884)
The 80/20 principle may suggest that I’d get 80% of the desired result (higher engagement and more leads) for the first 20% I spent on the design.
I think that holds true for me, and in fact I got about 95% of the results from the first 23% of the total amount spent on IBBC.
I’m Not the Only One – Jeff Root Spinning his Wheels
My buddy, Jeff Root, owner of www.selltermlife.com has had a similar experience with his life insurance site, www.rootfin.com, over the years. Jeff has never quite been happy with his numbers, like me, so he has continued to make small tweaks.
Here’s a shot of his site as of Aug 20, 2011 courtesy of web.archive.org.
Here’s another shot of the site as of Aug 6, 2013:
While the average person may think the changes he made to the latter design would have had a big impact, they didn’t. Jeff has experienced the same results I have.
4 Ways to Get Max Results from Your Design
Here’s the point.
The 80/20 principle would say if you want the best bang for your buck, make a small investment in your site design.
It’s super cheap to get a basic template like Thesis looking more professional (Adding a logo and a bit of color to your site takes little time and money).
Focus on the following tips for max results:
- Keep your site clean – if you have some old, outdated looking logo or header, remove them. Clean is better than ugly.
- Write awesome content – design might impress someone initially, but your content will be what keeps them on your site and converts them into a client.
- You need a Call-to-Action – Once you get your visitors to your site, you’ve got grab their contact info or get them to call you, email you, message you… something. I recommend offering free life insurance quotes to them using Compulife’s quote form.
… and last, keep it simple. Nathalie Lussier, a contributor for Forbes, writes:
“If you have more than three major pieces of information or options on a page, you’re likely overdoing it. When it comes to designing effective websites, keeping the visual options to a minimum always results in better conversions.
Instead of packing your website with the 20 different reasons to try your product, focus on the big three benefits that you can deliver.”
These 4 tips will yield you 80% or more of the results that a big budget redesign will get you.
Your turn to share your numbers. Tell me about a design or redesign you’ve made, and include the pertinent before & after data. I’d love to hear from you!