Exemplos de Páginas de Contato: O Bom, O Ruim e O Feio

A página de contato do seu site está afastando as pessoas?

Feito corretamente – uma página de contato pode ser uma fonte de ótimos leads e oportunidades que mudam o jogo.

Também é uma página que muitos proprietários de sites negligenciam. Se você não está otimizando sua página de contato, você está literalmente perdendo.

Hoje, vamos mostrar a você os melhores exemplos e dicas de páginas de contato. Se você está criando um novo site ou tem um há anos – nunca é tarde para melhorar o seu.

Por que as Páginas de Contato são tão Importantes

Uma página de contato é uma das páginas obrigatórias para qualquer site.

Sua página inicial pode ser seu destaque, mas sua página de contato é frequentemente onde a verdadeira mágica acontece.

É onde a oportunidade pode bater à porta. É onde…

Além de ajudar você a obter ótimos leads, uma ótima página de contato ajudará a economizar em e-mails de ida e volta e reduzir o spam.

Itens Obrigatórios da Página de Contato

Para entender os elementos de uma ótima página de contato, é útil olhar para exemplos.

Vasculhamos a internet em busca de páginas de contato excelentes e notamos algumas tendências entre elas. Elas:

Vamos mergulhar nos exemplos – eu os dividi em diferentes categorias para uma leitura fácil.

1. Página de Contato com Ótimo Design

O design de uma página de contato deve ser fácil de usar e incentivar os visitantes a entrar em contato com você.

Aqui estão alguns exemplos bem projetados.

1.1 Focus Lab

O que eles fazem bem: Fornecem um formato convidativo de ‘preencher as lacunas’.

A página de contato desta agência leva seus visitantes a responder certas perguntas digitando nos espaços em branco. Isso funciona bem por algumas razões.

Primeiro, parece convidativo. Em segundo lugar, garante que eles obterão todas as informações importantes de que precisam de um cliente na primeira mensagem.

Ao perguntar antecipadamente sobre um orçamento e cronograma estimados, você não precisará perder tempo com e-mails de ida e volta. Você poderá julgar o quão sério um cliente é e poderá priorizar a resposta aos que têm mais potencial.

1.2 Nuud

O que eles fazem bem: Mantêm as coisas minimalistas.

Muitas vezes, o simples é o melhor. Um layout básico sem distrações facilita para os usuários enviarem suas mensagens.

A marca de desodorante ecológico Nuud mantém sua página de contato muito minimalista. Um formulário simples coleta dados importantes e permite que os visitantes digitem suas consultas em uma caixa de texto.

1.3 Yeti

O que eles fazem bem: Visuais atraentes e categorias claras.

A página de contato da Yeti começa com uma imagem de cabeçalho impressionante que transmite a mensagem da marca em segundos.

Para reduzir o recebimento de perguntas repetitivas dos visitantes, a Yeti também oferece recursos como FAQs de produtos e informações de envio. Cada um é exibido na página com um logotipo claro.

Se um visitante ainda não conseguir encontrar a resposta que procura, ele pode rolar para baixo para entrar em contato por e-mail.

1.4 McDonald’s

O que eles fazem bem: Visuais amigáveis.

As primeiras impressões são sempre importantes. É por isso que o McDonald’s saiu do seu caminho para mostrar um gerente sorridente com o icônico amarelo dourado pelo qual a marca é bem conhecida.

É convidativo e amigável. A partir daí, você também pode categorizar sua consulta como relacionada a alimentos, serviços, etc.

1.5 Jayne May Agnes

O que ela faz bem: Faça as perguntas importantes.

Aqui está outro exemplo de um formulário de contato que irá economizar muito tempo de ida e volta.

Qualquer pessoa entrando em contato com esta fotógrafa freelancer precisará responder a perguntas-chave, como qual é o seu sonho de fuga e como eles vieram a conhecer a fotógrafa.

Você até precisa preencher os detalhes do seu parceiro. Esse tipo de formulário deve ser suficiente para filtrar qualquer pessoa que não esteja falando sério em contratar os serviços do freelancer.

