30 melhores exemplos de página de erro HTTP 404 de criativos 2022

Publicados: 2022-05-31

De vez em quando, sua pesquisa na Internet encontra uma mensagem que diz algo como “Erro HTTP 404”. Isso pode acontecer quando a página que você pesquisou teve seu link alterado, movido ou simplesmente não pode ser encontrada no servidor. Ou pode ter sido removido completamente; talvez você tenha digitado a URL errada. Seja qual for o motivo, você se perdeu na estrada da Internet e uma mensagem de erro 404 é a maneira de informá-lo.

Caso você não tenha encontrado uma mensagem como esta antes, você pode tentar o seguinte: digite a URL de qualquer site e siga o '/' no final com uma string de rabiscos. Tais erros são inevitáveis; links quebrados, URLs inalterados e muitos outros motivos podem fazer com que seu site gere um erro 404. Isso provavelmente será muito irritante para o visitante e fará com que ele queira se afastar do seu site. No entanto, não precisa ser assim. Você pode projetar a página de erro 404 com um pouco de cuidado para que desperte algum interesse ou diversão no visitante, fazendo com que o mouse permaneça um pouco mais no seu site. Essa diversão pode deixar uma boa lembrança, e pode fazer com que eles queiram voltar novamente algum tempo depois.

Assim, faz sentido projetar uma página de erro com algum cuidado. Redirecionar um visitante, ajudá-lo a levar adiante sua busca ou simplesmente trazer um sorriso ao seu rosto ajudará bastante a garantir visitas repetidas. Algumas maneiras criativas nas quais as páginas de erro 404 foram projetadas em alguns sites são destacadas nos exemplos a seguir.

Maxemail

emailcenteruk-404-not-found-error-exemplo

Maxemail, anteriormente Email Center UK, oferece serviços de email marketing. No site, você entenderá que o email marketing não é simplesmente um exercício de construção de listas. A página de erro deste site tem os membros da equipe de desenvolvimento apontando o dedo uns para os outros sobre quem deve ser demitido pela gafe. Você também será mostrado o caminho de casa com um link para a página inicial.

Novak Djokovic

novakdjokovic-creative-404-error-page-exemplo

O humor fora das quadras desse tenista profissional é visível na página 404 de seu site. Ele pergunta aos visitantes se eles estão procurando por bolas perdidas. Você é então guiado de volta ao menu.

Limpfish

limpfish-minimal-error-404-page-exemplo

Este é o site de David Barton, um artista. A página 404 é espirituosa e apresentada na forma de um anúncio classificado, com a legenda 'Arquivo não encontrado' encontrando um lugar no slot geralmente reservado para um número de telefone de contato.

Superamantes

superlovers-server-404-error-page-exemplo

Este é o site de um estúdio criativo francês que faz design, tanto em versão impressa quanto digital. A página de erro informa que os anjos estão com a cabine telefônica. No entanto, você pode acessar o menu nesta página e encontrar o caminho de volta para casa.

Incore

incore-minimal-404-not-found-error-exemplo

A Incore é uma agência de marketing digital. Sua página 404 é uma provocação com a foto de dois abutres ameaçadores e perguntando aos visitantes perdidos se eles estão realmente procurando por eles ou se gostariam de voltar para casa.

AndroidDev101

androiddev101-not-found-error-exemplo

Neste site, pode-se acompanhar os acontecimentos no mundo dos andróides. A página 404 deste site o adverte pela falta de habilidades de navegação que o levaram à página de erro em primeiro lugar.

Foxrate

foxrate-not-found-error-exemplo

A Foxrate oferece um aplicativo gratuito baseado em navegador para coletar avaliações de clientes de vários canais de vendas. Um cachorrinho espia pelo '0' no 404, para lhe dizer que nenhuma raposa pode ser encontrada na página de erro.

Ages

agens-lost-page-error-exemplo

A Agens está no negócio de ter ideias digitais brilhantes e transformá-las em produtos funcionais. Eles têm um astronauta perdido no espaço, vagando e carregando uma bandeira 404. A legenda sugere que você dê uma olhada em projetos recentes.

Panda entediado

Exemplo de página de erro 404-boredpanda

Bored Panda é uma comunidade para pessoas criativas. Tem seções sobre arte, fotografia e design. Um panda jura na página 404 que não comeu as páginas que você está procurando. Os anúncios são exibidos à direita e o menu permanece no topo da página.

Transmissão de expansão

expansãobroadcast-error-page-exemplo

Podcasts saem deste site e listas de faixas são apresentadas aqui. Esta página 404 dá uma olhada e chama você de babaca e se orgulha de ser destaque na Smashing Magazine.

Capitão Dash

Captaindash-dark-404-error-example-page

Captain Dash é um site que oferece serviços de gerenciamento de dados. Um aplicativo ajuda a converter todos os dados chatos em informações significativas. A página de erro é bastante simples e pergunta se você está procurando o Capitão Dash nos bastidores. Você pode enviar um e-mail a partir desta página ou voltar para a página inicial.

Peras ímpares

oddpears-funny-404-error-page-example

A Odd Pears vende meias de qualidade com design criativo. Simplificando, estas são meias lindamente incompatíveis que expressam individualidade. A página de erro 404 mostra uma meia xingando, depois de abrir um buraco no dedão do pé e assustá-lo a acreditar que você quebrou o site deles.

Espry

wearespry-not-found-404-error-page-exemplo

