Mais de 20 exemplos incríveis de páginas 404

Acessar uma 'página não encontrada' pode realmente deixar seus visitantes malucos.

Uma das melhores maneiras de aprimorar a experiência do usuário dos visitantes é mantê-los motivados e engajados com seu site. Isso pode ser feito com um design bonito, conteúdo envolvente ou uma boa dose de humor. Uma página de erro criativa e inteligente ajuda muito a transformar a carranca do visitante em um sorriso. Também pode ter um efeito positivo no seu SEO, pois ao fornecer links internos, navegação e uma solução para um problema - mesmo que você simplesmente forneça um link para sua página inicial - você mantém o usuário satisfeito e dentro de seu funil de vendas.

Uma página 404, também conhecida como “página de erro”, é a página para a qual os usuários são direcionados se clicarem em um link corrompido ou excluído do seu site.

Com o tempo, as páginas podem ser removidas ou movidas para um novo URL sem um redirecionamento permanente. Se um usuário tentar acessar este link, ele será enviado a uma 'página 404' que o informa que o link que ele está tentando acessar está quebrado.

Quando isso acontece, é importante não perder totalmente o usuário, mas, em vez disso, você deve se esforçar para mantê-lo engajado com o site e, de preferência, direcioná-lo para o link correto. Algumas empresas são realmente criativas ao projetar páginas 404, incorporando animação, ilustrações e elementos interativos.

Tudo isso é bom, mas não há dúvida de que as páginas 404 mais eficazes e memoráveis ​​são as engraçadas. É por isso que decidi coletar os exemplos mais engraçados de 404 páginas da web.

As páginas humorísticas “não encontradas” têm a vantagem de não exigir orçamentos elevados, por isso são uma boa opção para freelancers e pequenas empresas, não apenas para grandes marcas.

Nesta postagem, exploraremos os exemplos mais hilários de 404 páginas e analisaremos o que faz com que cada uma funcione. Depois de entender as estratégias cômicas subjacentes que essas páginas compartilham, isso o ajudará a criar sua própria página 404 original.

Aqui estão 23 ótimos exemplos de 404 páginas bem feitas.

Imagens visuais são comuns em 404 páginas, mas contar apenas com o conteúdo também pode ter o mesmo impacto.

Bluegg fez uma espécie de obituário para 'a cabra', que aparentemente se refere à sua página de erro. Você verá muitas piadas relacionadas à morte em 404 páginas. O mesmo tipo de piada pode funcionar para suas páginas se você for um fã de humor negro.

O elemento surpresa é a chave para oferecer com sucesso os novos 404s.

Drift adicionou um vídeo selfie de baixa qualidade de Dj Khaled, aparentemente perdido no mar. Viraram de cabeça para baixo ao mostrar que as coisas poderiam ser muito piores - o visitante poderia se perder no mar como o DJ.

Mostrar um cenário exagerado que ofusca as atuais circunstâncias do visitante é uma ótima maneira de fazê-lo se sentir melhor.

Steve Jobs disse: “Criatividade é apenas conectar coisas”. É difícil notar, mas 9Gag fez uma conexão criativa entre um dos gifs mais populares, um Travolta Confuso, e sua página 404. O resultado pode não ser engraçado, mas é um excelente exemplo de como relacionar um dos ativos visuais de sua marca a uma página não encontrada.

Flywheel criou uma página 404 que é perfeita para seu público voltado para designers sofisticados. Transformar o '0' em um buraco negro e adicionar 'isso é uma merda' é uma boa rodada. É simples e evita tentar muito brincar.

O conteúdo 404 do Slack vai direto ao ponto, mas eles adicionaram uma animação de fundo ilustrada em panorama que é, bem ... tão maluca que funciona. Você pousa em um mundo de sonho Xanadu com animais de fazenda pairando. Não há nenhuma relação com uma página perdida, a não ser o fato de que, se você estiver lá, certamente está perdido.

Neste exemplo, vemos um bonito desenho animado de hambúrguer em patins segurando uma placa de desculpas. É a prova de que uma imagem vale mais que mil palavras. Usar a ilustração é uma ótima maneira de tornar sua página 404 espirituosa sem palavras.

Woodger também conecta habilmente o visitante ao seu portfólio com a frase 'Você provavelmente estava procurando meu trabalho de ilustração ...'

Embora aparentemente tenha alguns bugs e mostre HTML vazio, o site de Conan O'brien não deixa de divertir, usando uma série de gifs para destacar a situação de Andy e Conan.

O Comedy Central foi inteligente o suficiente para exibir vários personagens de seus programas e atribuir uma citação relacionada a uma página 404 para cada um. Por exemplo, Trevor Noah do The Daily Show aparece com uma cara confusa e uma citação relacionada ao segmento 'Momento Zen' de seu programa.

Eu só tive que mostrar este exemplo, porque é a página 404 de um pequeno museu de história funerária. Tenho certeza de que eles não têm um orçamento enorme para web design, mas ainda assim conseguiram criar uma página 404 criativa com uma sepultura aberta, dizendo aos visitantes: 'Você cometeu um erro grave! A página que você está procurando desapareceu na vida após a morte. '

O 404 da HBO é um dos meus favoritos. Ele mostra como usar piadas internas para obter uma risada. Nesse caso, eles adicionaram a imagem 'Limite seu entusiasmo' atrás das letras 404 e adicionaram o texto: 'Parece que este link está muito, muito, muito quebrado.' Qualquer pessoa que tenha visto o show vai entender imediatamente.

