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.

“Dekko has grown from £6m to £20+ over the last 8 years and we simply couldn’t have achieved it without Purplex. Our brand is well recognised and the exposure we get through the press, social media and online consistently puts us in front of good quality prospects.”

Kurt Greatrex - Sales Director, Dekko Window Systems

“I use Purplex Marketing for my company’s PR, digital and creative requirements and have always found them to be diligent, proactive and efficient. They are open to learning in-depth about our products, have a good understanding of our industry and take on board feedback which makes it easy to work with them.”

Charlotte Hawkes - Head of Marketing, Edgetech

“Purplex have really shown their worth since we started working with them and they did a fantastic job on our website. They have helped us increase our brand exposure and delivered consistent results. When it comes to building products, Purplex know the industry and what works, and re-signing back up was an easy decision and one we believe will help us keep pushing forward”

Warren Muschialli - Managing Director, Newton Waterproofing

We're Trusted By

Dekko
Edgetech
Wavin Hep2O logo
crittall logo
dowlas logo
towens
Victorian sliders