2. Página de Contato com Ótima Redação

Uma forte redação de conteúdo pode transformar uma página de contato além de um formulário chato. Aqui estão alguns exemplos de páginas de contato com ótima redação.

2.1 Nebular Agency

O que eles fazem bem: Redação impactante.

A página de contato da Nebular é bastante minimalista em termos de formato: um formulário simples e eficaz.

No entanto, seu pequeno parágrafo sobre a faixa ‘Entre em Contato’ é charmoso e acolhe feedback positivo e negativo. Os usuários simplesmente precisam deixar seus detalhes e digitar sua ‘mensagem incrível’ na caixa de texto.

2.2 Middle Finger Project

O que eles fazem bem: Redação irônica.

Esses caras têm uma das páginas de contato mais incomuns. Na verdade, é quase irresistível preenchê-la.

Ela tem alguns menus suspensos que você precisa escolher antes de poder digitar sua mensagem.

Cada um tem opções malucas e engraçadas – por exemplo, você pode pedir para eles prometerem não ‘dar seu endereço de e-mail a satanás’. Você até precisará escolher uma despedida, desde ‘XOXO’ e ‘High Five’, até ‘Irish Jig’.

2.3 David Folger Young

O que ele faz bem: Corta toda a besteira.

A página de contato deste portfólio de redação publicitária talvez contradiga os outros exemplos deste artigo, mas não posso deixar de gostar dela mesmo assim. Ela lhe dá uma ideia de outra direção que você pode tomar.

Ela exibe uma economia de palavras à verdadeira maneira do redator publicitário e é de alguma forma mais refrescante do que algo chato e corporativo. Isso mostra que uma página de contato nem sempre precisa ser extravagante – só precisa existir.

2.4 Valve

O que eles fazem bem: Humanizam sua equipe de contato.

A principal força do desenvolvedor de jogos Valve são os talentos individuais de sua equipe. E sua página de contato reflete isso.

Você realmente pode ver uma lista dos nomes e descrições de sua equipe. Se você quiser enviar uma mensagem, a página exibirá seus nomes individuais – por exemplo: ‘Você está enviando um e-mail para Fred Fredderson’.

Isso traz um toque tão pessoal a tudo e lembra que você está contatando um ser humano real.

3. Página de Contato com Usabilidade Inteligente

Aqui estão alguns exemplos de páginas de contato que foram montadas de forma inteligente.

3.1 Grant Thornton

O que eles fazem bem: Filtrando destinatários.

A página de contato da empresa de contabilidade e consultoria Grant Thornton é adaptada ao seu público de profissionais.

Ao enviar a mensagem, você precisará selecionar seu título profissional específico em um menu suspenso. Se você é presidente ou CEO – eles saberão exatamente com quem estão falando. Sem dúvida, isso pode ajudá-los a priorizar as respostas.

3.2 Accenture

O que eles fazem bem: Mantêm as coisas compactas.

A Accenture usa um formato de lista prático que se expande para baixo para revelar mais informações sobre como entrar em contato. Cada um é direcionado a um certo tipo de parte interessada – por exemplo, fornecedores ou candidatos a emprego.

Isso ajuda a fornecer uma interface mais limpa para o usuário, já que você só precisará clicar nas seções relevantes para você.

3.3 WeWork

O que eles fazem bem: Oferecem uma ampla gama de métodos de contato.

A WeWork permite que os usuários vejam claramente todos os diferentes métodos para entrar em contato com eles – seja pelo formulário online, por telefone, chat ao vivo ou visitando o centro de ajuda.

O menu suspenso permite que você especifique o que lhe interessa (por exemplo, ‘encontrar um espaço de trabalho’) e o tamanho da sua empresa.

Combinada, esta página de contato deve oferecer uma solução para TODOS os visitantes que desejam entrar em contato.

3.4 Taco Bell

O que eles fazem bem: Perguntam às pessoas como elas querem que lhes respondam.

Há algumas coisas que gostamos na página de contato do Taco Bell. Por exemplo – o título é atraente e você pode facilmente deixar feedback sobre restaurantes específicos (e até especificar o endereço da loja).

