0:00:00
Hey, what’s up everybody? Sorry, we are a little late. One, second, had a little technical difficulties. The mixer had a little firmware update that it had to do. I couldn’t hear myself in the headphones. So we had to do a little technical work up here. But I think we’re good. I think we’re running. All right, and I found out how to make my chat bigger. So this is good. This is helpful. All right, we got Ruben says, Domies, Domies, Domies, Domies Unites. We are ready for another episode of Web Design for Domies. It is Wednesday, February 22nd, 11.03 AM sharp. All right, we got Amanda here, Amanda here, Alexander. Tony is here in the house, Sylvia, Brian, John, hello. Justin, hello.
0:00:54
Justin says it must be past midnight on a Wednesday in Western Australia, because here we all are. Let me position this a little bit better. Should these be at the bottom? Should they be in the center? Where should they be? Maybe there. Maybe down here. I wish it gave me a guide on where the center is. That’d be nice, you know? Okay. Let’s see. Let’s put another one up. Good morning from Georgia. What’s up Robert? Must be nearby in my backyard. David’s here, Randall’s here, Arnold’s here. We got really good.
0:01:29
We got a really good showing today. Let me, we’re about to pull up the first website. We’re going to dive right in today. But first, what I wanted to do is, overlays, preferences, scenes. I feel like I’m all discombobulated because of the firmware update and getting technical difficulties out of the way. All right, here we go. All right, we’re good. I got all the screens that I need to get. I’ve got three potential websites that we’re going to do today. We may only get to two of them. But I have three just in case. By the way, I just wanted to let you guys know. I cleared the list.
0:02:08
I pulled, I think, one of these websites from the old list. But I basically cleared out the old list. And I started a new list because we have a new form at Geary.co for doing this. The link is down below in the description. So if you want your website critiqued on web design for Domys, you need to go submit it there. Now, I will say we had a lot in the old list. We had a lot, a lot, a lot, a lot, a lot, a lot of not English websites. And that’s fine. I mean, we can do them if they’re worth doing. Right, not every website’s worth doing. Like I review, I look at it like briefly ahead of time. And I’m like, yeah. But if it’s worth doing, then we’ll do it. But the thing is, is when it’s not an English website, I’ve got to use this auto translator for in Chrome.
0:02:49
And we can’t really take a look at the copy all that much. Because I don’t know if it says what you intended for it to say. So it is really better for everybody if you submit a website that is in the English language. So just keep that in mind. I mean, if you’ve got one that’s not English, but you feel like it would be a really, really, really good one to do anyway, then we’ll probably do it. But if you have English websites, that is better for everyone. All right. If you have a question at any point during this, just do a quick recap of what we’re doing here. We’re doing deep dive website critiques. We’re looking at everything that makes a website successful. That’s from traditional design critiques all the way down to copywriting, offer analysis, conversion flow.
0:03:33
Of course, UX. We open the DOM. That’s the whole point of web design for DOMEs in a lot of cases. We take a look at accessibility. We take a look at best practices, maintainability. Are you using classes correctly? Or are you being a chump? Are you styling at the ID level? Are you littering utility classes everywhere? I posted a meme about ID styling and utility class. I’m trying to get my meme game up. I’m going to start playing around with, I don’t know, I like doing the meme thing a little bit. So more memes coming your way from me. Posted a good one in the ACSS group the other day.
0:04:14
All right. Let’s see what Bradbury is saying. I’ve had to test QA a number of non-English websites in the past. It’s definitely more difficult when it isn’t your first language. Yeah, for sure. Okay. Yeah. So I was saying what we’re doing here. And then you can make sure you get your website submitted for critique if you want it critiqued. And with that said, let’s go ahead and let’s go ahead and get the first one rock and roll. All right. So we are going to, by the way, you know, I mentioned this a couple episodes ago where I was going to, if it allows, like if there’s a good opportunity for us to go down a little mini tutorial rabbit hole on something, I wanted to do that.
0:04:53
And I don’t think we did it the last episode, but maybe, maybe we’ll get to it this episode. We’ll see. I kind of forgot about that the last episode. Okay. Let’s go ahead and share our screen, which right now is nothing. Let’s bring on the first website. Let’s make sure that you guys can see this website. Oh, I was going to talk about participation. If you have a question at any point during a critique, put question in all caps and then go ahead and ask your question after that. Makes it easy for me to find in the chat, but also keep in mind that as we’re rolling through a critique, drop your own critique comments in the comments in the chat. You’re, it’s, this is, I like to come back to the chat every now and then and see what other people are saying about the site that we’re taking a look at. It’s not just me. You guys need to participate as well in the chat.
0:05:44
A lot of you are really good about that, but just a reminder to keep, keep that chat working as we go through these websites. But this first one is Cali Capelli, I believe. CaliCapelli.com. And we’re going to do the no scroll test. Everybody knows what that is. Oh, I have another good announcement in just a second. We’ll get going on this a little bit and then we’ll, then we’ll get back to it. No scroll test is basically, can I figure out what’s going on here? What, what is this website? Who is it for? What are they offering in general without scrolling around, without digging? I don’t want to have to dig. Users don’t want to have to dig. So can you figure it out without scrolling around? And by the way, when I do the no scroll test, if I’m doing the no scroll test on your website, I have a very large monitor.
0:06:32
So there is more real estate for me to figure out what is going on. It’s not the case for every user. So keep that in mind. It’s a little bit of a cheating when you, when we do it here on web design for Domines because I have a very large screen. But what I can see here right off the bat is that we are selling flat irons and curlers for thick course or curly hair. And I don’t know anything about hair curling. Hold on. Let me show you guys. I don’t do much hair curling these days. So I’m not, this is not my expertise, but we’re going to rock and roll through this and see what we’ve got. First of all, we’re going to see what this is built in. And it is oxygen. Okay. So we have an oxygen website that is selling flat irons and curlers. What do we know about this headline right off the bat?
0:07:24
We have gone the route of very, very, just specific. It’s like, let’s just, here it is. We’re not going to talk about features. We’re not going to talk about benefits. We’re not going to do any, well, down here we do just a little bit, right? We kind of bucket the person here as we, as we talk about often by kind of calling out, hey, do you have thick hair? Do you have coarse hair? Do you have curly hair? These flat irons and curlers will work for you. But the headline itself, I think, can be dramatically improved because, well, I mean, I can see what the product is just by the photos. So if you just explicitly, what is called this an explicit headline, if you are very, very explicit in your headline, I think you miss an opportunity for other things. You miss an opportunity to really speak to the person that you are trying to sell to. Because if all you have to say about this, like, remember, the headline is the most important thing on the page. So you’re telling me the most important thing that I need to know right now is that this is just a flat iron and curler. That’s what this is.
0:08:32
That’s what we’re selling here. There’s nothing special about it. It’s just a flat iron and a curler. I don’t know. Is there anything special about it? You haven’t told me anything that’s special about it. You’ve just told me explicitly what it is. And that’s why I say, I think this is a wasted opportunity with the headline. The other thing that I’m wondering right off the bat, okay, I’m about to hover over shop right here and see really what’s going on here. But I’m wondering, is this a hero section? Because e-commerce sites are kind of notorious for this, where you arrive on the homepage, and kudos to you that this is not a slider, okay? Most people would put a slider here, and it would be trying to call out different products and things like that. Now this is not a slider. It’s just a normal static hero section, but it does call out one specific product. And so the question I have is, is this the only product or the main product, or is this just one product that you’ve chosen at random to put as like a display on the homepage?
0:09:33
Now I’m seeing it right here as well in this section below. And so I’m gathering that maybe this is like the premier product, or perhaps even the only products that you are selling. But that’s going to come into play. I mean, I get that there’s additional colors. Yeah, and it’s okay. Yeah, so good. We’re going to have a lot of stuff to talk about as we go down this page here. But I think right off the bat, I would say we’ve wasted a headline opportunity here. So get your gears moving in terms of what else, what can I say here differently? So I’m not wasting this opportunity. And then I think what you can do here is you’re wasting an opportunity where you have a lead paragraph, and you’re not really, you use it well to call out this thing, but you have more words available to you. You have more, you can say more things here. There’s more space here. This is not a giant hero section. You can drop the text size just a little bit right here. And you can just say more things.
0:10:33
And you can pack a little bit more value into this lead paragraph. I’m also with the CTA. If this is the only product slash premier product, this may want to, you may want to say buy now here instead of shop now. Let’s click shop now because that’s the main call to action you suggested we take. So let’s, before we do the rest of the homepage, let’s just click this and see. Get a little bit more context of what’s going on here. And I’m having a little bit of a, it’s taken a while here. Let me click it again. Is that what we’re supposed to do when it doesn’t work the first? Do we just click it 700 more times? Okay, here we go. Hair strengtheners. This hero right off the bat I’ll tell you does not work get rid and scrap this hero immediately. Because you can see what’s going on. This is the classic. Hey, I’m just going to take what should be actual text on top of an image. And I’m going to make it all one image. And then I’m going to make it a background image in the section.
0:11:37
And then you see where it probably worked at the screen you added it on. There’s the screen size you probably designed it at right there. But any other screen size. Here we go. There you go. So that is a, yeah, that’s a no go in hero land. So remove this immediately. This 450 degrees salon. He floating 3D titanium plate. And let’s go back to a size we can read all this stuff at. These call outs need to exist on the page somewhere is real text. These are feature blurbs right here for sure 100%. But because you’ve stuffed them into a hero background image. This is just not this hero. Now I’m not saying this about your entire website. Okay, I will talk about the colors in just a second.
0:12:32
I’m not saying this about your entire website. So don’t get all up in your in your in your fields. But this hero section right here is what we would refer to as amateur hour. This is the beginners of the world would immediately go to this strategy right here. Let’s create an image in Photoshop. And then let’s you know that kind of has the design the way we want has the layout the way we want. And then let’s stuff it into a background image and a hero section and call it a day. That is the not this whole thing scrap this whole hero. Okay. All right, let’s keep moving down the page. So in ecommerce land. This kind of this is tough. This kind of this is not just this site that does this. This is a lot of sites that have basically a premiere product. Okay, that’s what I’m getting it.
0:13:22
This is a premiere product. It’s like it’s like one product. There may be other things like I saw a scrunchy set up here. There’s like accessories and stuff which are not on the shop page by the way. Okay, I don’t where I think we’re just having a loading issue. I’ll come back to this page in just a second floating very slowly. But here’s my main thing right. Yeah, there’s your categories. So you have one product but you’re displaying it as like 17 products right. It’s like I don’t need every color variation as its own product listing more or less. The only thing I see different well the leopard is a different price. Well no, it’s not. These are just on sale. So what is this? The leopard is not on sale and then the random colors are on different sales prices. They’re all the same thing right.
0:14:10
Though it’s pro series one inch flat iron. That’s the thing. And the only difference is the color. So this does not need to be represented as all these different products. And I think what happens is somebody gets like an ecommerce theme. And the theme is like, oh, it’s an ecommerce site. You’re supposed to have a bunch of products. And so they’re like, but I only have one product. And it’s like, oh, I’ll just make every variation a product. And then you know, you fill out the theme. You fill out the grid. But this does nothing for the user. And so and it probably does nothing for your sales either. So what I would recommend is that you know, we go back to the homepage. And let’s reimagine this.
0:14:50
This is actually more of in line of what we should be doing right here. Not this section right here. Accessories is fine to display like this. What I would do with this product slash site is I would make it like a sales page designed to sell this product. And then if somebody wants to buy the products when they’re checking out, they choose their color. Because that doesn’t really matter all that much. It’s not like they’re choosing the pro series two inch or a different series or anything like that. They’re choosing the same product. It’s just a different color. So get them to buy the product, sell them on buying the product. And you know, then they can choose the incidentals at checkout. And what you’ve done here by creating all of these products grids for products that aren’t really additional products or separate products is your wasting space. Your wasting opportunities to sell the products, right? You’re hoping that these grids, people are just going to be like, oh, okay, yeah, I’ll add it to cart.
0:15:56
Why this color versus a different color? Have we gotten to that yet? Now let’s take a look at this right here. Because this is the only thing on this page that kind of looks like a sales section to me. Like a section that’s really making an effort at selling other than I should correct myself other than this hero right here with these callouts. This is what I’m really looking for. The main question that people are going to have when they arrive on a site that’s selling hair curlers is why this hair curler versus the gazillion other hair curlers I could possibly buy. You have to answer that question. If you don’t answer that question, there’s no reason for the person to buy. There’s no reason for anything that we’re doing here. You can’t just say, well, it’s just another hair curler. And it’s got cool colors. Do you want it? No, I don’t really want it. I’d rather buy from a reputable company.
0:16:49
I’m not saying you’re not reputable, but I don’t know you. And in marketing and sales, no like trust are three kind of critical components to getting people to buy things. And so if you just come out with a, here’s another hair curler from a brand that nobody knows likes or trusts, then you’re just going to be sitting around going, where are my sales? And I’m going to be like, well, you didn’t sell them. Then you, then nobody knows you likes or trusts you. So not surprising that you don’t have any sales. Not saying you don’t have any sales. I’m just trying to explain the main thing that’s missing here. The main thing that’s missing is why this one versus all the other. So let’s take a look at this section right here, because I think this attempts to answer that question. And so we’re going to see pro series one. That’s not an inch flat iron. Okay. So three in one. Let’s click this and see what happens. Flip, curl and style, round body shape design allows unique flips and curling styles. And I’ll tell you the other main thing that is missing from this website in just a minute.
0:17:54
If you can guess it, I mean, maybe it’s here somewhere, but if you can guess, go ahead and guess in the, in the comments. What have we not seen yet that’s probably insanely critical for selling this hair curler? Flip curl and style, round body shape design allows unique flips and curling styles. All right. You hair curling experts out there. Is this a thing? Does this matter? Does this rounded design? Is that some sort of magic that you can do magic flips and curls? Because of its rounded design. Got to let me know. I don’t know anything about hair curling. Is this one of those features like here’s my selling point that’s not really a selling point? Is that what’s going on here or is that a legit thing you got to let me know in the comments because I don’t know anything about hair curling. But what I often see is here’s my unique selling point and then there’s nothing unique about it. It’s just a selling point that everybody else says. So I’m always looking for that. It’s called a USP unique selling position. What is that? What is unique about it? All right. Sleep design. Well hold on. Hold on. Hold on now. Three in one. Flip curl and style. You’re talking about the round body shape design.
0:19:04
And then the next point is a sleek design. And now all right. So now we’re talking about ergonomics soft touch design. All right. Gorgeous array of colors. Pink, this does not seem to follow this. You’re talking about ergonomics soft touch. But then you’re talking about colors. So these two things this copy does not jive. There’s a disconnect here. Just like you talked about the round body shape design under flip curl and style. But then you also talked about design over here again with this bullet point. It’s a little confusing and it’s a little disjointed. Our copy needs to be more cohesive in this section right here. Let’s go to temperature. Adjustable temperature. Pro series flat iron has rose gold titanium plates and they heat up to 450 degrees and glide through the middle of the floor. So we need to know things like 450 degrees as this standard is this different. Is there something unique about it? Rose gold titanium plates. That sounds like bull to me. I don’t think that there’s I think that’s just fancy sounding language. I’m not sure that that. Yeah. Maybe it’s like I see the plate right there.
0:20:12
Okay. It’s pretty. I don’t know that that matters to curling hair though. Doesn’t sound like I have a bull radar and it’s going off when I when I read that. Okay. But correct me if I’m wrong in the comments. Glide through here with no saying. Okay. Let’s let’s go to plates. See here’s the thing again. Like we’re talking about the plates here under temperature. But then there’s another bullet for plates floating with rounded edges auto adjust to your hair thickness and type. Okay. I’m not sure. Tell me in the tell me all of you hair. We’ve got a lot of males in the comments and so I don’t know how much we’re going to be talking about. The logistics of hair curlers here. Just going straight to the dumb. Okay. Where’s the price delivery options? I have long hair and they all have something similar. Okay. One foot flat iron. Yeah. That’s. Yeah. That’s a foot symbol right there. Wait a minute. Is that a. Hold on. This whole thing an image. Come on now. Okay. All right. This should not all be an image right here. Inspect. It is the whole things an image. Okay.
0:21:25
So what we need here is this thing needs to be an image. Okay. The tool the product the product needs to be the image. And then this needs to be actual text right here. So this is another exit here’s here’s why people do this I think I think they aren’t sure how to structure this layout. And so to them the easiest way is to just make it in Photoshop and then add the image here. But why is this a bad thing number one? Obviously is that you lose the text there is this section of content now has no heading whatsoever. It has no readable content other than what’s in these pop ups which I’m going to guess is oxy extras. What are they called forgot what they’re called? It’s not a map. I don’t know. It’s escaping my brain but that’s oxy extras I’m almost positive that’s oxy extras. This is the only content in here that’s scannable and readable. This is not readable by you know screen readers by Google by nothing. So you’re losing SEO value here you’re losing accessibility value here you’re losing a lot of value here. So this needs to be a separate image this needs to be a legit heading this needs to be legit text and then you can still position these things around the image.
0:22:53
Okay so this was the section that attempted to sell me on the hair curler. I’m not sold on the even though I don’t need a hair curler. I’m not even if I had thick here we go. Thick course or curly hair I would not be buying this yet because I haven’t really been sold on why this is the one to go with. This is a waste of opportunity right here because you’re like hey I know I haven’t sold you on this yet really. But here’s four of them and they’re all the same but they’re different colors so just go ahead and add one to cart. That’s kind of what this is saying and it’s not it’s just we haven’t gotten there yet. So here’s a section that attempts to sell once again and so we have a good photo but it’s obviously a stock photo and I can’t see a lot of her. So we’re going to take a look at this again see this is what it probably looked like on a screen you were designing and you were like oh but I can see more of her now but on my screen. Not it’s very close up but if we look at the heading here it’s you know there’s no value no sales value in the heading there’s no sales value in the lead. And this is but we’ll pause here because this is a really really good copywriting thing and it’s a mistake that a lot of people make. This is a feature okay the dip knowing the difference between features and benefits and how to write and talk about features and benefits. And one of the key things that I always try to do and that I look for in copy is it’s okay to state a feature. You should be very careful when you’re stating a feature to make sure that you also include that features benefit because the reader may not understand why that feature matters okay and you know who’s notorious for this even if you go to you know take take something you know about computers right and so they’ll compare three different computers on a website and it’ll be like eight gigs of RAM 16 gigs of RAM 32 gigs of RAM and that’s a mistake in my opinion that’s a mistake if you’re trying to sell computers to tell people the amount of RAM without telling them why that matters you’re telling them a feature but what is the benefit of 16 gig of RAM versus a gig of RAM what is the benefit of 32 gig of RAM versus 16 gig of RAM yes you can sell to people who already know the answers to these things but a lot of times we’re trying to sell to anyone who might be interested in buying this computer and that includes people who may not understand the benefit of a certain amount of RAM or the benefit of a certain processor speed or so you would create a mistake to just say here the features here all the features and then not tell anybody why any of that stuff matters and that’s really what’s going on here and you see this on all different kinds of websites where people are obsessed with talking about features but they never wrap it up with what is the benefit of that feature that is a drastic mistake and here’s why they do it because in their head they already know the benefit of the feature and they make this wild assumption that everybody knows the benefit of the feature because they do and it’s the mistake of the person writing the copy right you you’ve got to make sure you put yourself in the buyers shoes and say hey what does why does up to 450 degrees matter why does the number 450 matter much less the up to 450 degrees someone like me now here’s the thing you’re like heaven they’re not selling to you you don’t have any hair well they’re not selling to me are you sure because I know people with hair and so if I was buying this as a gift I can’t make a decision if I’m like hey I want to buy my wife this hair color or a hair color and so I come here and I’m like you know please tell me what why should I buy this one and they’re like well it’s extra hot up to 140 450 degrees for all I know that’s going to set her hair on fire I don’t know why this is important so you’ve got to give the extra context so yeah I’m not your target market necessarily but I’m buying for your target market and so it would really help visit harm you to provide benefits when you talk about features absolutely not so it’s one of those things where there’s no downside to telling people what the benefit of your features is so go the extra step of clarifying hey here’s the feature that we want to talk about and here’s the benefit of that feature that makes your copy instantly twice is good I would say you can see here that there’s really no value in this copy when we talk about features without the context of how I benefit from these features so this is a section right here that needs to be reworked in terms of copy and then we get down into hair accessories which is fine okay these are you know these are not the main thing so whatever we got a couple selling points related to e-commerce lifetime warranty free shipping free 30 day returns tell me right now what’s the what’s the problem with this really I mean I say problem I’ll just I’ll just go ahead and I’ll just go ahead and tell you it’s just another wasted like put this down here somewhere in the footer you still haven’t sold the thing yet we haven’t sold the thing yet and basically what you’re saying is everything every other e-commerce website says every single I pull up any e-commerce website it’s going to say something about free shipping somewhere it’s going to spend over forty dollars free shipping if you do this free ship and then there’s going to be a return policy there it might not be thirty days it might be twenty days it might be fourteen days it might be sixty days it doesn’t but it’s going to be a return policy these are just policies right they’re not selling the product they’re not helping people in any way somebody’s like you know what before I buy this I really want to I really want to see what their return policy is and what the shipping is like okay they’re going to scroll down here look for it so you don’t need a waste of space right here unless you’re telling them something very very important like lifetime warranty is a good one probably but you know all this other stuff is incidental you’ve got some as seen on logos here and I’m really wondering are have they actually been seen on here and if they have if they have like if you were on teen vogue or USA today or NBC pop a video in here show me the segment right way better than just telling me that you were in these places and he show me show me a call out to one of these things that’s going to lend a lot of legitimacy and now I’m now I would be a little bit more intrigued and that kind of alludes to the main thing that’s missing that I talked about earlier when I asked what is the main thing that is missing here that we need let me see if anybody put it now let me put now that’s not tool tips I’m not tool tips okay did anybody hit on it anybody Bradbury Robinson says this is a proper giri grilling he’s had his coffee today let’s see let’s see let’s see anybody anybody anybody hit on it okay video video get me like some tick tock style you know like somebody showing me this amazing hair color like you talk about right here body shape design allows unique flips and curling styles show me some unique flips and curling styles okay give me somebody on video right here using this thing so that I can see it in action and then you have the ability to obviously talk about the features and the benefits as they’re doing these unique flips and curls and hey 450 degrees here’s why that matters you get a lot of value in 30 seconds 60 seconds in a little tick tock kind of style snippet video you can get a lot of value that can absolutely make the difference right so that’s what’s missing the main thing missing here is the video all right let’s let’s hop up here to shop then we’re going to take a look at the dumb and here’s here’s again here’s this problem revisit this problem there’s one product on this website basically and then there’s a couple add-ons but there’s one product that it looks like there’s a hundred things going on here right shop by benefit and type I don’t even know how this is going to work with one product so I’m going to click on curls and waves there’s all the same products hey guess what guys the one product is here are also best sellers so you see how we’re waiting we’re just wasting space kind of filling in a bit basically is kind of the vibe that I’m getting here but then I click on straightening let’s see what happens is this a different product it’s not going to be a different product can’t be a different product I’ve seen any different products it’s still loading let me do it in a different tab maybe a cheese oh see this is a problem with mega menus guy I got some real problems with mega menus they go away sometimes and I’m okay okay what do we do what are we doing see that I’m trying to get over there and it’s bringing me into the hair care mega come on now come on let’s go slow let’s move slowly be deliberate this is not what normal users are going to do they’re just going to get frustrated and leave okay so straightening hair straighteners hey all the same products hair care shop shop see what the menus doing to me come on very slow and deliberate very slow and okay we’re going over here so curls and waves and straightening all lead to the exact same place all accessories are going to obviously go the accessories space shop all is probably going to come to the page I’m already one of the pages I’m already looking at so that’s all wasted this is just adding confusion for the no benefit whatsoever zero benefit and then all these tools over here are the same product this mega menu needs to get scrapped immediately it’s all it’s doing is confusing people and frustrating people let’s take a look at the blog real quick all right okay okay all right let’s see how to hair tips all posts all right let’s see six flat iron mistakes you may be making and how to avoid them okay this is interesting I have a prediction but I’m going to I’m going to hold off in just a second so let’s see all right so we’re going to go to a trash right quick I said in the last one we would do we didn’t get to really any SEO stuff going on in the last episode so we’re going to do that in this one so what we’re looking at here is flat all right actually let me do this let me do this what is the target keyword of this heading let’s go ahead and we’ll go to the chat let everybody put there you go Brian hot spots thank you my gosh hot spots my brain was not finding that word it was searching high and low was not finding it thank you what’s what’s the target keyword of this heading right here can anybody sus it out Simone says it’s a little bit chaotic too so I’m going to do things and not a real focus on the product yes it feels like if I just sum this side up it was let’s fill out the template right but let’s forget we forgot to sell the products along the way love the idea of the video super powerful yep all right I know people with hair Kevin Geary February 2023 yes let’s see I usually wait for the first show me your dawn before I hit the like but good reminder well the show me your the show me your dumbest coming 100% because I’ve seen some stuff on the homepage that I’m curious about yep yep yep yep yep yep okay flat iron mistakes I guess or flat iron another flat iron mistakes from Rubin just and says flat iron mistakes Brian says flat iron mistakes yes flat iron mistakes is the target keyword here so we’re going to go to a dress and we’re going to go flat iron mistakes and I’ll tell you in just a second off the bat we’ll see we’ll see what happens here okay so first of all nothing not a okay nothing not a matching terms flat iron mistakes starting from bottom flat iron mistakes okay so what we’re going to do is take out the word mistakes and we’re going to see just show me matching terms related to flat and there you go right off the bat I was like it’s going to be something about flat iron mistakes so now we’re like hey I got this great idea for a blog post of of flat iron mistakes related to hair curlers which flat iron mistakes could also be related to grilling and then so these are obviously two different things now look at this you do find some related to curling hair how to curl hair with a flat iron so we’re going to go to the blog are let’s see if the blog isn’t okay it’s not in a slug so makes it a little bit harder but here here’s our keyword how to curl hair so we’re going to go take this domain we’re going to go to site we’re going to pop the site in how curl hair something like that okay so we are going to go ahead and let’s talk about SEO now we’ve just done a quick test I spent eight seconds putting one term in called flat iron and it took me that eight seconds to come across a very valuable it seems target keyword of how to curl hair with a flat iron something that you would think would be extremely important to selling this product right here could garner a lot of traffic and in that blog post and hey here’s how you curl by the way with the video this would obviously be on YouTube as well so you create a video how to curl hair with a flat iron you’re using this flat iron right here and while you’re teaching people how to curl hair with a flat iron you are giving the features and benefits of this particular hair curler that people may want to use okay and so you’re now selling the product well it turns out that that keyword that we found in eight seconds is nowhere to be found on this website according to Google so you know we’re searching the website for how curl how to curl hair and we’re just not finding there’s no articles there’s no videos so there’s a missing thing so right there immediate value you can go target this keyword you can create a blog post plus a video and you can go throw your your hand in the in the ring here try to rank for this term then you get best flat iron would this be a good target keyword to go after yes or no go ahead and drop this in the chat do you think this is a good target keyword to go after yes no why let’s keep going down so here’s a flat iron steak recipe anybody hungry how to curl your hair with a flat iron that’s the exact one as up here a lot of how to curl hair with a flat iron which is why let’s see how to curl hair with a flat iron traffic potential 26,000 very very strong there all right okay so these are also called curling irons right aren’t they called curling irons now we’re going to do a little keyword comparison we’ll go the overview between these two okay so the volume is very similar but notice the difficulty which means there’s more higher authority websites targeting curling iron now I don’t know maybe curling iron is not maybe a flat iron is a type of curling iron but maybe not all curling irons are flat irons that could be that could definitely be a thing somebody somebody would have to clarify that for me to know whether it’s worth pursuing curling iron terms because that may not be relevant to flat irons I don’t know okay let’s hop back to the website here so let’s show me your DOM what’s time it’s time for show me hair straight nurse got it okay good perfect all right so let’s go with hair straightener straightener let’s make sure we spell correctly that always helps in the SEO game hair let’s just do hair straightener matching terms and see what we get okay best hair straightener Dyson hair straightener dang okay I don’t that’s scared that’s kind of scary a lot of brands queries here it seems like time oh time oh how to curl your hair with a straightener and notice that the look at this look at this how to curl let me zoom in a little bit so that how to curl your hair with a straightener atrefs says you’re going to rank for this if you rank for how to curl hair with a flat iron so that’s the parent term of that target term hair straightener hair straightener best hair straightener for thick hair we’ve we just found ourselves a long tail variation that 100% matches the product that we are trying to sell right here didn’t we talk about thick course or curly hair and now it’s best hair straightener for thick hair my gosh target bam put it on the list you need to be making a video you need to make making a blog post 100% right here you could keep doing this all day right cordless hair straightener is this cordless oh is that a cord I see okay so that’s not a selling that’s not a unique selling point anything else anything you see another one best straightener for thick hair I would 100% do a best hair straightener of 2023 and I would list your competitors I would list the top 10 I’d make yours up there you know in the top three somewhere and use this to as a here here’s all the curlers that we think are great here’s all the hair straightener’s whatever we want to call them all the ones that I think are great here’s why hours is better and a lot of people won’t do this because they’re like we don’t want to send traffic to our competition and what I say is the same thing every time I’m like that doesn’t really make any sense somebody’s going to write this article in fact lots of people are going to write this article so the question is do you want to just not be in the conversation because if you don’t write the article you’re just not in the conversation if you write the article in rank for it you’re now controlling the conversation even though yes you have to talk about your competitors potentially send traffic to your competitors at least you’re in the conversation now you weren’t in it before if you don’t write that article you’re not in the conversation so get in the conversation write the article talk about your competition talk about their pros talk about their cons be objective perhaps in traffic to them but you’re listed also and you’re going to get buyers that you otherwise would not have gotten so I’d be doing a 10 best hair straight nurse for 2023 article lot of stuff to do here in terms of opportunities okay let’s show me your dumb we said we were going to get to that so we are going to inspect something such as this right here this product now these are typically all done with loops but it’s still you know important okay so we have had somebody that appears to have been paying good attention in the ULLI game all right so we have an unordered list with our list item but I’m seeing a lot of stuff going on over here oh yeah this is this probably WooCommerce right throws all these classes up in here so it’s going to be a little bit hard because yeah you’re it’s going to be tough to figure out and I’m not a WooCommerce person so I don’t know what’s thrown in here by default versus what they put in here themselves that’s going to be a little bit tough to look at we can choose maybe something else here how about our testimonials all right okay I’m seeing what am I seeing right off the bat I’m seeing utility classes all right there’s an image there there’s our review stars our div which what’s inside of there okay so so this is not a div this is a paragraph all right so this has to be a paragraph tag instead of a div tag what do we got going on down here oh look at this row space between padding him so this is all based this is all built primarily with either styling at the ID level it looks like let’s go back and see if we can find any where’s the parent there we go here’s the parent C card transparent okay div div div see card transparent I don’t know what framework this is so I don’t know if that’s a utility class or if that’s some sort of custom class it seems like that’s a custom class of C card transparent because it’s got a bunch of stuff going on here but yeah looks like all these are just built with utility utility classes see center time to go with the colors and stuff are coming from though just keep looking let me pull this up oh no this one okay right here yeah so it’s part of that C card transparent class is that a transparent color I guess it is yeah guess it is is it need to be transparent I don’t know if it needs to be transparent but see text yeah so we’re using a custom class kind of like on the main card but then everything else just uses utility classes see heading light see text him so not really very maintainable here let’s see how many reviews there are oh hey look at this we found videos why are these so varied why are they hidden why you hiding your best content got a lot this is a review plug in here we can’t really analyze this is just a generated by a review plug in I can tell let’s see I don’t know if I want to play these or not let me drop the music down hi everyone I have here the Cali Capelli pro hair straightener and I don’t want to blast you guys out of the room so I’m going to be unboxing it and demoing it a bit for you and it also comes with this little bag as well and inside it comes with a comb and some clips which is a great little all right let’s do this one because this is like a featured a featured one okay guys I’m so excited to do this unboxing with y’all I purposely did not do my hair we’re just going to take a minute to grade the video of like how does this uh does this help sell the product or not help sell the product that’s all we’re going to do it’s very short video so just stick with me here it’s a really cute color let’s open it again I’m watching this as somebody who I don’t curl my hair but I do I may buy this as a gift put me in that position I may buy this as a gift okay so this is their pro one-inch straightener gold edition so excited to open this thing up and check it out they have the cutest colors it says that the floating plates auto adjust your hair thickness and tight so what I’m gathering is this is not the company selling it this is just a let’s like an influencer this is like an influencer they’ve given the product to they’re doing an unboxing they’re telling us about the product adjustable temperature technology reduces static and phrase sleek ergonomic soft touch grip in a gorgeous array of colors they do have a lot of cute colors they have like purple and black and leopard and the mint green scrunchies doesn’t leave a ponytail crease which is great I’m going to go ahead and use and straighteners doing that really nicely I just kind of quickly went through my whole head and straight she’s showing the the products I don’t really have to watch any further this video is and this is a you know if I was giving the hair curlers to influencers you know I would ask them to maybe approach this a specific way I don’t know if they just gave it was I had to unbox and talk about it the thing is is if you want to be a really good sales tool the best sales tool is somebody you you look at me using WS forms or something right I know the product because I use the product and I’m genuinely excited about the product and then I show doing something with WS forms and I’m excited while I’m doing it and I obviously know what I’m doing I’ve done it before and when you hear it you’re like guys I see the value I see the excitement I see like I get it this and this guy you know he loves this product I should probably look into it if you give somebody a product and they’re unboxing it going well it says that you know this and this and they’re just reading the box the same thing you can read and it’s clear that they maybe have never used this hair curler ever in their life but they’re like hey the colors are cool which again is not you know the best selling point maybe a selling point to somebody but it’s not the best selling point so there’s not any like oh my god that she knows this is the best hair curler because she’s tried them all and the last three of them set her hair on fire but this one didn’t because this one’s amazing and she trusted and she’s been using it for months now and that’s the kind of thing you want to hear.
0:49:49
The hey let me open the box and read what everybody else can read and I’ve never done this before but I’m going to see if it makes my hair straight because it’s a hair straightener okay it’s another hair straightener but it’s got cool colors that’s not a sales pitch right that’s that’s not really helping anybody want to buy the product so how we get these in the hands of like you know influencers or whatever and you know how they talk about it is very important and if you look at major brands they tightly control you know either the influencer they choose okay I’m a photographer right so there’s a bunch of influencers who review cameras cameras and I know Canon Canon icon they say that’s the best. Canon icon they send cameras to these to these influencers and they don’t tell the influencer exactly how to talk about the product because they hand pick that influencer for a reason based on other product reviews that they’ve done and they know this person is going to do it the way we want to anyway and it’s going to be done in the best way possible so they hand pick that person now if you’re doing that’s that’s millions of followers of these influencers have if it’s a lower level influencer and they’re like they’re not really they’re not excellent you know amazing at creating content then you might have to go the extra step of saying hey we want you to take a look at it this way we want you to in fact do this right we want you to use it for three months before you do your video that could be the only stipulation that immediately adds way more credibility it’s like hey don’t just unbox it and use it and then give your first take use it for three months and then do your video that’s the only thing we add that’s the only thing we ask of you and now at least when she comes on to do the video it’s like I’ve been using this for the last three months and if she has something really really really good to say about it there’s way more credibility behind what she has to say now versus hey I just unboxed two seconds ago I read the same thing on the box that y’all are going to read and now I’m going to see if it straightens my hair oh look it does and it’s got leopard print go buy it right that’s not there’s no reason why should buy that one versus the other gazillion that are out there right we’re not going to watch all these videos but here’s the thing that I will say in in general okay if we had to sum up all of the all of the critique and then we’re going to move on to our next site you’ve got a really good the product itself looks good okay so this looks like a good product you have a good opportunity here if there are truly unique benefits to your product in particular if there are not any unique if you went to alibaba maybe this thing is on alibaba okay I go to alibaba maybe I find this in 10 minutes if that’s the case I don’t I’m not I don’t build products like that I don’t sell products like that I don’t like I’m have no interest in finding a product and anybody can find and then you know trying to market it and sell it and all of that so I’m always looking for something unique like why is this uniquely valuable it was valuable at why are you going through all the trouble to sell this well it must be uniquely valuable that’s kind of the take that I have right so there’s nothing uniquely valuable then I don’t know I would say go get a different hobby if there’s something uniquely valuable about this then your mission is to communicate that you need to communicate it better with these hot spots you need to communicate it better with your videos but you have if you have a uniquely valuable product and it is a good looking product you have a lot of opportunity here it’s just a matter of making some tweaks and adjustments so get very clear on what is uniquely valuable about this product let’s work on communicating that remove everything that is a distraction to that don’t worry about I got to fill out my ecommerce template I got to make it look like a legit ecommerce store you don’t have to I can sell this hair curler with one page that’s it I need one page and I’m selling lots of these hair curlers if there’s something uniquely valuable about it I don’t need any other part of this website give me one page and a video camera and we’re going to sell a lot of these hair curlers that’s all you need but we took this this site took the approach of well we got to make it look like an ecommerce site maybe if it doesn’t look like an ecommerce site nobody’s going to buy any that that’s not true it’s not true 100% not true give me one page and a video camera we’re selling a lot of these hair curlers okay colors are good somebody mentioned colors I like the colors I think the target market you are selling to probably these colors this color scheme appeals to them so I didn’t have any problems with the with the colors I don’t have any problem with really the branding I mean you have one product under a brand umbrella of maybe in the future you’re like well I’m going to have a lot of products eventually in the hair care space that would make more sense to do it this way but I didn’t really have a problem with any of that and I mean the dom stuff is is really being picky because I really look at the dom after we have a legit products that were really you know doing a good job of selling and there’s a unique value proposition and all then the DOM really matters right if we can’t sell the product and the DOM doesn’t matter either so this all just comes down to why is this unique how do we communicate that let’s get rid of all the other distractions and let’s go sell some stuff that’s the main missing piece right here so your approach in general you know we talk about like the the hero background image mistakes and all of that I mean that that kind of stuff is going to happen right now I wouldn’t worry about any of the stuff you have to go back to the drawing board with your copy and your your content and then then you are going to assuming you have some unique unique value in this product then probably you’re going to start getting some some initial results and I would like to know you what are your results you can always message me behind the scenes and just let me know hey are you selling zero are you selling one flat iron curler a week are you selling a thousand a week I don’t know you can always let me know behind the scenes but that is my review of Cali Capelli dot com alright what are you guys thinking in the chat here let’s take a look I swear I’ve seen this okay yeah alright but they never know she really used it during these three months that’s true she’s you know Sylvia says we can never know if she really used it during these three months I think you can get a gist you know when you hear the person talk you can kind of get the gist of like they really use this I don’t know I but 100% when they’re like let me see what’s good about this and they just read the box like okay we know like you just saw this box eight seconds ago yeah that makes it clear that you don’t you haven’t really use the product the home page has seven H one tags I prefer to just use one me elevate this up so everybody can see it I prefer to use just one on every page but Google stated that it is not harmful to have multiple H ones what’s your take on it I think it’s pretty objective at this point there was a period of time where a lot of people argued that hey you can have multiple H one tags per page there was a time where I believe you know Google talked about a you know we can parse the content we can still figure it out and it’s not really going to harm you and maybe even in the documentation people argued for H ones per section and yada yada yada but I think objectively now it’s it’s fairly clear the rule is one H one per page that’s the main topic of the page I think in SEO this is good this is best for accessibility for sure really it’s a big accessibility thing so if you look at ally right there there their standard is one H one per page and because people with screen readers it’s hard to figure out the main topic right so it’s easy when there’s one H one and then the section headings are H two’s and then like the card headings or H three’s and everything is a nice logical order that’s better for accessibility I think it’s better across the board to keep that standard so I am a big fan of one H one per page which plug into you suggest alternative to WooCommerce I mean sometimes you got to use WooCommerce right and if you’re in a situation where you have to use WooCommerce then that’s what you got there’s not a lot of competition out there I was hoping for what is that what’s that other products coming along I bought the L T D for to like support the initial development but what is it somebody’s somebody here is going to mention the name and the reason I don’t know the name is because they’re terrible at marketing they’re terrible at marketing they’re terrible at communication they’re terrible at timelines they’re terrible at getting up you know like a initial product out for people to use and then I don’t know it just seems like it’s been I think I paid for the L T D like 18 months ago and I still don’t even know what the statuses of this thing so it’s just they need a new team somebody now it’s not a share card no share card is legit share card is good I’m actually using share card on Gary that’s the it’s not that’s not what I’m talking about I’m not talking about share card north commerce thank you there it is Justin said north commerce yeah it’s north commerce they’ve got they’ve got major communications slash strategy issues if I were to throw my opinion out there so north commerce hopefully it’s you know in the 10 years is maybe a viable alternative to WooCommerce I think share card eventually maybe share card is mainly like a thrive card type replacement right now but I think they’re moving to maybe compete with WooCommerce okay share card is the best share card share card share card yeah okay yeah yeah so D123 says just ask for my refund from north commerce I think they had developer issues they to switch development teams and like but now it should not be here’s the number one problem that that north commerce has I think they’re trying to build a WooCommerce it’s like a classic thing it’s like we have this monster task which is building in this giant e-commerce platform and instead of building it in usable pieces they’re like no we’re just going to tackle the whole thing we’re just going to tackle the whole thing all at once and then you never hear from them for like you know years on end and then I think I guess they’re going to show up out of the blue and just get everybody to kind of buy in and it’s just not a good approach yeah Amanda says I haven’t even heard a north commerce physical products with share card in a few months apparently that would be good can you in the future show bricks and jet engine integration hearing a lot of things about jet engine and they offer a lot in it I can’t do that because I’ve never used jet engine in my life if I did or had an experience with it I would do a video on it but I have not used jet engine so had no reason to use jet engine just not a thing that I have a lot of experience with okay let’s go to site number two all right we’re going to bring in this is our agency slash remember we only do one agency slash freelancer site per episode this is going to be it and so we’ve got kell this is going to be a this we’ve never done a freelancer one before at least in my knowledge like everybody has been presented as an agency and this is really being presented as a you know here I am I’m the guy I’m your guy one guy and you can hire me so we’ve got shell Ocha Ocha Gabia is that how we do it Ocha Gabia is that perk is that correct all right Cali Capelli is here she’s here she says super valuable info thank you Kevin will work on all points you mentioned absolutely best of luck to you for sure the you know building brands and selling products on the internet is not a easy task not an easy task all right Cal it’s not just a website it’s a tool for your business let’s stop there are you talking about you or you about a sell me a product because this and this is not translated I don’t think there is not no this is an English as far as I can tell I don’t think it auto translated without asking me so I think I think this is all in English it’s not just a website it’s a tool for your business I don’t know I don’t know about this headline let’s continue reading one of the factors contributing to the success of the business is I’ve worked with is there strong brand recognition solid online presence and niche authority their website is one of the many ways they express the sentiment a little bit academic I sit down with business owners to discuss their current business situation and problems they face the things they want to improve or accomplish and then I determine how I can use a website to solve those problems or improve what they already have while adding as much value as possible so you are a consultant but also a web designer slash developer whatever and we’re going to have to come back and revisit this copy because this can be done a bit better here what’s your freebie I compile the list of things that businesses I’ve worked with due to improve their online presence and attract more clients the problem with this right off the bat is that you’re not really calling anybody out specifically right it’s like the businesses I’ve worked with well who are they what do they look like am I that kind of person am I that kind of business do I fit in your bucket I don’t really know yet so I’ve read a lot of words and I don’t know what kind of business would be good for hiring you is it a eight figure business seven figure business six figure business a start up a service based business in the e-commerce business what kind of business do you work with all right so download the digital presence matters to learn tried and true methods for growing successful businesses brands that you can apply to your own that’s a little hard to read you can make this read a little bit better digital presence matters the ultimate list of what businesses can do to improve their online presence it’s not bad it’s not bad it’s just not a lot of specifics going on here hey and maybe this is why these are the platforms I used to create the websites that helped my clients word press Shopify to very very different platforms click funnels a third very very different platform cartridge Sam card lead pages a very very different platform unbalanced jabi Zapier acts okay now we’re getting into email marketing element or bricks to very very different builders oxygen thrown in there WS form a jackslow more okay so the vibe I’m getting from this grid is like I can do it all I can just do everything I’ll just do everything any builder any whatever just throw it at me I got I got solutions solutions right imagine what would happen if your website this is a this is to be interesting let’s take a look at this I kind I like the design of this little section but I don’t I’m not sure these stock images are a little they don’t really connect they don’t really hit imagine what would happen if your website make sure you look more professional 84% of modern consumers believe that a business with a website is more credible than those of the only social media profiles the thing with this is I like the approach of like I like the bullets I like the scanable nature I like the stats I like this is checking boxes is checking copywriting boxes what doesn’t check the boxes kind of how you’re alluding to what you do let me go back up here and I’ll try to connect the dots here strong brand solid online president there website is one of many ways they express the same I sit down business on discuss their current business problems they face the things they want to improve or accomplish and then I determine how I can use a website to solve these problems or improve what they already have use a website it’s almost like I would say that if the person didn’t have a website right so it’s like hey if if you let’s say I’m a LinkedIn expert and I’m like I would sit down and figure out how LinkedIn can help you double your revenue or whatever that’s because I assume you’re not using LinkedIn all right and or if I was a tick-tock expert I was like you know what I do is I come into brands and businesses and we put together strategy for how we can take tick-tock by storm in in their industry that’s because they’re not using tick-tock okay but everybody has a website everybody has a website so when you talk about how I can use a website to solve your problem there are that I have a website we already do that we already do that so what are you going to do differently that’s really what matters is what are you going to do differently with the website so don’t talk about just having a website and then we talked about it again here and then we come down here and it says a business with the website is more credible but they already feel like they check that box though I already have a website so I’m already more credible so what are you going to do differently that’s what we’re not talking about attracts new customers simply by its presence make your business searchable and prominent on Google’s first page they probably already think their website is searchable they think their website is prominent a lot of by the way a lot of businesses think their website is prominent because they go in and they Google something very obvious to their brand or their whatever and their website pops up and they’re like hey look at that we’re already number one they don’t realize that nobody searches for that zero volume or zero relevance they just think because they typed it in and they came up like in the top three that they’re ranking really well on Google so you know that’s that’s not necessarily going to hit display high quality photography on your website to show perspective clients are you a photographer now this is an excellent method for establishing social proof for your products or services and work ethic displays your finest testimonials and reviews what if I’m already displaying my reviews motivates clients to contact you provide easy access to your contact information what if my website already does that you got to scrap this whole section you’re basically taking basic website things just check a basic box and then saying hey I’m the consultant that’s going to come in and make sure these check these boxes are checked for you you’ve got to bring more than that to the table you got to bring something they haven’t heard of before you got to bring something they’re not already doing to the table if you’re going to use this kind of sales approach right all right let’s keep going down here get all of these benefits without spending a fortune digital marketing world has formidable revolutionized at large has for okay that needs a little bit of a little bit of grammar stuff going on there with the with a continuous race to win the world market businesses are up to their mind I feel like was this written by this feels a little chat gpt isht in me I don’t know chat gpt would actually probably write this a little bit better in this colossal competition enterprises that what it actually maybe is maybe English isn’t your first language and so you’re doing your best to write in a kind of a compelling way but it’s coming across a little bit it’s not connecting very well and there’s a lot of like terms we wouldn’t use very often like colossal competition things like that so I yeah I would say a little bit you know work on the writing here so you there’s an about you section I mean I like the images and I like this backgrounds you know going on here it’s very exciting there’s a lot going on it’s it’s good I like your big K I really like your brand overall you know what you’ve got going on with your logo and stuff I think the colors here are good I like this you know kind of whoop is different in general like if we talk about UI UX I think it’s all you know fairly good here some of the wonderful clients with whom I’ve collaborated so you’ve been with the man Dan lock have you let’s see what did you do for Dan lock let’s learn more personal brand website hmm did you build Dan locks website roll front in sales funnel integration WordPress element or click funnels design okay all right is that you all right all right good stuff let’s go back let’s go down here I don’t know who comes is my fault from supposed to but these are good like as a portfolio now we’re now we’re talking I don’t know you should just lead with this kind of stuff we didn’t need all the other stuff in fact like if you’ve actually done if you did Dan locks website now have any reason to doubt you other than going to Dan lock calm or whatever is website is Dan lock shop calm this appears to be it right yeah hold on all right quit scrolling let’s go down here Dan like doesn’t have the now this is no this is different unless it’s changed since then I don’t know let’s go down down down down yeah there’s no buy okay well let’s have to take your word for it but if you’ve done these kind of sites before first of all this is a niche in itself right you’ve got a coach you’ve got hang it go back you’ve got a coach I didn’t realize that image is clickable to you’ve got a coach you’ve got a coach or speaker author comedic entertainer okay so like author coach another you know influencer type personality marker marker copywriter entrepreneur another entrepreneur single one this is your niche my friend this is what you’re doing so let’s try to connect this now these are people you know this is the type of person slash company business whatever you want to build a website for now let’s go back to the top why did it take me section number one section number two section number three section number four section number five section number six it took me to section number six to figure out who you who you serve who you work with who you want to target that needs to be all up here you’re talking in very generic language all throughout all of these sections and then we get down here and you’re like oh that’s who you specialize in working with these kinds of people this kind of website that should have all been talked about way up top way in the beginning what’s your most recent projects okay let’s take a look at this portfolio here I’m not liking these cards they don’t they don’t give a good glimpse hold on here let me just click on this one all right let me go back let’s do Ken Lloyd who’s this guy I don’t know there’s something about these designs that aren’t jiving with what I just saw on the front page I don’t know if anybody else is getting this vibe that this whoever designed this did not design this get it right so we’ll we’ll disconnect going on here I don’t know I don’t know I need thoughts I need thoughts in the chat guarantee whoever designed that and that didn’t design most of the stuff that’s in this other portfolio not making any claims okay I’m not making claims I’m just saying this feels feels like there’s a little disconnect there all right let’s keep going keep rocking and rolling this a video talk about Kelle all right let’s see this one oh hey do you guys see that I can’t play the video if it’s in the right slide so if it’s in the right slide and I click play it it slides the next slide and then I can play it you made it I’m Ryan you made it to Kelle’s website or perhaps this is a mad not sure where’s going to use the vid all right oh sometimes I can’t even play him at all it just slides right past it so Kelle my man you got to you got to work the slide or out a little bit better yeah I can’t I can’t play that I was going to see if Dan Lock was down here talking about that’s what you need you need if you work for Dan Lock you need a Dan Lock video all right does your business for does your business afford to not to have a website okay rewrite that your customers and again here’s the thing Kelle if they have a website I’m almost positive they have a website so this is not the angle to take right if they have a website this is not speaking to them all right let’s check out the blog what are we doing are we doing anything oh we don’t have a blog there’s a there’s a blog link but there is no blog all right let’s see the work with me page okay the thing is is like all these stock images aren’t really going to do a lot to connect with people you know agencies have this kind of issue all the time this is better right you created some custom graphic with your actual work and stuff that that’s the kind of stuff you need to be doing this for sure 100% get rid of that clip art immediate trash can any website that tries to use it this immediate trash can on clip art and I get it that’s not necessary okay it’s basically it’s more or less clip art it’s it’s an illustration it’s it’s it’s very clip art of an illustration all right let’s show me your DOM what what do we used to build this by the way oxygen okay so we can take a look at let’s go let’s do a quick show me your DOM here on some sort of global element like these cards and let’s go over here a little bit all right so it’s a div up here we go again utility utility utility utility utility but it’s also got clients card so we repeat the same thing over and over and over again a web design for DOM if you’re going to use a custom class go all in on the custom class all styling applies to the custom but there’s no sense in using a custom class and then also littering it with utility classes and we click on this that is the strolling image we click on this which is the container for that content we do have an h3 but as you see in the DOM the big image comes first so really this needs to be first there and then you can make this visually come first with a little order minus one okay so now we have the same layout that we had before but at least my heading now comes first in my card which is correct there’s my h3 is the first item you need to lose the link on the image itself you have a learn more button right here we don’t need two links that go to the same place so drop the link on the image and then we look at the description which is not a live this is a paragraph so we’ve got to change that to a p tag and then this learn more needs anchor text it needs to not say learn more it needs to say view Dan or it’s like Dan lock case study bam just like that or Dan lock and that’s actually sorry not how you spelled Dan lock Dan lock website case study that’s what you needed to say right there all right and then you would do that all the way down and if you would use a custom class to build all of these you could do this order flip and all of that it would be very easy to do but you’ve used a lot of utility classes here so you may run into some issues with that all right that was a little bit of a show me your DOM moment all right let’s go let’s go check out our comments here projects range over many years okay to be honest I’m losing trust the longer we browse the website there’s a lot of inconsistencies in the branding and website I really do not like stock images when you are talking about yourself there should be a video of yourself yes that is a good good call quite strange website to be honest looks like Kell is working with design agencies there you go that would make sense so if you’re being hired by the agencies that work for these people how you present this is is kind of important right so you’re kind of positioning as hey I may consultant people hire me to solve problems with their website we get the gist that you when you put Dan lock on here and you put you know in all fairness I didn’t read this okay no you’re just talking about Dan lock okay so you you you put personal brand website right here roll front end so when you say hey we did a personal brand website my role was front end you’re kind of alluding to you know you maybe you built it maybe you didn’t design it but you built it is that what give us more context here what’s going on I think a lot of a lot of people would make the mistake of just thinking that you built Dan locks website like hey you designed it you built it or your team designed it people you work or whatever we need to know the exact role that you played it because if you’re going to call out somebody like Dan lock as a client then 100% we need more clarity on exactly what you did for Dan lock it be like if if a big agency was working on Tony Robbins website okay just imagine for a minute I’m you know I don’t care about Tony Robbins one way or the other this is the first person that popped into my mind of somebody that’s a gigantic influence or whatever and so he hires this agency probably pays an agency you know 80 grand for a great website for all the stuff that he does all his events and all this other stuff right we’re talking 80 100 grand probably some sort of investment like that that he would make in his website and he hires a big agency to do this and they end up hiring me a free let’s just say I’m a freelancer they end up hiring me well I can’t just run over to my portfolio and slap in Tony Robbins’s website right it depends on what I did did I build the whole thing maybe then I can put that in and say hey I developed Tony Robbins website but I can’t just you know if I just did a piece of it or I helped with the front end of that I can’t just go throw Tony Robbins website in my portfolio and act like I designed and built the whole thing so just give people more context and clarity here all right overall overall branding is good I’m you know the colors is fine I will say this my man just a just get a suit you got to get a suit that fits right here this is not a suit that fits so we can improve these I like the fact that you’re there okay like I like your photo photo there photo here photo down here this is good you just got to button up some things just tighten up a little bit right here because that you know it’s not and that’s not mean nitpicking that’s literally you know credibility right so Dan Locke is not going to be in a suit that’s one size too big right he’s going to be in a in a tightened up suit like professionalism it’s it’s you know just giving off a hey we already are wondering can I trust Kel can I trust Kel well you know I I have a harder time trusting somebody in an oversized suit just if it was a proper fit they’re looking professional sleek all that okay now now we have extra trust factor make sense so tighten those kinds of things up notice our call to action color you know does a good job of really standing out on the page so we’re doing a lot of things right we’ve got some final tweaks and adjustments to make a little bit to our visual presentation of our personal self but then our copy the biggest thing I could say biggest thing 100% biggest thing is replace all this generic copy start really talking more about the kinds of people you want to work with and why you specialize in helping them and why you’re better to hire than XYZ agency or you know some other consultant just got to sell sell yourself a little bit better it’s a little too generic right now and then just clear up this you know what were your precise roles on these projects you don’t have to act like you did the whole thing to gain credibility you know the fact that you got to work on Danlox website if you did a real if you you know develop to really solid maybe a sales page or what just tell us that it’s fine tell us that all right let’s hop into the chat here they’ve already rebuilt the website that’s what book publishers do okay um okay I you’re talking about a different website got it what’s up with the projects page when you filter on HTML CSS recent projects HTML CSS filter were you seeing something different oh oh all right yeah there’s a little got a little issue there don’t we yeah we need we would need to do some inspecting there but I’m also getting this of like is this generated by a plug-in or something yeah looks like look it’s a short code this is some sort of portfolio like pop in is drop this into the page maybe this is a this is a WP grid builder short code those don’t know those aren’t WP grid builder cards unless you unless you did a lot of something to them yeah I don’t know what’s going on with that it’s a you’ve got a portfolio malfunction all right let’s jump in here should we is 12 30 should we cram one more in real quick or should we call it a day or how about this let’s just finish with Q&A if you have any Q&A or you want to see if there’s any little mini tutorial hey how do I do this in bricks how do I do whatever we can jump in and do that let me scroll back through the chat feels like a template Ruben says could be templates could be templates let me go up let me let’s go top down it’s always best you get a sip too here’s a question about the other site would you use the image of the woman with flowing hair as the hero with a headline addressing the final hair transformation gain from using the products it’s a good question so the I wish I could pull up the website again easily I close my my spreadsheet so she talked about thick curly hair whatever I I would want to show I don’t think that that image if I remember properly seemed like that seemed like a person would just you know normal hair I don’t know I would show somebody with thick curly hair in the process of straightening it you know the straightener is like halfway through it and so you see this like thick curly hair but that part coming out of the straightener is just like straight as an arrow or like you know whatever it’s supposed to look like I don’t know but that’s what you’re showing an image that’s like in the process of using the product and you get to see the before and after almost in the same shot that’s kind of what I would imagine for the hero thanks great review on ecommerce websites asus says hey Kevin love your tutorials thank you so much I appreciate it all right let’s scroll scroll scroll scroll scroll hmm hmm hmm reading reading reading some good comments good discussion here can you paste the link I cannot see oh that was to somebody else broken blog to yet we found that somebody says tutorial in all caps all right but you guys tell me what you got to ask a question when working with HIPAA what form builder do you use I avoid HIPAA websites like the plague I just yeah I really I don’t want to deal with HIPAA if I don’t have to at all and if I have to deal with HIPAA you’re getting charged like five times as much there’s a couple out there it depends on you know what the form is for and it also depends on who’s going to have access to the form there’s like some other follow-up questions I guess I would have would you be able to do the popovers using acs s no the god I wish I could go back to the here I can do it over here let’s go back to that website for just a minute because I do want to talk about that for one second that popover thing needs to be discussed me let me let me grab that website URL here it is cali capelli dot com okay let’s open that up bring it back bring it back to life okay so these are not just to be clear the yeah these are pop overs these are not tooltips and you should not do this with a tooltip okay so I think the question was asked because we’re about to release tooltips for automatic css accessible tooltips for automatic css css only accessible tooltips for automatic css so no JavaScript none of that this is not a use case for a tooltip type functionality and the reason is tooltips technically cannot have interactive elements inside of them so you see this back next maybe there would be like an image in here maybe an extra link in here for additional context to take you somewhere if any of that is happening it’s not a tooltip any longer a tooltip and a tooltip is really almost like a progressive enhancement you should not put really valuable content inside of a tooltip so this is just not a tooltip situation at all now I was going to see if this was accessible notice that I can I can keyboard navigate to it but it does fail accessibility and I’ll tell you why because you can see which one I’m targeting right you guys see that see which ones I’m going to but accessibility standards basically say you could not only use color color cannot be the only thing that determines what I am focusing on at the moment and the only thing determining focus right now is color and so for a colorblind user that gives they don’t know they have no idea what’s going on so you need something else now it’s got this little pulse animation so if that was only on the thing that was being focused that might do the trick right but it’s on all of them so that doesn’t count so we need some sort of like a an an outline an outline would work here you could make it bigger you could translate it a little bit to left or right up down whatever I know there’s a lot of things you could do but it’s got to be something other than color now can I trigger with the keyboard the answer is yes can I navigate between them with the keyboard the answer is kind of yes okay so that looks like it was the last one let me go backwards all right so I’m able to do that I’m able to do that the next question oh oh now I’m out of it okay all right now I’m back in it so there’s an accessibility fail any type of pop up like that or pop over whatever you want to call it you should not be able to the focus should not be able to leave it it’s it’s supposed to trap focus so that I can’t I have to either close it or I have to use one of the buttons inside of it and this one allows me to leave it see I can keep going down the page and now like a screen reader user does not know they’re no longer in the pop up right they’re just randomly on some other part of the page so that would fail accessibility and then I’m also trying to close it with a scape and I’m failing to close it with escape in fact I cannot close that pop up with my keyboard I now if I if I only had a keyboard disposable to me I can’t get rid of that pop over so there’s it’s like you know semi accessible there’s I’m surprised that you can you know navigate them with the keyboard that’s good that you can open them that’s good that today have next in previous arrows but there’s a few things that it fails on so that can be improved as well I think that’s what you are asking if you are asking something else go ahead and clarify now I will try to try to answer again okay let’s see oh and here’s the here’s the hair right here yeah no she this is actually an anti sales image I would say in a way I don’t know because well we didn’t see what her hair looked like before but a lot of people are going to be like well she does has perfect hair and if that’s kind of the vibe that they get then it’s not really going to help you sell your product right so yeah I would show somebody with really maybe hard to work with hair whatever that looks like and then again it’s like the hair straightener in the process of straightening the hair we can see the hair we can see it in action that’s kind of the thing I would I would go for if you add two pictures of this girl one before and one after and it was lit like this I get I feel like this is a stock image so obviously you can’t do this but if you could find somebody with hard to work with hair sit them down great lighting like this bam there’s a before we use the hair straightener bam there’s an after put inside by side hey now we’re talking now we’re now we’re marketing okay all right let’s see it’s not the suit his head looks bigger than normal in the header photo now I’m pretty sure it’s the suit good no suit comes like the here you know on your hands and it is a little baggy looking which tool from multi language does work good with bricks I don’t know I don’t do a lot of multi-lingual websites do you have any extra tips on the design process for websites you create like starting with frames and designing I don’t the only thing I can say about the design process other than you know my site I did it differently than I do for clients I’m just I’m just winging in and doing what I want to do because it’s my site but my process for clients is I build the website with frames and then I get client approval and then I send the website off to the designer and then they send the design back they do that in Figma for the most part so I get I get a mock up a high fidelity mock up back in Figma and then I just go back into frames and I we design it according to that mock up that’s the process let’s see photography for SEO purposes I would highly recommend poly Lang as far as automatic translation yeah I think we’ve used poly Lang on like one website I you know I didn’t actually implement it somebody on the team implemented it I don’t think we had any issues with it so I can’t really speak to translation plugins all that much because I just I don’t have a lot of experience with them and when I do use them I it tends to be somebody on our team doing it not like me doing it because I I just I have no interest in translation there’s a lot of things I just have no interest in and and you know I find somebody else to to fulfill that all right so that’s it for today guys we’re going to call this put this in the books I hope you found a lot of value here I’m excited about this website right here at CaliCappelli.com I’m excited to see what changes maybe she comes back in a month and or two months or I don’t know it’s going to take a while this it’s a you know this kind of work is hard to do but come back in six months maybe 12 months and let us know where you’re at and how things are going I would love love an update on that kind of thing all right guys last call for down in the description if you want your website or a website critiqued on the next version of web design for dummies we have a link to the new form it is a new form and I cleared out all of the old ones so you can only get in now by going through the new form and maybe your site will be selected next week for all of you who showed up thank you for showing up we got a good showing today we’ll be back next week with more value and yeah got some ACSS updates coming soon that are very this next round ACSS updates is going to be nice it’s going to be nice and then we’ve got a lot of new frames that have been getting released lately so make sure you check those out and I can tell you that the next component coming to frames is a carousel slash slider it is in beta right now I don’t it hasn’t been released publicly in beta but it’s an internal or internal beta process that’s going to be a really really huge addition to frames peace love you guys
