What is ‘good’ website design?
That depends on what your website is meant to do. What’s your purpose – your ‘why’? There are a few different kinds of site, which perform very different functions:
Showcase
Designed to impress, rather than to inform, these sites are image- and graphics-heavy. They may load slowly, and typically have interesting interactive elements and unintuitive scrolling behaviour.
These sites are like a peacock’s tail – designed to show off your values and/or the premium quality of your brand, product or services. They aren’t focused on sales and may not have an obvious path to payment. These are sometimes created as ‘microsites’ or pages within a hub website, e.g. MacBook Air, Cartier, HitParade.
+ Brand recall, brand equity
– Conversion, SEO, navigation
Store
Designed around conversion, these sites are essentially an online shop, with purchase pages for each of your items. They aren’t trying to promote the brand itself, but rather your individual products and services.
Customers land straight into a storefront, rather than learning about your company. This design gets users through the sales funnel very quickly, but many may not even notice your brand. That means you’ll have more trouble establishing a reputation – which could be a good thing if you specialise in cheap, low quality items! Many online and physical retailers take this strategy with their websites, e.g. Suregreen, Protyre, The Range.
+ Conversion, navigation
– Brand recall, brand equity
Hub
Like a showcase, a hub website gives customers access to information about your brand, but it also includes a store, allowing you to sell directly online. It’s really the best of both worlds.
This kind of site is optimised for search, to push you above your competitors on Google. On this site, you’ll offer more than just brand and product information – with guides and news, you can target customers earlier in their buying journey (‘higher up the funnel’). Hubs contain much more content than stores or showcases, which means good menu design is important. Purplex has built many hub websites, like Mobile Eco Tuning, Clearvision and Towens.
+ SEO
– Navigation
Which website pages do I need?
There are some pages that are a no-brainer on a business website, regardless of the size of your business. Let’s walk through these…
Homepage
Every site needs a homepage – that’s the page that you land on if there’s nothing after the ‘/’ in your URL. Not everyone will land on this page when they first visit your site, especially if your other pages rank high in search engines. In WordPress, you can set this homepage manually under Settings/Reading.
About Us
Sometimes this feels like a bit of an old skool page, but many people want to know more about your business before they make a purchase. This is the place to write about your history and values.
Remember the adage ‘show, don’t tell’ – customers will be more impressed by a story about your work supporting a charity than by a ‘commitment’ to be charitable. Like any rule, there are some exceptions, like official accreditations – B Corp, 1% for the Planet etc.
Contact Us
Whether or not you have individual product and service pages, it’s also worth creating a Contact Us page. If you sell things, this provides users with a way of contacting customer support. Whether you sell things or not, it lets potential clients, collaborators and the media reach out when they have a question for you. A contact form is the best way to style this page, as any email address published online will be spammed to death within a few years.
Blog
Sure, blogs aren’t the thriving medium they once were, but nowadays they’re written not so much to attract an avid audience of fans, but to feed the algorithm. To a search engine, a blog is a pot of keywords, and recent content tends to perform better in search results. That makes blogs ideal for SEO – you can create lots of content related to the keywords that your customers are searching for, and you’ll appear higher in search results.
Search
Speaking of search – it’s good practice to include a search box on your own website, and if you do that, you’ll end up with a search results page – on WordPress, this is called an ‘archive’. You can often customise this archive page to make it look more professional and more user-friendly.
What goes on a homepage?
So you’ve set up a homepage, but you want to make sure it converts effectively? There are a numbers of things to remember, that will help improve user experience (UX) on this page:
Responsive menu
A menu which looks great on a massive desktop computer screen will be unusable on a phone. But that’s OK, because some genius invented the hamburger menu. If you’ve seen an icon that looks like this –> ☰ then you’ve seen a hamburger menu. Click on it and the nested menu items will drop out, allowing you to navigate through the site. It’s still worth optimising the nested list for mobile – keeping it to the minimum number of items, to make sure this menu isn’t taller than a phone screen.
Trust signals
Why should users trust your website? Trust is one of the biggest factors when it comes to purchasing decisions, so it’s crucial to get trust signals out in front of users as soon as they land on the site. What is a trust signal, though? They come in all flavours, from your average Google Business review score to quotes from satisfied customers (‘social proof’); from testimonial videos to accreditations, awards and the year you were established (if it’s long enough ago!). All these signals will indicate to a potential customer that you can be trusted to deliver on your promises.
CTA buttons
A CTA button or ‘call to action’ is something you can click or tap to jump further down the user journey. If you’re on the homepage, maybe it’ll take you to the contact page, or an individual product page. If you’re on a product page, it’ll add the product to your shopping basket. And so on. The purpose of many pages is to get a user to click on the call to action. Yes – even this page! So it’s important to scatter CTAs across a page – just don’t use too many, and keep the style consistent and highly visible. You don’t want the design to start looking like a mess as this will be a negative trust signal – it’ll make you look desperate for conversions!
Social share buttons
No, we don’t like them either – this panel of buttons often gets relegated to the footer. But it’s an useful part of each page. This row allows a user to share the content directly to a social network. That’s the theory. In reality, only a tiny fraction of people will actually click on these buttons, but these clicks don’t really cost you anything and they could generate a few extra sales.
Search box
It’s not essential, but if you have a bigger website, it’s certainly a good idea to add a search box to your homepage. Even the presence of a search box can be a trust signal, as it shows that this is a large, premium website with lots of content. The best search boxes use autocomplete and filters, providing on-page results. But even a bare bones search box is better than nothing!
Offers and Campaigns
If you’re running any special offers, or have launched a PR campaign, the homepage is a great place to raise awareness. It’s most likely the highest traffic page on your website, but most people who land on the page won’t scroll below the top banner – they’ll dive straight into the menus. So this banner acts like a town square – the perfect place to promote news, campaigns and offers.
What is website accessibility?
People aren’t all designed the same way, so when we design for them, we should take this into account. It’s just common sense to make sure that everyone who visits your website can actually access the content. Anything less, and you’ll be missing out on traffic and sales. So, what do you need to consider?
3 Kinds of Accessibility
There are actually 3 kinds of accessibility and they’re pretty simple to understand:
Physical ability – e.g. sightedness – what people usually think of. Can the content be perceived/interacted with by people with different sensory or physical impairments?
Mental ability – e.g. dyslexia – is the content formatted and written in a way that’s clear and easy to understand?
Situational ability – e.g. noisy rooms – will this content work for all users in all places? If not, provide alternate formats – e.g. subtitles for video or transcripts alongside podcasts.