The Web Canopy Studio Show

Out of every possible thing that could have an impact on the functionality or the purpose of your website, wireframes are one of the most critical components.

Many of us want to skip through wireframes and get straight to designing.

💣 Truth Bomb 💣: If your wireframes are done incorrectly, your website will be really bad. 

We have to be very intentional with what we're doing. It’s crucial to think about specific ways to answer the questions we cover in this episode.

The majority of the performance of your website, success is going to come from this.

In this episode, John talks through the problems you need to consider when wireframing and how to solve the common issues people come across when wireframing their sites. 

-----

Ready to get more out of your website? Be sure to check out our newest program called the Website Accelerator!

https://www.webcanopystudio.com/start

The Website Accelerator is the only program of its kind that helps you create a low-stress, easy-to-manage website that generates customers.
Inside, we're going to guide you through all the ins-and-outs of building a high-converting website that generates results.
You'll get access to all of our templates, themes, and resources, access to our team through group masterminds, and 1-on-1 specialized training.
You'll work 1-on-1 with our team of strategists, developers, designers, and content writers on regular calls and communication so we can work side by side
You'll also be able to join others just like you who are going through this process, as members of our team lead group masterminds and Q&A sessions.
We're going to give you everything you need to design and build a beautiful, conversion-focused website inside your own HubSpot portal.
We'll give you copy templates for landing pages, templates for email copy, HubSpot theme templates, swipe files, video training, audio files, PDFs, checklists, and guides to take ALL the difficult stuff off your plate.
We're going through HubSpot tips, tricks, and strategies, how to get more out of the platform, and how to streamline and optimize your usage so you aren't spending hours a week just trying to keep up...
And that just scratches the surface! 
Check out the Website Accelerator here: https://www.webcanopystudio.com/start

What is The Web Canopy Studio Show?

Everyone wants to grow their business, but not everyone has the time or patience to learn all the ins and outs of marketing, sales enablement, and making the most out of a CRM such as HubSpot. Join the Web Canopy Studio team, a HubSpot Diamond Partner Agency, as they chat about various topics all designed to help you grow your B2B business.

