Free: Assessment Does your website build trust with buyers and bring in revenue?

Score My Website
Close

Free: Assessment

Does your website build trust with buyers and bring in revenue?
Take this free 6 question assessment and learn how your website can start living up to its potential.
Score My Website
inbound-marketing-strategy-playbook-cover

Free: Assessment

HubSpot Website Redesign Improves UX, Increases Conversions

By Vin Gaeta

HubSpot Website Redesign Improves UX, Increases Conversions

The Closet Works Inc. is a custom closet and organization solution company servicing the greater Philadelphia area. 

While their team had no issue delivering value to their clients with their top-of-the-line, custom solutions, their website was still failing to engage website visitors and convert them into leads. It was time for a website redesign.

The Challenge

Closet Works initially reached out to IMPACT in 2015 as they were ready to give their website a much-needed face lift using the HubSpot Website Platform.

That original design focused primarily on the products Closet Works offered and had numerous sections to guide the user through their journey -- but something felt off.

Overall website traffic and leads increased from their original design, but the site still didn’t feel “sticky” enough.

Users wouldn’t spend time browsing the company’s products, or reading and engaging with their content. A typical user would land on the site, browse aimlessly for a few minutes, and leave.

We knew something had to change.   

The Solution

Over the last two years, we made several iterative updates to the Closet Works website based on user data. The original goal was to improve the metrics on the website, but collectively we soon realized the site needed a full refresh.

In 2017, we began updating the overall design of the website and released new templates to help improve the user experience.  

We selected larger, brighter imagery, while also maximizing white space to allow the content to breathe, emphasize the products, and ultimately, guide the user through the website more naturally.

In addition to these changes, the color palette was shifted to appeal to a more feminine persona. This was in contrast to the previous strategy of seeking to attract a broader, more nebulous audience.

Homepage

When selecting homepage elements, we focused on creating a fluid user experience that would carry through the rest of the website.

new-closet-works-homepage.gif

The new design followed a single-column style, with client testimonial videos being a focal point. The addition of top, middle, and bottom-of-the-funnel offers aimed to attract and convert website visitors, regardless of where they stood in the funnel.

It was then collectively determined the other main areas of focus should be the showroom and the blog.

Showroom

The previous Closet Works' showroom felt clunky and cumbersome -- it needed its own redesign.

walkin-closet-showroom.gif

With the new Showroom, we focused on bigger, more vibrant images of each product. To complement each image, we also added a dedicated area for a brief description, as well as HubSpot CTAs to ensure the user always had a next step for their journey.

The addition of a larger social proof area was the final addition that gave the user everything they might need on the single page.

Blog

The blog underwent a much larger redesign, focusing  on readability and subscriber generation.

hubspot-website-redesign-3.png

We leveraged our Blog Optimization Package to ensure an optimized and readable experience for the users.

Because the original blog was built on the HubSpot Website Platform, we were able to easily go back and review the historical data to help see what the previous performance was, and make strategic improvements.

We also used Closet Works’ top-performing whitepaper as a “lead magnet” offer to entice blog subscriptions.

Style Quiz

To help generate more qualified leads, we knew there needed to be an engaging top-of-the-funnel offer that we could promote.

We created a Style Quiz to allow users to answer a few questions and see exactly what style system they should go with.

closet-works-style-quiz-website-redesign.gif

Once the user completes the quiz by entering their name and email in a HubSpot form, they’re given the style that best matches their taste.

Additionally, the information is logged as part of their lead's contact record in HubSpot. Closet Works could then segment those contacts (HubSpot smart lists) and implement campaigns (HubSpot email marketing) aligned with the interests of their new leads.

The Results

Since launching the new design in March 2017 we have seen promising increases across a wide range of metrics.

The Homepage

We primarily tracked HubSpot CTAs we had placed on the homepage, based on heatmap data from the previous iteration.

The data showed us that many people weren’t scrolling passed the first two to three sections of the page, so the decision was made to add an attractive top-of-the-funnel offer after the social proof section.

Before the redesign, we saw a Click-Through Rate (CTR) of .27%. After the redesign, the CTR jumped to .64% -- a .37% increase.

We also saw an increase in time on-page compared to the previous year. 

hubspot-website-redesign-results.png

The Showroom

