How To Maximize Your Home Page

By September 20, 2016 September 6th, 2017 Client Resources, Website Design
How to maximize your home page cover photo.

Last week, we talked about how to maximize your Contact Page by not just asking the right questions, but how to ask them in order to streamline your client intake process. This week, we wanted to address (arguably) the most important page on your site, your Home page. As one of the most visited pages on your site, your home base (aka your home page)  is by far one of the most crucial pages on your site. But it’s not the final page we want our clients to land on. While the Home page is there to grab their attention, usually the more important information pages are deeper into the site, so the last thing we want is for potential clients to land on the home page and not know where to go next.

Your Home page is like the front of your house. You want serious curb appeal, but you don’t want your visitors standing outside on the porch peeking in all day, you want them to come in, look around, and make themselves at home. So, how do you maximize your home page?

I am so excited to have my developer Steven Harris of Harris Designed back again to help give the developers perspective on the functional goals of a strong home page. Together, we are here to help you learn how to maximize your home page to book more clients, and make more money.

HOW TO MAXIMIZE YOUR HOME PAGE

How to harness the power of your Home page to book more clients and make more money.

How to maximize your Home Page on Whiskey and Red

WHAT ARE YOUR WEBSITE’S GOALS?

Just like last week, we start each page by defining the overall goals of our business, defining how our site will help us meet those goals, and then how that specific page plays a role in our overall site plan. So, what are the primary goals of your website? What is the overall action goal you want your clients to take for your business?

Most likely it is to work with you. But, unless the client has past experiences working with you, they probably don’t know where to start, or if you even offer the services they are looking for. Knowing where our strengths are as an entrepreneur and what products or services we offer, it’s our job to guide our viewers deeper into our site by outline a clear path from page 1.

Think of your home page like the front of your house. You want to have serious curb appeal to entice your ideal clients to walk up and knock (or in our case click) in order to enter deeper into our sites. That comes down to establishing a clear and consistent brand identity.

You want to have serious curb appeal Click to Tweet on Whiskey and Red

Branding Curb Appeal:

Our logo and brand colors are only a small piece of the giant puzzle that is our brand. When it comes to our website, there are so many different areas of our brand that factor into the experience our viewers and potential clients will have when they first land on our home page.  With about 3-5 seconds to make our digital first impression, every decision we make counts.

With our website being our business in digital form, we want to make sure we set a specific tone and mood that our clients can expect throughout the rest of their onsite experience.

What is the first thing that your clients/viewers see?

  • Is it your logo or business name?
  • A photo of you or your team working?
  • A special promotion or service you are offering?
  • A question or statement to set the tone for the site?
  • A portfolio piece showcasing your skills and most recent work?

In today’s growing digital generation, our user confidence in using a website, we as users expect a page to scroll, even a little, so once we land on a site, we as business owners need to plan for how long they will linger at the top of a page. What does our header say about us? With quality always coming before quantity, and keeping things simple yet significant, there are so many opportunities for grabbing the attention of your viewers through the header of your site.

Keeping thinks simple yet significant Click to Tweet on Whiskey and Red

Setting the Scene:

There really is no right or wrong way to design the header of your website. But it really comes down to who you are trying to attract. Knowing that we only have about 3-5 seconds to make our digital first impression, and set the tone and mood for our client’s experience on our site, there are a number of different ways to instantly engage our viewers through functionality.

Right now, full screen headers are really popular. As our clientele becomes more tech savvy, we’re not as concerned with our visitors not knowing that there is more content below the header.

Quick Tip: That being said, this is something that you need to consider if you definitely know that your clients don’t fit into that category, i.e. older clients who might not be so tech savvy.

There are a lot of background options out there with these full screen headers, but I’ll just focus on the two most widely used: photo and video.

PHOTO HEADER:

The more traditional background photo can really introduce your future clients to you and your business. I always suggest using a professional photographer to shoot you or your actual business; it adds that personal touch and keeps you away from stock images. This background image quality really sets the tone for the quality of the page and site to follow, so be sure to use a high resolution photo. Low resolution images make everything else appear to be of lower quality.

VIDEO HEADER:

Video backgrounds are also on the rise. There are a few things to consider here. Make sure that your hosting can handle it. You do not want a choppy video buffer to be the first thing that your client sees. As far as video choice, and there are always exceptions for that perfect video, is to use something subtle in motion that won’t be too distracting. Remember, you do want people moving into your site to explore what you have to offer, you may not want them sticking around too long and staring at a video.

Case Study : Building Curb Appeal

Waikiki Yacht Charters Header on an ipad.

VIDEO HEADER: WAIKIKI YACHT CHARTERS

One of my favorite home page headers is waikikiyachtcharters.com. The video header isn’t the absolute best HD quality, however, the company actually hired a drone video company to shoot their actual ship in the location that they do tours. What a fantastic way to show your future clients what they will experience with your company.

Brewed Bars Home Page Header

VIDEO SLIDER: BREWED BARS

Another example of a  video slider is brewedbars.com. I bring this video slider up for a couple of reasons. Firstly, as the company is a startup that lacks funding, the site is on budget hosting. The choppy buffering is not ideal. That being said, as a startup, they are attempting to showcase the “Live Boldly” lifestyle that is at the heart of their branding and these videos capture the bold spirit of the community that they are trying to reach.

Fernwealth featured ipad website design.

IMAGE HEADER: FERN WEALTH

For an example of a photo background, let’s look at fernwealth.ch. They used a professional photographer to shoot the actual partners of the company in a business environment. What a great way to introduce yourself to your clients. This really captures, in my opinion, the absolute best way to use a photo background on a homepage slider.

SURVIVING THE SCROLL:

We’ve addressed the importance of making a powerful digital first impression by carefully choosing the first thing our viewers see when they come to our site, but what happens next? This is generally where we find things get a little messy. With the desire to provide enough information to inspire our clients to look further into our sites, we can easily overwhelm our viewers by adding too much info onto our home page and offering too many options when it comes to where to go next. While we want our viewers and clients to feel like they are exploring organically and making their own decisions, secretly it’s our job to subconsciously guide them to where we really need them to be so that they can make the best decision for their business.

What to include on your home page.

While we want to include the most important pieces of our business on our front page, we don’t want to overwhelm our viewers with too many choices, or too little choices, in order to confidently navigate to where the information they are searching for is waiting for them. We want to keep things simple so that it’s incredibly clear as to where that content will lead them, while significant enough to help us stand out from others in our industry.

So, knowing our business better than anyone else, what are the most valuable pieces?

  • Where does the majority of our income come from? (What product or service offering)
  • What are the majority of our clients looking for? (What are our ideal client’s needs and how can we solve them – fast?)
  • What is your favorite part of your business? (What product/service/area do you enjoy doing the most?)

Next, what are the primary goals for our website as it relates to our business goals?

  • To establish credibility and authority in our field.
  • To build trust and relatability with our clients.
  • To inspire our clients and educate them on how best to work with us.

Taking the answers to each of those questions, we’ll be able to better decide the most important pieces of content to share on our Home Page.

THE POWER OF 3

In an effort to be both simple, and significant, I have found a personal magic number when it comes to design that often results in the most productive planning and navigation of a site; the number 3. Whether it’s 3 gateways to different areas of the site, 3 rows of content on the home page, or 3 varieties of services, starting with 3 gives your clients the freedom to feel in control of their decisions, (without the anxiety of too many choices), all the while you are specifically attracting them to the 3 most important areas of your site.

To help you in defining your website’s top 3, I have a FREE worksheet for you to download and outline your primary client goals, your overall website goals, and how to accomplish all of them through the most valuable content on your site.

FREE Home Page Content strategy worksheet to help you streamline and maximize your home page. On Julie Harris Design

When function meets form:

While having all the right visual pieces is hugely important, the way your homepage looks alone is not enough. As my dear friend and fellow bosslady, Erika Madden of Olyvia Media says, “Pretty isn’t profitable”. Your home page needs to not only look great but work great.  With so many different options when it comes to home page functionality,  how do we make the best decisions for an engaging functional home page design?

I am a huge supporter of minimal and simple functionality on a homepage. Adding too much animation, moving parts, or tabs will cause people to become stagnant on your homepage. As Julie stated above, you want people to move through the doorways that you’ve left open on the homepage to gain access to more specific information on other pages.

Case Study : Where function meets form

Awakening Possible Home Page on an ipad.

