Quick & Dirty - Effective Home Page Design
Zack Greenfield • March 30, 2021
Today we're going to unpack this incredible amount of friction that we see all the time on home pages of websites, and here's where it starts. Uh, you got two types of people that are coming to your website. Predominantly, you've got people that do business with you right now, and they kind of know what they need and they need resources. They want to shop, they want to set another appointment. They need to do this, that, and the other thing, they need to take actions on your website. Like, you know, click the map link, get there, call the office, whatever they got, they got stuff. They got a handle because they're doing business with you. Then you've got this other group of people that are your new business people, your new visitors. And they're so important to you because those are the folks that are going to help you grow, make more money and scale your business.
So they're all hitting your homepage potentially right now. And how do you deal from a design standpoint with these two different objectives? One is serving your existing clients and all the things that they need. And the other one is engaging and capturing the interest of this new visitor, right? And those things are really tough to reconcile with design because well, and you can look across the web right now.
So they're going to see this image and we're going to talk about this like idea of just having one big image there, because that's kinda like the end, the anti existing customer page, right? That's this new visitor page. That trend is great for that because it, it captures this immediate emotional response. They can see maybe your product or see the happy result of somebody who's experienced your service or bought your whatever thing is. And they go, Oh wow. This, you know, that's me. Right. So it's like immediately going to the capture them and then they want to learn more. So they might scroll. Okay. But your new customer, like after they've seen that thing, like three times, I mean your existing customer, excuse me, after they've seen that thing, like three times, they're like, dude, I'm done with this. Like I need to get, I need to get to the thing where I can set, you know, set an appointment or I want, I want to just go to the store.
I want to buy another gift from my mom or something. Right. So they're just like sick of that, but they keep having to go through it because it's dominating your homepage. So you've got, you know, I've kind of set the stage. That's the problem. There's a rub there. So here are your options and there, and you know, this, this, this discussion we're having, I actually gave birth to an entire industry in website design. That's all around landing pages. So you have like sales pages and an Unbounce. You know, there's a lot of software service companies. Now the just provide these landing page designs, templates, and services so that you have a place to drive new visitors that does just, that engages them in your brand, your service, your product, and, and sells so that you could keep your homepage for your existing customers. So there, so, so it's validated this problem is validated by the fact that there's plenty of services out there, but for you, with your website and managing, you know, I'm trying to figure out what to do for one, you may not want to take on another cost every month and paying for landing pages, or you may not think that you need sort of that extreme type of situation.
You may not be running paid ads where you want to really target them down to a relevant landing spot, right? There's a lot of exceptions to meeting that and you kind of need to resolve it. There are a couple of ways to do this. And, and this is the way we've healed this in the past to some degree without doing all of that one is we've made the home page where we can still have some emotional engagement where a new person would see it and feel good about where they ended up. We immediately show on that page. The thing I'm always telling you guys, which is we want to shell, we solve this problem, right? So the person that comes over, they have that problem. They go, Oh, I'm in the right spot. Right. And the other thing that we do to deal with that existing client is we might just put up their client resources or customer resources or shop, right.
If you're an e-commerce store, right. Just the people that want to buy it from you just let them go and buy, right. So don't, don't put up a blockade to the folks that already know where they're going. Like give them that boom, where they can go. So that might be logging in customer login or something like that. So you can just kind of put that up in the upper right hand corner left-hand corner, whatever works on your design and give people that quick out that want to go there. And then you can do your thing. The other piece of this is, so I guess what I'm saying is you can do both, but you've got to allow for it. And then you have to decide which way you're going to slant the needle. Is the page design going to address your existing customers more with the, with some design allowances for new visitors, or is it going to be more slanted towards new visitors with a little, you know, link out or jump out for your existing customers?
Right? So you, you have to determine which way you're going to slant the whole thing. So you can do it that way. The other way to do it is you just say, you know, my home page is, you know, my business page and do another landing page where you drive traffic. So for instance, if you're doing like email marketing, you know, put a link on there to a secondary page on your site, you don't have to pay to host another page. You don't have to pay a landing page service for that. You don't have to do anything special. You can just make another page for some promotion that you might be running. Don't land those on your homepage, land those on something that's relevant to the promotion or offer that you have out. And that might be going out by an organic post on Instagram, some email marketing, a video that you might've made an event that you might've attended.
It doesn't matter. Traffic can come from anywhere, but you might want to decide, yeah, this traffic, I want to land on this, you know, slash promo, whatever that extra pages. So you can do it that way too. And then you can have your homepage kind of be this homepage that, um, the other part of this that you know, is important to think about too, is what do you want them to do? Right? And this is one of the things we've talked about in a lot of my videos. I, one of the things that we talked a lot of clients about is really boiling down what the desired action is that you want people to take. And again, you got two people, you got clients, customers, you want them to take some action, buy more book, more, schedule, more, whatever that is, spend more. And then you have the new person, what do you want them to do?
And in some cases, you know, and this is the thing is in this business. And I think for folks that are trying to get their marketing going for their, for their own business, you know, as an industry, everybody is so focused on clicks. And I want to tell you that I don't want to, I don't want to diminish the value of clicks because clicks definitely are trackable action, right? I mean, they show their evidence that people are taking action. So there's doubt they are important. However, if you look at big brand marketing Wallmart, McDonald's, Coca-Cola Nike, anything like that, they are as much or more focused on impressions and time on brand. Okay. That's really important to consider also. So how does that relate to your homepage design? Well, one of the things, and, and we see in, you know, in website business and you have these stats probably on your website is what we want to try to deal with this bounce rate.
Like we don't want to people to come and then go away and, and jump off, right? Because then they're not spending a lot of time on brand. So as from a design standpoint, there are two ways to go about this. You may have the knee jerk desire to put some sort of clickable thing. Like they got to click right away, like get this thing or something right about the fault. And there are times to do that. However, on your homepage, I would invite you to consider that time on page might actually be more important than getting an immediate action. Okay. And here's why, because when a new visitor comes to your business, you think about, think about it this way. If somebody comes into your store, like if you had a physical store and you may not, but pretend you do for a moment, how would you treat them if they walked in the door?
I mean, when you welcome them in, you might offer them a bottle of water. You might offer them a place to sit down. You might ask them if it's too hot or cold in there, if they're comfortable, you might of course ask them what they'd like to see. And you might just show them what you've got. Right? Those are all things we normally do in the real world. So why, when we get somebody on a website, Oh, we ask them to like, take an action right away. We don't do that in real life. We're not like coming to my store now, now, now try on these shoes. You know, we don't, nobody does that. So it's kind of strange when you think about it, that way, that sometimes we design a webpage where we're expecting somebody to take an immediate action like that. So the antidote, you know, we're kind of where we're headed with.
This is maybe we might want to take the approach in this design that we want to do that, that relationship building piece and the cool way that that's starting to evolve now in design is this kind of long scroll or format. And the other thing that's cool about the long scroller homepage is it's awesome on mobile. So I think we've all wasted portion of our lives, scrolling through Instagram and Tik TOK and all of these sort of content site where we can just thumb and thumb and thumb and thumb along. And we just keep consuming and consuming a consuming the story, if you will, or a news story, another story, another image, another picture, another funny joke, another meme, whatever. But if you think about how nice that is, that works great for your website as well.
Mobile vs Desktop traffic - I'm not even going to pretend like I know it off the top of my head right here on this video, but I want to say that predominantly for us, it's in the 80%, the stuff, the stats that I look out with our clients. Uh, so, so your homepage design really needs to kick on mobile. And if that's the case, then we know that scrolling works great on mobile. So why not run with this long scroll experience? So now you have where you had content that was on four pages or five pages. Why can't all five of those pages, just be this cool long homepage. It is true that a mouse to some degree, it's nicer to click and click and click with a mouse, but not everybody's on a mouse anymore. In fact, that's the minority of traffic on your website today.
Most people are using their thumb and their thumb works great just like this. So let those mobile people scroll and learn about your business, your product, and your service on that homepage. So decide how you're going to reconcile between your new and your existing visitor. And then go ahead and stitch together a nice story and indoctrinate them as they scroll down and share with them just like you would share with them if they walked in to your business from a physical, in a physical store, right? So welcome them. Them, show them, ask them on and on and on, then decide what your desired action is going to be. Okay. Then you need to identify that because the whole storyline with that is going to take them to that action point, right? So you're showing them, you understand their problem, showing them you have a solution to their problem, showing them how to get the solution and what that action is to make a move, because that's what they're there for.
They're there to solve their problem. Okay? So that's all I'm going to say on home pages. It's tricky business. It's not always easy. You may have to take a couple of different shots at it, and you may just have to acknowledge that you can't reconcile it in the way that you want for your business. So you are going to run sale pages somewhere else for your home page is going to be your sales page. And you're going to do a client page, our customer page that is a store or a link in the footer or a resources page or something else. And, and they'll learn that. And you don't have to worry about that very much. They will learn and they will be there and they will be happy because they know it's for them. And they feel like they got behind the velvet rope. Okay. So go out there and kick some butt on all this stuff. I hope. I mean, this is really things that we've had to learn through hundreds and hundreds of websites and homepages and redos and old stuff we've fixed and new stuff we've made. So if this is inspiring,
Giving you a little cool, constructive stuff to think about, go ahead and like this video, I really appreciate the feedback, subscribe to the channel. And of course we can't wait to see you on the next one.