Because the showroom is the cornerstone of the Closet Works website, we focused the redesign of these pages on driving conversions.

The focus metric here was also CTR. However, since most of the calls-to-action lead to a consultation request (their bottom-of-the-funnel offer), it was even more important.

For tracking metrics, we looked at their most popular product - custom walk-in closets.

The original design was generating a .18% CTR. After redesigning with the user in mind, adding bigger, more vibrant imagery, and streamlining the experience, we saw the CTR on the walk-in closet showroom page jump to .33%.

Screen Shot 2017-07-26 at 8.13.57 AM.png

The Blog

We saw the best results from the blog redesign.

Looking at the same time range of the original design (December 1, 2015 - July 20, 2016), the blog generated 2,203 views and 124 email subscribers.

After the redesign, however, we saw a tremendous jump in stats. Blog views grew to 13,359 -- a 490% increase -- and email subscribers increased to 626, a 404% increase.

The below is a snapshot of July 2017’s blog traffic compared to July 2016’s traffic -- a 396.35% increase in overall traffic.

blog-website-redesign-traffic-increase.png

Style Quiz

The last piece of the puzzle was the Style Quiz, which was built using HubSpot Website Platform pages.

The intent was to create an offer that would draw a lot of attention from the audience, help to generate new contacts, and get some style information about the users.

Since the quiz launched in March, we’ve seen over 9,418 views, 4,225 submissions, and 1,472 new contacts. The client was extremely pleased with the results, and we were even able to attribute two new customers to the style quiz.

style-quiz-results-hubspot-website-redesign.png

Featured Image created with Placeit.net.

Free: Assessment

Does your website build trust with buyers and bring in revenue?
Take this free 6 question assessment and learn how your website can start living up to its potential.

Topics:

Lead Generation
HubSpot
Case Studies
Web Design
Published on July 26, 2017

Recent Articles

Demand Generation vs. Lead Generation: What’s the Difference?
April 10, 2023 • 5 min read
35 Landing Page Examples to Inspire Yours in 2023
January 26, 2023 • 11 min read
Should You Still Gate Your Content in 2023?
January 23, 2023 • 5 min read
Here's Why You Keep Getting Garbage Inbound Marketing Leads
December 19, 2022 • 6 min read
How To Grow Your Email List: 13 Savvy Tips To Try in 2023
November 22, 2022 • 9 min read
Increase Landing Page Conversion Rates With These 3 Simple, Powerful Hacks
June 2, 2022 • 10 min read
20 Tips for Optimizing Your Business Blog Articles for Conversions
April 21, 2022 • 14 min read
How To Make Each Lead Capture Form a Conversion Powerhouse
April 8, 2022 • 7 min read
The Selling 7: 5 Best Landing Page Video Examples
December 23, 2021 • 7 min read
Rethinking Your Approach to B2B Lead Gen, ft. Chris Walker (Inbound Success, Ep. 200)
June 21, 2021 • 36 min read
What is the Content Marketing Funnel and How Does It Work?
June 2, 2021 • 10 min read
What is Lead Nurturing?
May 28, 2021 • 9 min read
88 compelling words and phrases to prompt website visitors into action [Infographic]
April 24, 2021 • 3 min read
What is Conversion Rate Optimization? (Definition, Examples, and Tips)
March 31, 2021 • 12 min read
What is a good average landing page conversion rate?
March 12, 2021 • 10 min read
Call-To-Action Examples: 31 Designed to Earn Clicks and Generate Leads
March 11, 2021 • 10 min read
6 Reasons You're Not Generating Leads With Your Blog Content
November 9, 2020 • 7 min read
9 keys to building an effective landing page [Infographic]
October 3, 2020 • 3 min read
5 effective strategies for decreasing bounce rates on a blog article
August 25, 2020 • 8 min read
7 savvy tips to boost conversions in your retail e-commerce store
July 17, 2020 • 6 min read
6 most common lead generation website problems (and how to fix them)
January 28, 2020 • 8 min read
Facebook ads help: Why are my ads not converting?
January 20, 2020 • 5 min read
11 Best Examples of Lead Generation Website Designs
January 20, 2020 • 9 min read
Top 9 proven lead generation ideas you need to try in 2020
December 3, 2019 • 3 min read
New study reveals which Google My Business features boost conversions
November 4, 2019 • 4 min read