Keeping information organized on the homepage is also essential. Let’s take a look at awakeningpossible.com. As you scroll down the homepage, you’re immediately shown your first set of doors: an about page, a secondary about page, and the services page. These are the three main directions that this site wants their clients to travel. If we scroll further we have a small section for a subscription opt-in followed by a small about section with a button to the about page. This simply gives clients that linger on the page a little bit more info about the owner before moving along.

Harmony Music Center Home Page Design.

Another example is: harmonymusiccenter.com. This is a site for a music teacher that works with three different groups of students. Can you guess how he categorizes them? Again, using specific doorways to guide our clients through to the portion of the site the pertains most to them and what it is that they’re looking for. Below is a small section that talks about how his classes are different, with an embedded video that shows just that. Again, a site with simple functionality on the homepage that uses buttons to guide people through.

KEEPING THINGS INTERESTING

Unlike other pages on your site like your Contact page or About page that most likely won’t change very often, your Home page should be revisited regularly and updated to reflect the most important and most updated versions of your cornerstone content.

What to update?

Seasons change, specials change, products change, and services are updated to reflect your expanded knowledge and expertise, as well as to meet the current demands of your target market. Your home page should accurately reflect these changes as well.

Are you a product shop with various physical or even digital items you sell? Updating your header image or sliders to reflect specials or new featured products helps generate excitement over a specific item, causing more attention to that area of your site and increasing sales. Also including a product slider in one of your top 3 areas is a great way to promote “new arrivals” or “most popular” items that you know are often searched for and generate the majority of sales.

Are you a coach? Do you have any speaking events coming up or new packages? Including updated promotions for events is an easy way to constantly update viewers on what’s going on NOW with your business. Or even including a small testimonials slider can help increase credibility by sharing the supportive words of past clients, increasing your social proof of quality and expertise.

Are you a designer? Showcasing your most recent work is a great way to inspire new viewers or client to check out more of your past work as they decide whether or not you are the right designer for them.

Are you a blogger? There are so many amazing ways to showcase your most popular posts as well as recent posts to reflect whatever focus point you are discussing in your content. Blog feeds that automatically refresh on your home page are a great way to promote both new content and your most popular content without relying on your readers to know where to look for your most valuable resources.

Give people a reason to come back.

As I am a strong visual learner, I learn best by observing others. Steven has some case studies to showcase how past clients have created maintainable updates to their home pages, inspiring clients to return again and again.

Case Study : Why come back?  

Awakening Possible Home Page Design

I briefly discussed awakeningpossible.com above and how she chose to space out the most valuable content on her home page. One great way to constantly keep things fresh and give your viewers a reason to come back is by including a very minimal blog feed. It only shows three posts, (Juile’s magic number) not the entire blog, but a few posts that give your home page an updated feel as new posts are published.

Shannon Westmeyer Home Page on an ipad.

Another awesome way to make your homepage feel constantly updated is to add your primary social media platforms. Including an Instagram feed is a very simple and user-friendly way to keep homepage photos fresh without doing any heavy lifting or redesigns. Plus it helps to promote your primary platforms and increase your daily followers. Another client of ours, shannonwestmeyer.com invites her clients to share images of them wearing the jewelry she designs wiht a chance to be featured on her Instagram feed, and in turn, be featured on her website, giving them a reason to come back and check in.

Your turn!

Take a look at your home page, are there any areas you can refocus in order to maximize your home page’s productive potential? Any key areas of your business missing? Excess areas that you could remove to keep your viewers attention on the most important content?

Are there any other home page elements we didn’t discuss that you find make all the difference in connecting with your clients? Share a link to your home page and let us know what you did to maximize your home page. Share the knowledge!

If you or anyone you know is working on designing there Home page, and could benefit from this post, please share it with them. And, if you have any questions on how to maximize your own home page, ask us in the comments below. We are both here to help you make the most of your home page to book more clients and make more money.

Sincerely,

Julie & Steve signature.

SO HOW CAN I HELP YOU MAKE YOUR MARK?


PHOTO CREDIT: © Dollar Photo Club

Julie Harris

About Julie Harris

Julie Harris is the founder and lead designer of Whiskey & Red. Based out of Woodland Park, Colorado, Whiskey & Red specializes in small business branding and WordPress website design. They collaborate with small business owners, at all levels of industry, helping them translate their offline business into an online digital experience.

Leave a Reply