O exemplo da New Yorker mostra como pegar um ativo de marca já engraçado relacionado a se perder e apresentá-lo em uma página 404. O desenho é de uma edição de 2011 que exibe um mouse com GPS - o desenho perfeito para usar em uma página de 'página não encontrada'.

Aqui está outro design de página 404 que é original e inesperado. A Blizzard Entertainment tem uma janela quebrada, um menu que parece ter caído e uma acusação: 'Grats (parabéns). Você o quebrou.'

A Blizzard teve a 'ousadia' de virar o jogo e culpar o visitante. Você se diverte com isso porque é a resposta exatamente oposta ao tom apologético esperado que você normalmente lê em 404 páginas. Ao mesmo tempo, é uma característica muito humana acusar outra pessoa de seu próprio erro. É como uma criança sendo pega pelos pais por derramar leite e depois jogar a culpa no pai.

Como já vimos, desenhar conexões inesperadas entre coisas aparentemente não relacionadas requer engenhosidade e humor. Você normalmente não associaria um site de namoro a uma 'página não encontrada'. O eharmony faz isso bem ao apresentar a mensagem de que a 'página não está disponível', ao contrário de um milhão de outros solteiros do eharmony.

A página 404 do Distilled tem uma conversa britânica em quadrinhos cheia de frases como 'velho camarada' e 'maldito'. Eles chamam seu 404 de 'Quatrocentas e quarta mensagem de erro', o que é engraçado em si mesmo.

Embora os sotaques sejam atualmente uma questão polêmica na comédia (como os criadores dos Simpsons podem atestar), eles ainda são muito engraçados. Felizmente, um sotaque inglês chique ainda é um alvo risível aceito.

Os destilados são eles próprios britânicos, o que torna a página toda ainda mais tola. Isso me lembrou do esboço de Four Yorkshiremen, de Monty Python, que sempre me deixa louco.

Essa página de erro é uma das mais engraçadas, justamente por ser tão pessoal. Também leva o desembarque em uma 'página não encontrada' ao extremo, mostrando os quatro possíveis culpados da equipe de desenvolvimento e oferecendo a você a chance de escolher aquele a ser demitido por esta 'falha inaceitável'. É tão absurdo que prova que esta empresa tem senso de humor e pode zombar de si mesma.

IMDB apresenta uma página de erro aparentemente simples, mas bem elaborada, que adapta citações de filmes famosos a mensagens de erro. Para os fãs de cinema que freqüentam o IMDB, ele oferece uma experiência agradável e os estimula a atualizar a página para ler mais citações.

Embora esta não seja a página 404 mais atraente, ela ganha pontos por oferecer uma experiência criativa e interativa que também é de natureza visual.

O uso de gráficos é, na verdade, uma boa ideia para essas páginas. Quer se trate de fluxogramas, gráficos venais ou qualquer outro gráfico que você possa imaginar. Funciona porque é uma maneira completamente diferente de exibir a página indisponível. Eu me pergunto se um gráfico de pizza também funcionaria.

O público do Github são desenvolvedores geeks. A cena inspirada em Star Wars apresentando o mascote Octocat e a frase 'Esta não é a página da web que você está procurando' é uma mensagem adequada para seu público. Observe, também, como, ao colocar a barra de pesquisa no centro, fornecem uma excelente solução para a navegação a partir desta página.

CSS Tricks consegue surpreender os visitantes usando um minimalismo absoluto. Sem texto, sem mensagens, apenas uma página em branco com um rasgo com o código CSS revelado no fundo. Eles transmitem com sucesso uma mensagem sem palavras, o que é uma coisa desafiadora de se fazer. É semelhante ao motivo pelo qual os filmes mudos ainda nos fazem rir hoje porque contam com o humor não-verbal.

Esta página contém todos os elementos de uma página 404 divertida. Imagem gigante de uma meia rasgada com um smiley desenhado na ponta do pé, alusiva a todas as meias soltas que as pessoas perdem na lavanderia. Mesmo que não tenha nada a ver com o site real, é muito bobo e é por isso que funciona.

A Taco Bell é conhecida como uma marca que sabe fazer piadas nas redes sociais. A página 404 deles também dá risada, com sua animação de taco e um texto bobo: 'A PÁGINA QUE VOCÊ PROCURava NÃO EXISTE (A menos que você estivesse procurando uma página com uma animação de um taco tropeçando e literalmente derramando os grãos. Se for esse o caso, definitivamente existe, e você definitivamente o encontrou.) '

Por último, mas não menos importante, esta página 404 hilária foi criada quase sem orçamento ou efeitos especiais. Como se aterrissar em um link quebrado não fosse estranho o suficiente, Steve Lambert leva isso para o próximo nível ao apresentar 'As páginas 404 não encontradas mais estranhas da Internet'. A página mostra um vídeo de Lambert resmungando estranhamente para o visitante. O vídeo me lembrou dos momentos estranhos do Vale do Silício.

Mesmo que não esteja na categoria 'engraçado', você pode comprar o modelo SHOCK e configurá-lo para sua página 404.

SHOCK é mínimo em breve na página, que tem 6 estilos de fundo para todos os gostos.

Vimos uma variedade de páginas 404 engraçadas. Ser bem-humorado não é uma tarefa fácil, e mesmo as melhores marcas com os orçamentos mais altos às vezes falham nisso. Espero que esses exemplos o inspirem a criar suas próprias páginas de erro, que farão seus visitantes caírem na gargalhada.

Se você deseja criar sua própria página 404, certifique-se de verificar o recurso de design de página 404 rápida do Elementor .