Inspiração semanal: Páginas de erro criativas

Oi, pessoal!

A inspiração semanal dessa vez vai agradar aos designers e webdesigners de plantão: páginas de erro customizadas.

Muitas vezes, a página de um site muda de nome, migra para outra pasta ou mesmo deixa de existir. Nesses casos, quando o usuário entra nessa URL, se depara com uma página de erro, e isso pode ser muito chato – principalmente quando a página apresenta textos codificados, erros que não entendemos ou não nos fornece uma segunda opção de navegação. Assim, inevitavelmente, a pessoa acaba fechando a aba do navegador e esquecendo o site. Então, uma das milhares missões de um designer é fazer com que o usuário não se sinta aborrecido pelo erro e, mais importante, que volte ao site e continue a navegar por ele. Como fazer isso? Criando alternativas criativas, divertidas e que sejam, acima de tudo, funcionais, levando o usuário a outra página existente, dando-lhe uma segunda alternativa para que permaneça no site. Afinal, desde quando um erro tem que ser chato? Neste post, reuni apenas algumas das inúmeras ideias de páginas de erro customizáveis e criativas. Divirtam-se!

Obs: não há ordem de melhor ou pior: os exemplos foram colocados aleatoriamente.
Obs 2: clique no “404” para visitar o site.

DeviantArt { 404 }

Muitos de vocês provavelmente conhecem o DeviantArt, e até mesmo já de separaram com uma página de erro. A página oferece um link para voltar à página inicial ou outras opções abaixo. Acho que falta praticidade nesses links secundários, e até poderia ter um campo de busca. Mas enfim, acho fofo o logo do site com cara de confuso, perdido em meio às pastinhas.

Etsy.com { 404 }

Não conheço o site, mas achei engraçada a ilustração da menina tentando costurar (com a ajuda de um guia) e, sem querer, ter feito três mangas em uma blusa. Ops!

Heinz { 404 }

Esse talvez seja um dos melhores exemplos. Ao invés de você entrar em uma página errada, você entrou em uma página vazia! Acho que o ketckup era tão bom que já comeram tudo! O site mostra links para vários possíveis destinos.

MailChimp { 404 }

Outro exemplo ótimo é o do site MailChimp que congelou a página do pobre mascotinho. Vale a pena dar uma olhada ao vivo, pois tem fumacinha de verdade saindo do bloco de gelo. Para continuar a navegação, eles oferecem a barra de menu superior ou a busca.

Bitly { 404 }

Esse é mais um dos que merecem uma olhadinha ao vivo, pois passando o mouse sobre a “água”, você pode criar ondinhas! Eles só oferecem links na parte inferior da página, e acho pouco, mas tá valendo porque a página é muito divertida!

PV.MGARAGE { 404 }

Esse é o site de um webdesigner e, como tal, a página de erro é bastante divertida. Ele diz que a página não foi encontrada, e o que se pode fazer é chamar a Interpol, ou procurar por algum conteúdo bacana! Abaixo, ele relaciona vários posts que podem ser do interesse do usuário (provavelmente os mais procurados, ou mais vistos). Uma ideia simples mas que, a meu ver, funciona muito bem.

spoongraphics { 404 }

Esse também merece um clique e uma conferida ao vivo na página, pois o efeito da TV é muito bacana. O autor do site deixou “dentro” da televisão o link para a página principal, para os arquivos ou para entrar em contato com ele. Uma pena que, na minha resolução, as fontes saíram um pouco para fora do limite do gráfico, mas isso é aceitável, pois o efeito ficou divertido e original.

Spotify { 404 }

Não conheço o site, mas pelo que vi, é uma página para encontrar músicas, que está chegando ao Brasil e requer convite para poder acessar. Como tal, imaginei várias opções de páginas de erro, mas não: a página simplesmente dormiu! Achei engraçado e digno de estar nessa lista.

SuperPlayer FM { 404 }

Se vocês ainda não conhecem o SuperPlayer, está na hora de conhecer. O site fornece playlists de acordo com o que você está fazendo, com o que está sentindo ou, simplesmente, por gênero musical. A página 404 deles também não tem muito a ver com música, mas é engraçadinha. Você está perdido, quer voltar pra casa?

Rocket Theme { 404 }

Eu não ia colocar essa página aqui nessa lista, mas de última hora, percebi que ela deveria estar aqui. Essa só vai ter graça se você olhar ao vivo, então clica ali em cima em 404 e veja! Acredito que o efeito tenha sido feito com CSS, e só isso faz a página ser demais. É quase impossível parar de olhar pra ela!