(00:00):
What's up everybody. This is it. This is wire frame systems. Get this section wrong and your website will be really, really bad. So please, please take this very seriously. Please go through this with as much intention as possible. We're gonna walk through how to wire frame, a lot of different wire frame types, types of different frameworks and copy and all these different things that are gonna be very impactful in making your website convert better. So with that, let's go ahead and dive right into how we can wire frame.
All right, everybody, we are talking about wire frames today. We're gonna break open the important pieces of content and, and formulas and different things inside of the pages on your website. Now wire framing is, is it's. It's a, a, a beautiful thing in my heart. It, I hold it very, very closely because I think out of every possible thing that you could have to have any kind of impact on the, the functionality or the purpose of your website, wire frames might be one of the most critical. I have seen dozens of amazing websites, probably hundreds of amazing looking websites that are beautiful, that are really, really cool, but they come to us because they don't work. They are not converting. I mean, they might show, Hey, SEO is great. We got tons of traffic. The website is getting really high speeds on page speeds and all that stuff.
And they're like, man, this is great. It looks beautiful. We hired a huge design firm to make these awesome, awesome, you know, concepts for us. And it's built really, really well. But all of that is just, and I think we talked in the past about qualitative versus quantitative. That's very quantitative things that you can do to check off the list. The qualitative aspect of whether or not a website is going to convert is 100% psychological. It is literally playing with the psychology of how people perceive you, how people are experiencing you. And that is done through page flow through wire frame through content and how people are to be kind of exploring the pages on the website. So when we get into how to wire frame, we're really thinking about how people think. And in fact, that could probably be the entire concept of this video is just talking about the way that people think through problems and think through issues.
I know we've established in the past, we've talked about different things about people who are maybe problem aware or solution aware. And just that simple, that simple switch in mindset is gonna be a complete difference in whether or not we should include specific kinds of content in a content wire frame. So wire frames are not to be skipped over, right? And I think a lot of us want to jump through wire frames. We want to skip this section and get to the next section, which is designing because that's really where things start to take shape. But again, like, I, I can't tell you how incorrect that line of thinking is that this is probably the most important thing that you're gonna do right now. So how do, how are we gonna actually do this? Okay, well, one of the first things we have to start to address is to look at what people need to know when they're on a specific page.
So when we're gonna go through and wire frame again, this is like, it's like a skeleton drawings. Like it's, it's like stick figure drawings of your website pages. We are not looking at the entire website here. We're looking at a single page. All right. And you're gonna think through this process, the exact same way, regardless of what page you are working on, and this could be the same for landing pages. It can be the same for homepage, anything like that. You're gonna wanna make sure that these answers are addressed, right? So you have two seconds to answer these questions at any point in any page of your website, right? It does not matter if it's the homepage or if it's a, a, a different page down the road. We have two seconds to answer these questions. Number one, what do you do? Or what does this do?
So if I'm on a product page, I need to know what does this do? I don't want to sit on a page that has this headline. That's like, be the difference or gosh, what's the one that comes to us all the time from, from tech companies. They always say like, oh, we're a, a data driven resource for a cloud driven world. Like that doesn't tell me anything. I don't ha like I could, I could take that sentence and apply it to dozens of industries. So anything that is not literally telling me what it is that you do is a complete, complete misstep in this process. Okay. And I will get into drag out arguments with people, if you want to go down this rabbit hole of yeah. But that's not clever, or that's not cute enough. Or that's, that's talking down we're, we're at like a level, a level 12 of on a scale of one to 10, we're at a level 12 of how technical our product is.
And you want us to talk down here at this low level, like talking to kindergartners. Yeah, I do. I need you to, because we, as humans are like, we're coming to a website because we are looking to get away from whatever it is we're currently doing. It's rare that we're going to a website because we really, really are just super interested in all these different things. Now that does happen. But usually we are checking out from something and we website exploration or going down funnels or different things like that. Our not our primary thing that we're trying to accomplish that day. Now we treat websites as businesses. A lot of the time we feel like that's what it should be, and that's how we should talk to our clients. But, and maybe that's accurate to an extent when we get like deep into buyers' journey and they're like really diving into stuff.
But when we're talking about when people hit your website initially, no, no way. Perfect example. We've had a number of clients who have been in biological laboratory space or DNA space, or all these different very deep scientific products and chemical labs and all these different things. And when they want to talk about what it is that they do, and we're going through workshops, you can imagine they are using terminology that they feel is very appropriate because it's how they talk about things with their clients when they're actually working with them. Okay. It makes sense, but that's not the way that you interact with companies on your first approach with them. And even, probably even your second, third or fourth approach with them, that company needs to really talk at a level that the client is going to understand like that. And if I have to like dig deep back into my brain to think about, okay, what does that mean?
Okay. Chemistry, biology, like shutting all that stuff off at an intrinsic two second, like lizard brain reptilian brain level. I need boom, immediate knowledge of what it is that you do. Okay. One of my tangents, sorry, it went down, hopefully gives a little bit more context, but we have to really, really talk to the level of the people that are gonna be perceiving this. And remember we as humans, we are, you know, yes, we can be as knowledgeable. We can have all these degrees, we can have all this background information, but we are not always living at this level. If we wanna reach us at a subconscious primitive level, we have to talk at that level. Now that does not mean we talk like caveman to each other, but it does mean we have to get down to the root and say things very clearly, very plainly, very simply to capture the attention and then we can dive in and provide more details.
Okay. We've got two seconds. Okay. What do you do? Number one, number two. Do I need it? Is it something that I need to have? Not only do I just want it, but do I need it? I need you to make a compelling case to me, of why, whatever it is that this page is trying to get across is something I need right now could be a product. Could just be a general homepage, could be a sales page of, or like a landing page in order to get someone to sign up for a webinar. Do I need this? I need to know in two seconds, if that is the case. Okay. Number three, should I spend my time here? Big one. That's a really big, a really big kicker because I don't want to go to a webpage and spend an immense amount of time going through all this different information.
And then only to find out like it's not really, for me, it's not really that important. I don't really need to spend a bunch of time at this section here. So does this resonate with, with something that I would actually want to spend a decent amount of time to to engage with over a long period of time and so on, and then number four, how much will this cost, okay, this is not necessarily how much will this cost in money all the time. Either everybody like this is also how much will this cost and energy for me to engage with this? How much will this cost in my time? How much will this cost and my resources of my team and so on. So, you know, not always are we looking for, how much does this cost of a product to buy when I'm asking people to download a landing page, or I'm sorry, a lead magnet on a landing page, or like a checklist or a template or something, how much will this cost is not even just, okay, it's free.
Great it's is this gonna be something that I can utilize? Is this something that I need? Is this something that my team is gonna have to spend a lot of time working through? Okay. Now the next thing that we want to think about are ways to accomplish this. All right. What are the different kinds of ways, the different opportunities that we have to accomplish answering those questions? In many cases, you know, right off the bat, we might think we just have to put a bunch of information together. We might think we have to put a bunch of outlines and a lot of product descriptions, a lot of details so that people can dive in and, and answer or get the answers to all these different questions they have floating around in the back of their mind. However, remember we got two seconds, right? We, and we need something that's powerful.
That's right in your face. And it's gonna tell you whether or not you feel confident with those four questions that we're trying to, to get across. So how do we accomplish this? Well, number one, the best way to resonate with a stranger in this situation, a prospect, the best way to get across to them is to literally tell them their problems. I can literally just tell you, Hey, guess what? I know you have this exact problem. Perfect example, say, I'm a dad. My kids are just now exiting the stage of like being little, tiny kiddos. And they're starting to be a little bit more self-sufficient. So, you know, back in a couple years ago, I, anybody that would come up to me and start to talk about, oh my gosh, you're a dad of toddlers of little kids. Like, man, you probably don't get much sleep.
Do you? And you're running a business. So you probably are just like constantly running around from one thing to the next and putting other fires out. I'm going to immediately be like, this guy knows me. He knows exactly where I'm at. And subconsciously I feel like I'm letting my guard down and I feel a little bit more connection with that person. All right. You, as a brand can do this exact process on your website by doing the same thing by stating the problems very specifically that you know, that person has as they're on that specific page, that could be for the homepage. It could be for the product pages. Doesn't really matter. It could be for any page, but calling out the problems that that page serves to solve and or that product, or that service serves to solve you, you are literally getting in the brain and of the people that are, that are on that page and you're starting to break down and acknowledge the little things that they have kind of in the forefront, preventing them from, from achieving the success or the goals that they're trying to work towards.
Next, we look at solutions or value propositions. These are really nice, especially after stating the problems. So if I know, okay, you're calling me out because I have this problem and this problem. Yes, I absolutely have that problem. How do you know that? Thank you so much. But then you immediately follow that up with a solution. Well, here's how you actually fix it. Here's three ways that you, you will solve that. Or our product actually makes that thing, that issue a thing in the past, right? And then state why that is called a value proposition. It is a solution statement and it helps by providing background to the problem that we just had. And you're slowly knocking that out little by little. Then we wanna provide authority and some background as to why you should even listen to us. Why, why should you listen to me?
So, you know, I'm telling you the problems that you have, and I'm also showing you the solution to solve those problems. And then the next, the next question that I'm gonna immediately start having, if I'm, I'm having a conversation like this, and we're just one on one, having a, you know, a discussion over coffee, I'm gonna be like, how do you know, like, why should I even trust what you're saying? And so at that point, we want to think about adding things on a website around authority. So these can be, you know, I've done, I've been in business for 25 years and we've solved all of these problems with 2000 plus companies who were just like you. And then we're gonna state some of those companies we've won this prestigious award that, that client's gonna know about X number of times. And so providing authority in that way, or even from an empathetic standpoint and say, literally, I've been there.
I've been there, dude. I was a, I was a dad of toddlers too. Totally know it. And here's how I got my, my day, my calendar, my agenda in order by doing these X, Y, Z things. And so that authority, that background is not only, yeah, it's like, who have you worked with? What logos? Why should I trust you? But it's also empathetic and saying, yeah, I totally get it, man. I've been there. I know what that's like. Then the other option that we have, and the other, probably a really important thing that I think a lot of people skip over is about invalidating competitors. Okay. This one to me is actually very important because we can do it without being shady. We don't wanna be, I mean, maybe you do, maybe you do want to like throw, throw really nasty shade at the other people that you're working with, but what are the ways that we can invalidate the, the other competitors who have solutions to what it is that we are trying to do as well?
So the way I like to look at this is we have this massive massive canyon that we're trying to cross. We wanna go from one side to the other side and there are all these bridges everywhere, right? All the way down this canyon, there's bridges all up and down it. And our bridge is this one particular bridge. We want everybody that's on one side of the canyon, which is where they're at today. And then success is the other side of the canyon. We want everybody to go through our specific bridge to get there. So what do we do? Or how do we think about that? Well, we're gonna make ours look really appealing. Yes. And we're gonna talk about that and through the different things that I just mentioned, but we also kind of want to burn the other bridges a little bit too.
And so we want to try and invalidate the other solutions in a way that it's gonna say, like, I know you've tried this and it didn't work, or I know you're currently doing this. And these are probably the experiences that you've had. And with us, we're not gonna worry about that. That's not a thing that we have to deal with because it simply doesn't happen or here's how we fix it. Right? So we're invalidating other competitors. And then the other thing that we're gonna be doing is providing compelling success stories. Huge. You can do this through a lot of different ways, but this is a huge way of getting prospects to trust you and to move through your website in pages, because people naturally don't want to be sold to, like, I could, I could sell you on why I think you should work with web canopy studio and build a website with us. And some of you would actually make that decision based off the conversation, whether it's because it's, you, you, you like what I'm saying, you like the company, whatever. However, if I actually put other people who have been in your exact shoes who are just like you and I had them do the talking for me and you talk to some of my clients and they were out there saying, oh my gosh, John, at Web Canopy Studio, let me tell you the experience we had that will sell my services 10 times faster and 10 times more than me talking about it. And so it's not always easy to just have people that we can say, oh, Hey, hop on this phone call and talk to these clients for me, it's also a great way to lose, lose clients pretty quickly by burning bridges there.
But what we can do is provide success stories. We could provide case studies. We could provide even just simple, short testimonials. We could provide different ways for people to use video and all these different opportunities that people can share their experience and do the selling for you. Okay. And that is how we're gonna make a very, very compelling website. Hey, what's up everyone. Thank you for checking out this episode. At the end of each episode, I wanna go through and give a quick recap of the major talking points and the things that I really wanna make sure that we drive home. This is part one of our wire frame discussion, and it's really just kind of the initial approach of what it is that we're looking at and how we're gonna think about specific ways to answer questions. In next week's episode, we're gonna talk about wire frames part two, and we're gonna break down an actual example of wire frames and go through these section by section.
So number one, the first thing we wanna make sure that we're doing is that, that we're not rushing this process. We have to be very intentional with what we're doing. The majority of the performance of your website, success is gonna come from this kind of stuff. So not necessarily thinking about SEO at this point in design and, and that performance is totally different. This is about the performance of how well does the website convert. What kind of copy is gonna be the most impactful here? Number two, we have to make sure that we have great answers within two seconds to the really specific questions that people have floating around in the back of their mind, every time they come to your website. So what are those different ways that we can help get in front of those answers and start to, you know, subconsciously get behind that and, and really provide value.
And then number three, how can we get really clear on the important things that are gonna have an impact on whether or not somebody's going to take the action that you want them to? So we're gonna do that through things with like problem statements, solution, value, propositions, authority, propositions, and so on in validating competitors and, and talking about success stories. So all that being said, if you found this information helpful, we have a website accelerator program, which will allow you to work through all this content and more with my team. We have templates, resources, all the different things that you could ever need to build your website or, or make your website perform better. Feel free to go to webcanopystudio.com/start to learn more. Can't wait to chat with you and we'll see you next time. Bye.