Before and After Website Homepage Examples

In the corresponding video, Compete Now’s president Donato deep dives into a few client’s respective homepages and thoroughly analyzes each! He provides expert insight in terms of what was updated and improved on each website compared to the older version of their site.

AEI Speakers – https://aeispeakers.com/

  • Before:

Previous to a redesign, their site was very cluttered, with an abundance of block text and links scattered throughout the homepage. The overall user experience of the site was ultimately subpar, and made AEI look like a government agency with the overall design. AEI Speakers wanted to portray the fun aspect of their company, which their previous design did not do.

  • After:

After the redesign, AEI Speaker’s new site was much more open and modern. A primary aspect to note is the prominence of images used on the homepage slider. Next to the slider, is a prominent headline that stresses AEI differentiating strategy. Below this are two call to actions, one of which funnels browsers to view speakers, and the other to an in depth consultation.

HPI – http://hitecprod.com/

  • Before:

The original version of HPI’s website was cluttered with dark colors, stock images, and an out of date layout which poorly reflected their business. Their old site portrayed HPI as old and industrial, whereas their goal was to be perceived as fresh and cutting edge.

  • After:

After the redesign was complete, HPI had a much improved looking site, which positively reflected their overall business. HPI’s new site prominently displayed the company’s differentiating strategy, as well clearly portraying their immense experience and longevity in the industry.  To convey this message of experience, HPI’s website has a bar across the top of the page, which can be useful to the audience because it appears on each page and is at the top, which is where most visitors will look first. Another important aspect of HPI’s site is the searching capabilities, which was an important feature for the business.

Boston BeaN – https://bostonbeancoffee.com/

  • Before:

Boston BeaN’s original site was extremely simple and primitive in regards to design and functionality.  As previously mentioned, the phone number is extremely important on homepages and should be very prominent. On Boston BeaN’s old website, the phone number was quite buried. In addition to this, their logo was under sized and their differentiating tagline was diminished. The unorganized nature of their homepage was not allowing them to maximize conversions of their website traffic into business.

  • After:

The redesign of the site was focused on optimized user navigation. Boston BeaN’s new site clearly displays their differentiating statement, as well as phone number and a call to action. In addition, Boston BeaN wanted to highlight the fact that they are a service company, which is made clear at a quick look of their homepage.

Forest Foundation – http://forestfoundation.net/

  • Before:

Forest Foundation’s before site consisted of 3 funnels which attempted to direct visitors to each specific portion of their business. The site, in general, was relatively flat and static which can make the business appear inactive. With a redesign, we wanted to make Forest Foundation’s three funnels more effective, as well as give the site a modern feel to it in order to appeal to a younger demographic.

  • After:

On Forest Foundation’s new site, there is a high quality photo displayed of the company’s team coupled with a differentiating statement (in this case it is their mission considering they are a non-profit). The three aspects of Forest Foundation’s non profit are neatly organized into three columns in order to optimize spacing and give off a modern feel to the website and company.

Below this is a search bar, which is important due to the fact AEI has over 1,200 speakers! Additionally, throughout the site, there is a learn more header which reassures how responsive and professional AEI is as an overall company.

BioProcure – http://bioprocure.com/

  • Before:

The old website BioProcure had was quite out of date and was simply in need of an overall upgrade. The old site was quite easy to navigate, but lacked a few essential aspects in order for BioProcure to reap all the benefits a redesign can offer.

  • After:

The first thing a visitor will notice when arriving on BioProcure’s new site is the photograph of BioProcure’s team. This was essential due to the fact BioProcure wants to stress how important team work is to their business as well as bio procurement services in general. An interesting aspect of this site is that as the different differentiating statements scroll through, the photo of the team remains static which further emphasizes teamwork. Also, there are multiple logos across the bottom of the homepage which represent the different companies BioProcure has worked with.

If you would like to contact us for more information of how we can work together to transform your website’s homepage, contact us!