A Espry se descreve como artistas, criadores e visionários do mundo digital. Sua página 404 tem um cachorro fofo parecendo confuso e com uma expressão perdida, com um botão de chamada para ação aconselhando o visitante a ir para casa.

Petfinder

petfinder-creative-not-found-error-page-exemplo

Petfinder é um site que ajuda animais perdidos a encontrar um lar que os adote. Você pode aplicar critérios de pesquisa e encontrar um animal de estimação para adotar em sua página inicial. Se você se perder fazendo isso, verá um gato preso em lã de tricô ou um amigo com bico gritando para você, e você será guiado de volta à página inicial. O menu, as postagens e os botões de chamada para ação na barra lateral também são exibidos na página de erro.

CloudSigma

cloudigma-404-funny-error-page-exemplo

CloudSigma é uma instalação de armazenamento em nuvem. Se você se perder neste site, conhecerá o desenvolvedor júnior. Ele é, na verdade, um gato que dorme no sofá a maior parte do tempo, mas ainda encontra tempo para fazer alguma codificação.

Pouco

bitly-404-error-page-exemplo

Bitly é um encurtador de URL e plataforma de gerenciamento de links. Um peixe flutuando de cabeça para baixo na página de erro dá uma indicação de que algo está errado aqui. Informações úteis sobre URLs também são fornecidas nesta página.

FlixelPixGenericName

flixelpix-nothing-found-error-exemplo

Como você deve ter adivinhado, o FlixelPix é um site dedicado à fotografia. A página da web exibe totalmente a mensagem de erro, com uma sugestão de pesquisa. Enquanto isso, uma caixa de pesquisa útil está à mão.

Swissmiss

swiss-miss-simple-404-error-page-example

Swissmiss é o estúdio de design de Tina Roth. Em sua página de erro, ela é vista através de um buraco na tela dizendo aos visitantes para iniciar uma pesquisa de lá ou voltar para a página inicial.

Woothemes

woothemes-error-404-page-exemplo

Woothemes é o lugar ideal para comprar temas e plugins do WordPress. Eles são os autores do popular plugin WooCommerce. Um ninja com uma espada quebrada informa que você chegou à página de erro deles, e uma caixa de pesquisa proeminente ajuda você a continuar sua pesquisa.

Studio7 Designs

studio7designs-error-page-exemplo

O Studio7 projeta aplicativos móveis e interfaces de usuário responsivas. A silhueta de um urso permite que você saiba que veio ao lugar errado.

Gráficos de colher

colher-gráficos-404-não-encontrado-erro-página-exemplo

Spoon Graphics é o blog de Chris Spooner que ajuda outras pessoas a criar designs legais. A criatividade fica evidente em sua página de erro, que aparece como se você tivesse sintonizado uma televisão na frequência errada e solicita que você chame um engenheiro para consertá-la. Ou você pode optar por voltar para a página inicial ou para os arquivos.

Fora da zona de conforto

outofcomfortzone-creative-404-error-page

Out of Comfort Zone é o blog de Frederic Harper, um técnico e um empreendedor serial. Ele usa muitos chapéus e está ansioso para popularizar a tecnologia. Sua página de erro tem um design inteligente, mostrando um peixe fora d'água fora de sua zona de conforto. Você pode pressionar qualquer tecla para sair da página.

Fotografia de Jess Marks

jessmarksphotography-page-not-found-error-404

Jess e Marks são fotógrafos de casamento. Eles mantiveram sua página de erro simples, usando apenas tons de fundo cinza e letras distintas para informar que você está na página errada. Assim, você será solicitado a voltar ao menu ou passar para o blog.

Adham Dannaway

adhamdannaway-not-found-error-page-exemplo

Adham Dannaway é designer e desenvolvedor front-end. Sua página de erro não é a rotina usual do moinho. Tem Yoda emergindo de uma tela de desktop e a mensagem é escrita como se o próprio Mestre Jedi estivesse falando.

Suporte de vida

exemplo de página de erro de suporte de vida

Life Support é o nome de uma bebida que trata de ressaca. Sua página de erro culpa o visitante por explodir a Internet.

Avióa

avioa-page-not-found-404-error-page

Avioa é um setup de consultoria que auxilia nas estratégias de negócios. Eles deixam um convite para você em sua página de erro para entrar em contato com eles.

1º Webdesigner

1stwebdesigner-404-error-page-exemplo

Esta é principalmente uma empresa de web design que está mudando seu foco para o WordPress Content Management System. Eles dizem que você está na página errada com um truísmo: nem todos os que vagam estão perdidos. A partir desta página, você pode passar para os arquivos, iniciar uma pesquisa ou voltar para a página inicial.

Margaret Cho

margaretcho-simple-404-error-page

Margaret Cho é uma comediante de stand-up e personalidade de TV, que também faz shows ao vivo. A página de erro em seu site diz que não há problema em se perder e que Margaret também se perde às vezes.

Sylvester Stallone

sylvesterstalone-404-erro-página-exemplo

Sylvester Stallone é um ator que passou para outros papéis no cinema. Ele é educado em sua página de erro e se oferece para levá-lo de volta. Ou você também pode navegar no menu na página de erro.

Segredos de hospedagem na web revelados

webhostingsecretrevealed-error-page-exemplo

Este site discute opções de hospedagem para sites e as analisa também. A página de erro tem Grumpy Cat alegando ter comido a página em inglês gramaticalmente incorreto.

Algumas das páginas de erro ilustrativas acima devem ter chamado sua atenção de uma forma ou de outra. Talvez você possa nos deixar dar uma olhada em suas páginas de erro também?