Mas o melhor? Ele pede aos visitantes para especificar se eles desejam uma resposta. Ao clicar em ‘Nenhuma Resposta Necessária’, os visitantes podem indicar claramente se estão ou não esperando uma resposta sua.

4. Página de Contato com FAQs

Muitos proprietários de sites recebem e-mails de clientes fazendo as mesmas perguntas.

Montar uma seção de Perguntas Frequentes (FAQ) pode ser uma maneira útil de reduzir mensagens repetitivas.

4.1 XE

O que eles fazem bem: Ótimo FAQ no topo da página.

O conversor de moedas XE tem um FAQ de boa aparência que é separado em diferentes categorias, como uma base de conhecimento. Esse FAQ é colocado no início da seção de contato para que os usuários possam facilmente percorrê-lo para encontrar respostas.

Se eles ainda tiverem uma dúvida, poderão entrar em contato alternando para a guia secundária no site.

5. A Página de Contato Precisa ser Amigável para Dispositivos Móveis

Cada vez mais pessoas estão navegando na internet através de um dispositivo móvel. O Google também favorece sites otimizados para dispositivos móveis e os usa como um fator de classificação para pesquisas.

Portanto, é incrivelmente importante que TODAS as páginas do seu site sejam responsivas para dispositivos móveis.

Para uma página de contato, isso pode envolver:

Se você estiver usando um criador de site para criar seu site, é essencial escolher um que permita controlar exatamente como seu site é exibido em qualquer dispositivo (como esses criadores de site que testamos).

Alternativamente, se você já configurou seu site com o WordPress – considere usar um plugin como o Elementor que possui recursos avançados de ‘edição responsiva para dispositivos móveis’.

Aqui estão 2 exemplos de ótimas páginas de contato que são amigáveis para dispositivos móveis.

5.1 Patagonia

Se o seu site tiver muitas informações, pode ser especialmente difícil adaptá-lo ao formato móvel.

A marca de roupas Patagonia faz isso muito bem, incluindo uma barra de pesquisa que ajuda os usuários a navegar nessa parte do site.

O restante da página de contato foi adaptado para visualização em dispositivos móveis. O texto é grande e separado em seções claras que podem ser roladas. Os botões CTA são grandes e fáceis de pressionar com os polegares. Nenhum zoom é necessário.

5.2 Noble Coyote Coffee

Este café com sede em Dallas tornou todas as partes de sua página de contato responsivas.

Como os campos do formulário são grandes, as pessoas podem preenchê-los facilmente em seus telefones. Eles também incluem uma integração do Google Maps – tocar no mapa permitirá que você obtenha instruções de direção para sua loja.

O que Não Fazer em uma Página de Contato

Evite cometer esses principais erros em sua página de contato, pois você pode arriscar perder a atenção e a confiança dos visitantes:

1. Não use gramática ruim

Texto mal escrito não ironicamente pode afetar seus rankings. E, mais obviamente, sua credibilidade.

Mantenha seu texto simples, compreensível e amigável para o visitante médio. Pode ajudar a usar um bom verificador gramatical.

2. Não torne difícil de ler

Não torne sua página de contato difícil de olhar! Alguns grandes erros que costumamos ver:

Lembre-se, sua página de contato reflete a marca do seu site. Faça jus a ela!

3. Não enterre informações importantes

Seu trabalho é facilitar para que ótimos leads o encontrem. Então não jogue obstáculos no caminho deles.

Por exemplo – a página de contato de exemplo abaixo pede que as pessoas enviem um e-mail para sua conta do Gmail, sem fornecer o endereço de e-mail real.

Pedir aos seus leitores para adivinhar seu endereço de e-mail provavelmente não vai acabar bem.

Conclusão

Uma ótima página de contato pode levá-lo longe. Esperamos que este artigo o tenha inspirado a dar uma segunda olhada na sua.

Lembre-se, sua página de contato deve ser uma das páginas mais fáceis de usar em seu site. Mas também é um lugar para mostrar sua marca e incentivar os tipos CERTOS de mensagens.