LOG IN OR SIGN UP
Log in to your account
Sign up

15 custom 404 pages South African Sites can learn from

16 December 2016 | 0 comments | Posted by Shamima Ahmed in nichemarket Advice

Creative 404 page designs

We have previously spoken about what 404 pages are and how we why we should monitor these errors; if you are not familiar with these terms you can read more about 404 pages here: Get more from 404 your pages. Today we will look at the more creative aspects of the 404 page and the user benefits in taking the time to customise these pages.

Why Customise your 404 page?

Going back to the basics according to standard apache practice a 404 page should be set in the header status and serve an error informing the user that the page no longer exists. According to these standards, a 404 page like the one featured below is sufficient.

apache_404_default

But this is not 1992, technology design and UX has come a long way and the above example does not have much benefit to the user in any way. In fact, have shown that 90% of users who encounter a standard 404 page, similar to the one featured above, will assume that your entire site is down and no longer exists. Yes, your link is broken, or your page no longer exists, but this does not mean you need to lose your potential client as a result. To avoid putting your site at risk it's become standard to customise 404 pages and help reintroduce users to your site.

It has also been proven the more creative you get with these pages, the better the chance is you will have of reintroducing your users back into the site. That being said, creativity is not only a visual aspect but you should also provide strong call-to-action points that will help users find what they need.

Custom 404 Page checklist:

Technical

    1. Header status should always be set to 404 - page not found.
    2. Urls should not be changed or redirected. 404 page should be served on the original link that is trying to be accessed.

Creative

  1. Make sure the standard skin of the page is aligned with the rest of your site
  2. Make sure your website branding and logos are visible.
  3. Feature the standard website navigation.
  4. If you choose not to include navigation ensure there are sufficient entry points to reintroduce users back into the site. Include a link to the homepage at the very least.
  5. include a search function to help users find what they looking for.
  6. Have fun with it. Get creative and go wild with design and interaction. The greater the impression you make on your users increases the chances of retaining them.
  7. Ensure that you have an appropriate copy to accompany your awesome design.
  8. Be inspired and have fun!

Sample 404 pages to inspire your work

Looking at all the local players in the South African market it's hard to find 404 pages that truly inspire. Most of them are a bit drab, they may follow the technical protocol and customised it to a certain extent but it's certainly examples I would not share with my friends. This is why I went abroad to bring you some of the niftiest pages I've seen!

The clever and hilarious

Appnovation Technologies

appnovation404link: https://www.appnovation.com/404

Blue Laser Design

bluelaser404link: http://www.bluelaserdesign.com/404/

Flooring Supplies

flooringsupplies404link: http://www.flooringsupplies.co.uk/404

Out of Comfort Zone

outofcomfortzone404link: http://outofcomfortzone.net/404

The creative and innovative

Good Dog Design

good-dog-design-404-pagelink: http://gooddogdesign.com/404

Sygic Travel

sygic-travel-404-pagelink: https://travel.sygic.com/404

Weemss

weemss-error-page-funnyweemss-error-page-zombie

link: http://weemss.com/page

Blue Fountain media

bluefountainmedia-404page

link: http://www.bluefountainmedia.com/404

The Geeky

Star Wars

star-wars-404-pagelink: http://www.starwars.com/404

John Kavanagh

johnkavanagh404link: http://johnkavanagh.co.uk/404/

Coolappse

coolappse-404-page

link: http://www.coolappse.com/404notfound

The Downright Charming

Virgin

virgin-atlantic-404-pagelink: https://www.virgin.com/404

Jib Jab

jibjab-404-page

link: http://www.jibjab.com/404.html

the onion

the-onion-404-pagelink: http://www.theonion.com/404

Cuban Council

cuban-council-error-404

link: http://www.cubancouncil.com/404

Contact us

Remember to be bold and brave with your design and if you want to know more about 404’s don’t be shy we’re happy to assist. Simply contact us here.

Tags: website, seo, design, user experience, ux

Previous: {{ previousBlog.sTitle }}

Posted {{ previousBlog.dtDatePosting }}

Next: {{ nextBlog.sTitle }}

Posted {{ nextBlog.dtDatePosting }}

You might also like

How to embed rich media into your blog posts

Embedded Web Tools For Better Content Marketing

07 May 2018

Posted by Che Kohler in nichemarket Advice


Improve your content marketing efforts by making use of embedded web tools and give your audience instant access to audio, video, slideshows and more...

Read more
List your fitness business on nichemarket

Get Your Fitness & Wellbeing Related Business Listed Online

21 November 2018

Posted by Che Kohler in Athletes


Get more exposure and have customers find you easier online by listing your fitness, sport & wellbeing related business on nichemarket absolutely fre...

Read more

Leave us a comment


{{comment.sUserName}}

{{comment.iDayLastEdit}} day ago

{{comment.iDayLastEdit}} days ago

{{comment.sComment}}

Sign up for our newsletter