Nós conversamos sobre as páginas de "contato". Nós conversamos sobre a página "Sobre". Você sabe o que colocar nestas páginas porque, espero, você pensou muito sobre isso. E você sabe exatamente o que colocar nas páginas internas, porque você também tem o seu conteúdo para elas. Você acha que tem tudo coberto, certo?

Pense de novo! Você tem a oportunidade de projetar e usar sua página de erro 404. E, francamente, você não é uma criança legal se não tiver uma página 404 super legal. Por que nós vamos além das páginas de erro básicas? Bem, porque nós podemos. É como um pequeno mundo oculto que muitas vezes você espera que ninguém veja. Mas se eles tiverem a chance de vê-lo, você vai querer ter certeza de que é um observador.

Existem duas opções quando se fala em projetar páginas 404. Como é tecnicamente uma página atingida por engano, você pode tornar o seu 404 completamente funcional, por isso ajuda a devolver seus espectadores ao conteúdo relevante. A segunda opção (que muitos parecem gostar) é tornar sua página 404 seu pequeno espaço criativo. Pode ser uma ilustração ou imagem incrível ou a própria página para a qual as pessoas ficarão desesperadas para voltar.

Há muitas maneiras de fazer isso e, hoje, vamos dar uma olhada em algumas. Vamos pular direto.

Mestres Gig

Começaremos com uma página 404 muito prática. Aqui, quando nos deparamos com esse erro, estamos bem conscientes de que chegamos aqui por acaso. A página oferece um link para você retornar à página inicial ou você pode concluir uma pesquisa e obter os resultados. É muito direto e se encaixa na marca visual do site.

Qype

O Qype criou outro uso bastante prático de sua página 404, permitindo que você retorne para casa ou pesquise todas as categorias que o site possui. Eles também oferecem respostas a perguntas que você pode ter também. Além do uso prático, eles adicionaram um pouco de talento criando uma ilustração muito bonita e de alta qualidade que se refere ao uso de sua marca.

Klapp

O Klapp criou um uso muito interessante para a sua página 404. Eles criaram um jogo inteiro que você pode jogar enquanto determina o que deseja fazer em seguida. É um jogo muito divertido. Na verdade é muito viciante. Mas quando o jogo acaba, o jogo acaba e você é forçado a voltar aos trilhos. Ou tente se perder de novo.

Audiko

Mais uma vez, essa marca decidiu que quer acoplar o uso mais óbvio de devolver o visualizador à página correta, criando uma ilustração incrível para você ver. A diferença aqui é que Audiko criou esse foco com essa ilustração de que tudo o que você quer fazer é maravilhar-se e encontrar o caminho de volta mais tarde.

The Movie Nerd

O filme Nerd usou uma pequena iteração inteligente de seu logo para caracterizar sua página 404. Isso é extremamente inteligente e consistente. Por causa da barra de navegação muito visível no topo, eles não viram a necessidade de garantir que o espectador precisasse ser redirecionado.

Inrialidade

Aqui está outro uso de ilustrações em páginas 404. Enquanto não tenho certeza do que isso diz (devido à barreira da língua), posso supor que diz algo no sentido de 'Clique aqui para retornar à Inriality'. Obviamente, quando você clica na figura da ilustração, você é redirecionado para a página inicial.

Davidwashere

O que eu gosto nessa página 404 é a simplicidade. Não só isso, mas enquanto é simples, a marca decidiu deixar um pouco de sua personalidade sair com algumas das instruções. É uma maneira muito fácil de abordar a página 404.

Illucolor

Este é outro gráfico muito inteligente. Parece que sua Internet está quebrada e você precisa consertá-la. Mais uma vez, vou ter que assumir que o gráfico diz para clicar em algum lugar para se referir à home page, mas novamente é outra tentativa de uma página 404 semi-prática, mas altamente visual.

Eu amo ícones

Esta página 404 não tem muito a ver com nada. De fato, se você se deparou com essa página, provavelmente estaria extremamente perdido. No entanto, isso não muda o fato de que, em sua simplicidade, esta é apenas uma imagem bonita. E o fraco "404" é um belo toque.

Sincronia

Outra página 404 simplesmente linda. A ilustração é excepcionalmente consistente com a imagem visual em todo o site. Esta página 404 permite que você saiba que encontrou a página errada, mas ainda está no site certo, o que é extremamente importante.

Molome

Bem, esta página 404 é simplesmente fofa. Molome obviamente queria uma chance de mostrar suas habilidades gráficas e não estava muito preocupado em direcionar o espectador de volta para casa. Isso é bom, porque, novamente, a navegação é muito visível. A página 404 é uma extensão da marca.

Os muitos rostos de…

Às vezes, gostamos de lotar a Internet com sites de paródia e sites usados ​​para zombar de (ou honrar) certas pessoas. The Many Faces, de Leonardo DiCaprio, parece fazer um desses, criando pequenos rostos meméticos do próprio Leo. para a página 404, por que não manter o mesmo? Esta é uma abordagem muito divertida para páginas 404.

Laboratório de Foco

A abordagem da Focus Lab para a página 404 é bastante simples e direta também. Eu gosto deste porque, mais uma vez, você consegue ver a cópia 404 na voz das marcas. No entanto, desta vez, em vez de direcionar o espectador para a página inicial, o Focus Lab direciona o espectador para algumas das páginas mais importantes do site.

Mic Check 404

Enquanto isso é apenas um conceito, este é realmente um conceito muito inteligente. Quero dizer, o que mais você faz quando está tentando se certificar de que algo está certo? Você testou!

Kiss.com

Outro conceito, o Kiss.com adota uma abordagem completamente diferente do conteúdo da página 404. Em vez de direcionar pessoas para a página inicial ou outras páginas, estamos fazendo algo diferente aqui. Eles pedem que você envie um ticket de suporte para que eles possam resolver o problema, o que faz sentido. Porque afinal, é uma página de erro, certo?

Dribbble 404

Este é outro conceito criado por um designer no Dribbble. Eles se tornaram tão próximos da marca que desenvolveram uma página 404 para eles. Agora, isso é extremamente inteligente por causa da marca do Dribbble e da cópia na página. O Dribbble deve ver isso e implementá-lo. Imediatamente!

Conclusão

Páginas 404 não precisam ser essas páginas brandas controladas pela web e por diferentes navegadores. Você pode assumir seu controle hoje. Você pode querer ir simples ou você pode decidir ser completamente extravagante em sua abordagem. Mas lembre-se que a página 404 deve ser sempre uma representação sólida de você e do seu trabalho.

Você trabalhou em um design de página 404 recentemente? Tem algum favorito? Deixe-nos saber nos comentários.