You ever land on a website and instantly feel… irritated?
Like something’s off, even if you can’t quite put your finger on it?
Yeah. Your users feel that too.
In this episode, I’m calling out the website design habits that quietly push people away — the unnecessary animations, the chaotic menus, the inconsistent images, the confusing links, and all the things we think look clever but actually make visitors hate being on our sites.
And I’m not ranting for the sake of it. These choices cost you enquiries, sales, and trust.
We’ll talk through why these habits creep in, what they’re doing to your user experience, and the simple fixes that make your site feel cleaner, calmer, and more professional (without stripping out your creativity).
If you build websites for clients — or you’re guilty of “just adding one more animation” — this one’s for you.
Come and find out more at websitesmadesimple.co.uk or email me at [email protected]
00:00 "Over-Animating Websites: A Problem"
04:54 "Traditional Header Menus Matter"
08:36 "Clear Clickable Navigation Tips"
13:34 Create a Brand Kit Now
14:37 "Website Design and SEO Insights"
Mentioned in this episode:
Remember to sign up for our blogging masterclass!
Go to https://websitesmadesimple.co.uk/masterclass
Join the Phoenix Programme
Find out more about joining the Phoenix Programme
You know when you're on a website and something just doesn't feel
Speaker:right, it feels a little bit niggly and
Speaker:you start to feel that no matter how great the product or
Speaker:the service is, that you're just not going to buy from this website
Speaker:because just something doesn't add up. Over
Speaker:animating everything. Oh my goodness.
Speaker:We've all had that experience. Whether that's landing on a
Speaker:client's website and they've clearly self built and
Speaker:it's time for a rebuild, or whether we've followed one of those
Speaker:meta ads and we go on the website and think, oh yeah,
Speaker:there's no great shakes here. You get about halfway down the page and you think,
Speaker:oh, this isn't the right one for me. Whatever it is.
Speaker:There's a consistency in
Speaker:bad practice amongst the website design community
Speaker:that I'm going to call out here because honestly, we
Speaker:can do so much better than this if people don't like it. Haters going to
Speaker:hate. Make any money from my personal blog. So it's a really nice.
Speaker:Hi and welcome to another episode of Websites Made
Speaker:simple with Holly Christie. That's me. I am a website
Speaker:designer, a website designer mentor and I
Speaker:am here to help you have a career that you absolutely love.
Speaker:All without losing your mind or dropping the ball.
Speaker:You ready? Let's get started.
Speaker:So today I particularly wanted to tackle
Speaker:these things I really, really wish we would stop doing on
Speaker:websites. And by we I mean you, because I stopped doing this a very long
Speaker:time ago and my website's got a heck of a lot better
Speaker:for it. So.
Speaker:Number one, and this be a tricky one
Speaker:because this could be a client directive but
Speaker:over animating everything. Oh my
Speaker:goodness. You know when you're scrolling on a website and the text
Speaker:appears and then the images fly in and then you have this and then you
Speaker:have that and then you scroll down the page and something else happens and every
Speaker:part of the website is animated. First
Speaker:of all, it's not a good end user experience. Now
Speaker:I'm sure that you probably know that people report that
Speaker:it can make them feel a little bit seasick as well. And it
Speaker:can be a frustrating experience because sometimes people just
Speaker:want to get to the information. In fact, I recently
Speaker:did a webinar with Jo Watson who is an
Speaker:incredible copywriter and we really talked about we
Speaker:don't need to see the thesis, we need to know, you know, the highlights of
Speaker:something and how we can buy it. And it's harder
Speaker:to navigate and get to that if things are
Speaker:swooping in and flying out. It just, it does not
Speaker:give a relaxing experience for people. So animate,
Speaker:occasionally animate small areas.
Speaker:Like sometimes if I have kind of a container with testimonials drop in,
Speaker:I might put them together so they're like puzzle pieces, so they drop
Speaker:in and out into the side and stuff. But it's an animation that happens once
Speaker:and once on a page as well. So if you do have to animate
Speaker:stuff, try and go for once per page.
Speaker:Trust me, the users who are going to be going on that website, they
Speaker:will thank you for it. If you have a lot of animation on your own
Speaker:website, turn it off. It is not something
Speaker:that people think, oh, I love the animation on that. You know,
Speaker:this is what's going to make me buy from that person. It just doesn't happen.
Speaker:And a positive side of it is that you will see
Speaker:your Google page speed scores go up as well, because animation
Speaker:slows things down.
Speaker:My second thing I absolutely would love to
Speaker:see the back of is really funky menus. And
Speaker:trust me, I am someone who loves experimenting, I love
Speaker:creating, I love playing around with these things. In fact, when
Speaker:I did my simply sites, when I first set them up, gosh, nearly four years
Speaker:ago now, I had really funky menus in them especially. I
Speaker:had particularly one that was a shop and it had like the
Speaker:logo kind of in the middle of this header image and it had a menu
Speaker:that kind of expanded and kind of looked a bit like an ice cream cone.
Speaker:It was perfection. Every single person who bought that template, and a
Speaker:lot of people bought it, were like, I can't really get the menu working. People
Speaker:don't know how to look at this and they can't get back to there or
Speaker:whatever else. And I went on to do some research and
Speaker:it was that people and Google and the other
Speaker:search engines want a menu that is
Speaker:predictable. This is at the top of the page which
Speaker:has proper names on them, like home, about
Speaker:services, contact, that sort of thing,
Speaker:testimonials, rather than things like praise or good thoughts
Speaker:or vibes or, you know, whatever people are putting out there. A
Speaker:traditional header menu will always, always do you
Speaker:really well on a desktop version of a website and
Speaker:actually even a tablet version of a website. These days with the
Speaker:resolution of tablet screens. When we were first designing for tablets,
Speaker:like a million years ago when they first came out, we would make
Speaker:the tablet menu very similar to the
Speaker:mobile menus and that's because the resolution on tablets were quite
Speaker:low. So it kind of worked better. But now you just get amazing
Speaker:tablets and they should have that expanded desktop menu as
Speaker:well, something really traditional. I mean,
Speaker:people are always going to have a difference of opinion on whether you
Speaker:have home about services, blah, blah, blah, contact or whether
Speaker:you have home services, blah, blah, blah, about contact.
Speaker:For me, I'm quite traditional. I like home and about. And we know
Speaker:regardless, that people do not navigate websites
Speaker:in a linear fashion. They don't start particularly in a kind of
Speaker:country where they read from left to right as well. They don't start with home
Speaker:on the left and work their way through clicking everything until they get to contact
Speaker:on the right. You know they're going to jump around. And actually, if you have
Speaker:a proper link structure, which I'm going to talk about in this episode as well,
Speaker:it particularly means that people won't be navigating in
Speaker:a linear fashion as well. Use your
Speaker:creativity to get creative in other places
Speaker:and leave that menu at the top of the page.
Speaker:Speaking of the top of the page, please. I
Speaker:personally, this is the hill that I will die on. Every
Speaker:website should have a sticky menu. No exceptions.
Speaker:There are so many websites out there like that I land
Speaker:on weekly that you go on the website, the menu looks
Speaker:great, you scroll down the page, the menu's gone. You get about halfway down the
Speaker:page and you think, oh, this isn't the right one for me. And you have
Speaker:to go all the way back up to the top to get the menu. No,
Speaker:you really, really need to make it sticky. It is a really small
Speaker:change. It's a massively quick win. It gives a
Speaker:better user experience and people are going to stay on the website for longer
Speaker:because of it, because they can easily navigate without having to put
Speaker:in extra work, extra scroll time of going up
Speaker:to the top there. I know it sounds like just such a small,
Speaker:kind of petty thing to really go on about, but it makes a massive
Speaker:difference in how long people actually stay on your website. So
Speaker:really do make it something that you go on to do.
Speaker:So now we come onto the proper link structure and I, I
Speaker:was so delighted to have Nikki Pilkington, who is an SEO
Speaker:specialist, on a webinar with me recently. And if you'd like the links
Speaker:to any of the webinars, do get in touch with me at
Speaker:helloebsitesmadesimple.co.uk. i will be delighted
Speaker:to share them with you. And Nikki is a really
Speaker:big player in the SEO industry and she was talking
Speaker:about one of the most important things that you can do for
Speaker:SEO purposes is to have a proper link structure on your website.
Speaker:And remember, when we look at links. We're looking at linking
Speaker:text from one page to another. We're looking at buttons. They're
Speaker:also links. We're looking at your navigation menu, your
Speaker:sticky navigation menu that's at the top there. Those are also
Speaker:links. Also, think carefully about
Speaker:whether you choose to have columns that link
Speaker:on clicks, whether you choose to have images or videos that take you
Speaker:somewhere else when you click, or whether you choose to have icons that take you
Speaker:somewhere else when you click. I am again
Speaker:going to be quite old school here. I've been in this industry a really long
Speaker:time and I am going to say for SEO, for
Speaker:accessibility, for search engines, but for your user experience
Speaker:on that website, you really need to make sure
Speaker:that what people click is very, very obvious. I was on a
Speaker:website the other day, someone had really nicely
Speaker:laid out icons, you know, a column with an icon in it and then the
Speaker:content. And you had to click the icon to get
Speaker:to the content, but it didn't tell you that you had to click the content.
Speaker:I only knew because I'd hovered over it and then of course, my
Speaker:cursor changed to tell me to do that. That's really bad for
Speaker:accessibility. It's really bad for your SEO. It's a really bad
Speaker:user experience as well. And I know it can feel frustrating to
Speaker:have to put a button or a link text or something like that,
Speaker:but if you think how many people go on websites who actually have
Speaker:issues, maybe with fine motor control or they have
Speaker:vision issues, something like that. We want to make sure our websites are as
Speaker:inclusive as possible. Not just because Google would
Speaker:like that, but because we have a moral responsibility to do so.
Speaker:So do make sure you have a proper link structure all
Speaker:across your website and your users will thank you for it.
Speaker:Google will reward you for it. And you will have a really good,
Speaker:robust website as well. You're just going to have to check those links regularly
Speaker:to make sure they all work all of the time as well.
Speaker:We are all guilty of this one. And I am going to throw my hands
Speaker:up and say, I am guilty of this too, particularly if I'm on a dev
Speaker:site. And I will go back and change it and go for consistency.
Speaker:Just chucking any old image into the website and you think, oh, I'll just
Speaker:try this here. And you don't label it and you
Speaker:don't reduce the size of it and you don't compress it, and it might not
Speaker:even be a relevant image either. And
Speaker:that's something that I've done myself. And then I have to Quickly
Speaker:kind of comb through and take out before I send the website live.
Speaker:And I'll often do it if I am testing
Speaker:an image or a concept or a design. But of course what happens is I'll
Speaker:put something in there to test it, and that's going into the database
Speaker:and the size with the labeling, with everything else it has in
Speaker:regardless as to whether I go and use it. And I don't want my database
Speaker:to have a lot of irrelevant images or a lot of really large images.
Speaker:What can often happen will be that a client will then
Speaker:say, oh, yeah, that's great. And they sign off that section. You think, oh, brilliant,
Speaker:I'll move on. That image gets completely forgotten
Speaker:about. All your website will be webp images and then you'll have a couple of
Speaker:JPEGs or PNG files that are just hogging all the space there,
Speaker:just providing that kind of inconsistency there as well. So make sure
Speaker:that the images that you use, that they're relevant, that they're
Speaker:the right size, that they're compressed, that they're the same right
Speaker:format, and that they have been labeled correctly as well.
Speaker:My final one, and it's a biggie, I'm gonna say that
Speaker:is inconsistent design. So
Speaker:we can, as creatives have a tendency
Speaker:to think, I want to try everything or
Speaker:this, oh, I read this bit in there about section and it would be so
Speaker:cool to do this thing here. I've been there.
Speaker:Luckily, I tend to go there with like my personal blog or
Speaker:something like that. And I think, well, you know, if. If people don't like
Speaker:it, haters gonna hate. I don't make any money from my personal blog, so it
Speaker:doesn't really matter. But when it comes to websites you are
Speaker:building for people to get work from and in the industry and
Speaker:stuff, you're gonna want to be really consistent with your design.
Speaker:I mean, obviously in an ideal world, we all work with
Speaker:a brand kit as well. So we all have direction of what we're doing
Speaker:with the design. The brand kit should be more
Speaker:than just the logo and the hex colors for the brand.
Speaker:The brand kit should have any icons you're going to use or
Speaker:suggestions for icons. It should have backgrounds if there's going
Speaker:to be things like gradient backgrounds and all different things like that.
Speaker:It should have a mood board in there for the style images
Speaker:and the vibe and the feel that you're going for. And of course, it should
Speaker:have the font files as well. So it should be
Speaker:this really robust document that you work off. And if
Speaker:you have clients who come or you might have your own
Speaker:websites and you think, I've done the branding myself, I don't
Speaker:have a whole brand kit per se. There is nothing stopping
Speaker:you from creating a brand kit for yourself. And if
Speaker:your client doesn't have one, it's really good to kind of get
Speaker:them on a call and just talk them through the concepts of, of some of
Speaker:this stuff and ask them to put a mood board together as well.
Speaker:Yeah, they can do that on Pinterest. They can add different kind of
Speaker:images and colors and blog posts and stuff like that on there.
Speaker:And it is going to make working on their website so
Speaker:much easier for you. It's going to give all of you a better experience
Speaker:as well, because you're all kind of working to the same vibe and it's going
Speaker:to provide that consistency that can sometimes wander off when we don't
Speaker:have these kind of really tight, controlled outcomes there as well.
Speaker:So make sure your design is super consistent as well, because
Speaker:it's one of the big things that Google, your search engines are
Speaker:looking for and they're looking for these based on. Yet
Speaker:they know how people are navigating websites, the websites
Speaker:people are clicking through, spending time on, the websites people are
Speaker:buying from, and they know that consistency
Speaker:is one what gets people staying on websites. And so it's one of their
Speaker:criteria for SEO is a really good consistent design.
Speaker:So that's all from me today. Feels like a bit of a grab and pee
Speaker:episode, actually. It feels a little bit like, ha. These are all the things I
Speaker:hate people doing on websites. I would love to hear
Speaker:from you about what you hate people doing on websites as well. What
Speaker:things really irritate you? I would love to know whether you
Speaker:agree with the stuff that we've talked about today.
Speaker:Which one's the one that you agree with the most? For
Speaker:me, it's always going to be the menus. Always, always make sure if you take
Speaker:anything away from this podcast, go and make those menus sticky.
Speaker:And until next time, have a great time in your website career.