25 Melhores exemplos de páginas de contato para inspirar o seu (atualizado para 2020)
Páginas de contato. Todo mundo os tem, precisa deles, mas você está realmente prestando atenção à estratégia por trás deles?
É verdade, não é? Uma das páginas mais valiosas do seu site geralmente é uma reflexão tardia.
É uma daquelas coisas que tem que estar lá, mas com bastante frequência, você adiciona as informações necessárias e deixa por isso mesmo.
Que desperdício!
O próprio nome da página é um apelo à ação; Trate-o com algum respeito.
As páginas de contato costumam ser o destino de um novo visitante em uma missão. É para onde eles vão quando têm uma dúvida e realmente querem falar com um indivíduo em sua organização.
Eles existem para servir ao usuário com o objetivo de fornecer ao usuário informações sobre como ele pode entrar em contato com você.
O objetivo de cada página de contato é converter, apresentando de forma clara e eficaz os métodos de entrar em contato com uma empresa o mais rápido possível.
Aqui são algumas das práticas recomendadas que você deve ter em mente ao criar sua próxima página de contato:
- Comece com uma cópia, explique por que o usuário deve entrar em contato com você e solicitá-lo a fazê-lo.
- Evite informações desnecessárias. O objetivo da sua página de contato é um dos mais diretos. Se a informação não está focada em explicar como alguém pode se comunicar com você diretamente, ela não deveria estar lá. .
- Não peça informações desnecessárias. Mantenha os campos do formulário diretos e não adicione perguntas cujas respostas não precisa imediatamente para ajudar o usuário em sua jornada.
- Ofereça mais de uma maneira de entrar em contato com você. Às vezes, os usuários querem falar com você no telefone ou no chat ao vivo, em vez de preencher um formulário. Certifique-se de dar a eles a opção de escolher o método com o qual se sentem mais confortáveis.
- Personalize o máximo que puder. Use recursos como conteúdo inteligente e lógica condicional para adaptar a página às necessidades do usuário. Você tem um conjunto de perguntas diferente para um cliente potencial do que para um usuário que precisa de suporte? Certifique-se de que sua página exiba as perguntas e informações certas, não importa a pessoa.
- Defina as expectativas certas. Garanta ao usuário que você entrará em contato com ele. Destaque seu tempo de resposta ou diga a eles de quem eles vão entrar em contato.
Agora que você sabe o que incluem as melhores páginas de contato, está pronto para ver alguns exemplos incríveis?
Você está com sorte. Fiz a curadoria deste artigo com a ajuda de toda a nossa equipe de design!
Cada um de nós escolheu cinco de nossas páginas favoritas de contato e informamos por que gostamos e o que eles poderiam ter feito melhor e alguma inspiração sólida para o seu próximo redesenho da página de contato.
Ashleigh Respicio:
1. Aplicativo Marvel
Que exemplo divertido! Esta página de contato da Marvel permite que o usuário preencha um formulário simples e geral ou segmente para encontrar a ajuda específica de que precisa (ou seja, vendas, imprensa ou suporte).
A seguir, a fotografia real usada na seção de localização ajuda a dar uma cara a uma marca e fornece uma visão sobre a cultura do escritório da empresa (funcionários parecendo estar gostando de seu trabalho é uma vantagem).
🔎 Relacionado: O guia definitivo para projetos de reformulação de sites para Negócios
Em termos de design, a adição de dicas visuais teria ajudado a guiar os olhos do usuário, inconscientemente empurrando-o para as informações abaixo da dobra.
Conclusão: Mostre alguma personalidade. Esta página destaca a cultura da marca por meio de ilustração e fotografia real, tornando-os extremamente acessíveis.
2. Sleeknote
Em vez de apenas preencher um formulário, Sleeknote também oferece ajuda ao usuário com links direcionando-os a encontrar informações adicionais ou realizar ações populares. . Eles também tiveram um cuidado especial para adicionar prova social, com logotipos confiáveis.
Visualmente, é ótimo que o formulário seja curto e todas as informações sejam organizadas de maneira condensada, mas o espaçamento consistente entre os elementos pode melhorar a experiência e a rápida rolagem para outras áreas da página.
Eles vão tão longe para incluir um CTA colorido na parte inferior da página para levar o usuário mais adiante no funil com uma avaliação gratuita. Eles estão realmente deixando esta página fazer um trabalho pesado!
Conclusão: Vá em frente, não hesite em incluir uma próxima etapa em sua página de contato. Você tem a atenção deles, use-a para guiá-los mais adiante no funil!
3. Zendesk
O Zendesk atendeu a todas as principais necessidades com sua página de contato, mantendo um design limpo. . Eles incluíram um formulário, uma opção para entrar em contato com o suporte ao produto, bem como informações de localização com um mapa.
Embora a página contenha todos os elementos básicos, falta-lhe as cores e os gráficos que vemos no resto do site e dicas visuais para guiar o usuário na página para o resto das informações .
Conclusão: a simplicidade é muito importante. Eu encorajo você a usar este exemplo como um ponto de partida e com alguma personalidade adicionada, sua página de contato pode acabar em uma dessas listas!
4. Freshworks
Freshworks usa um design sutil que é simples, mas destaca efetivamente as informações principais.
O botão simples e de alto contraste “Entre em contato” leva a um formulário que se abre em uma caixa de luz. Essa é uma ótima maneira de manter a página curta e direta, ao mesmo tempo em que permite todas as funções essenciais. Esse tipo de , a microinteração inesperada pode adicionar uma abordagem refrescante a uma página de contato padrão de outra forma.
Embora a simplicidade da página seja refrescante, falta a marca / personalidade que é transmitida por todo o restante do site. Ao adicionar um algumas das ilustrações usadas em outras páginas, a página de contato seria mais coesa e sobre a marca.
Conclusão: Apresente suas informações de uma maneira única. A mesa de luz nesta página é incomum e memorável.
5. Cobre
Neste exemplo, está claro que o cobre prestou atenção especial a mantendo seu c ontate-nos página consistente com a aparência de todo o site.
As cores usadas são consistentes com a marca e a imagem de uma mulher sorridente é convidativa e casual, o que faz com que as pessoas se sintam mais à vontade para alcançar uma pergunta ou feedback …
Conclusão: Quanto mais acessível sua marca parecer, mais apto o usuário estará para interagir.
Joe Rinaldi: 6. Stripe
Stripe atinge todas as principais caixas de seleção para uma página de contato bem-sucedida. Ele tem um design simples que deixa claro como entrar em contato com a equipe e o conteúdo da página tem um tom caloroso e amigável.
O que eu mais amo nesta página, no entanto, é como eles mostram um punhado de empresas com as quais trabalham ao lado do formulário. Mostrar empresas que usam seu software me fez pensar “Se essas grandes empresas confiam no Stripe, por que não eu?” E ajuda a aliviar quaisquer reservas que um visitante possa ter sobre entrar em contato com sua equipe de vendas. Ver esses logotipos me fez pensar ” Se essas grandes empresas confiam no Stripe, por que não eu. ”
O que mais falta nesta página é o tipo de informação de contato disponível para o usuário. O formulário é ótimo, mas os usuários não têm acesso à localização ou a nenhum número de telefone.
Conclusão: a prova social é ENORME. Se você tiver, exiba-o! Adicionar aquele elemento extra de confiança ao lado de um ponto de conversão é uma vitória.
7. Yeti
Yeti se orgulha de vender bebidas e refrigeradores de qualidade voltados para os fãs da vida ao ar livre.
Em todo o site eles apresentam fotografias com temas da natureza e títulos como “Feito para o selvagem” para reforçar sua marca de atividades ao ar livre e repercutir no público.
Esse esforço não termina na página de contato.
Muito frequentemente, as empresas tratam as páginas de contato como uma reflexão tardia no processo de design e acabam lançando uma página genérica e modelada.
Adoro que Yeti carregue sua marca e voz na página de contato com um bela imagem de um caminhante. Eles aumentam isso incluindo uma linha de texto atrevida – “Embora sejamos bons com sinais de fumaça, existem maneiras mais simples de entrarmos em contato e responder às suas perguntas.”
Enquanto tudo isso elementos são ótimos, a página não tem um formulário. A frase de chamariz “Envie um e-mail” pode ser melhor servida como um formulário em uma mesa de luz (como um dos exemplos de Ashleigh!), ins em vez de abrir em uma nova guia.
Conclusão: Só porque as páginas de contato são uma necessidade padrão, isso não significa que seu conteúdo e tom devam ser. Permaneça fiel à sua marca nesta página, assim como em qualquer outra.
8. Atlassian
Atlassian é uma empresa de software empresarial que oferece diversos produtos voltados para a organização de grandes empresas.
Especializada em organização, não é surpresa que sua página de contato seja extremamente limpa e bem organizada. Eles tornam mais fácil para os visitantes encontrarem o departamento específico que procuram e entrar em contato.
Eles também garantiram que a página fosse acolhedora, amigável e confiável, incluindo a capacidade de estender a mão e dar feedback diretamente para os fundadores.
🔎 Relacionado: Como criar uma estratégia de mensagem da marca que seu público vai adorar
Embora a adição de headshots reais também sejam ótimos, eu não sei com quem estou falando. Adicionar aquele toque pessoal extra ajudaria muito a mostrar ao usuário que você se preocupa.
Resultado: não tenha medo de ser vulnerável.Atlassian assume um grande risco aqui, pedindo feedback aberto, mas acredito que o feedback sincero que eles receberam por meio desta página permitiu que eles melhorassem a experiência do usuário.
9. Infinum
Às vezes, o caminho “curto e doce” é o caminho a percorrer. A empresa de desenvolvimento de aplicativos, Infinum, acerta essa abordagem simples.
Assim que você chegar na página, será saudado com um gigantesco e amigável “Olá”.
A partir daí, eles avisam que estão aqui para ajudá-lo e três opções simples. A página está limpa, as ações disponíveis a serem executadas são exibidas de forma muito clara e a quantidade limitada de conteúdo na página é fácil de ler.
Todas as peças estão aqui, mas a experiência do usuário após clicar no endereço de e-mail é sem graça. Em vez de apresentar ao usuário um formulário na página, o cliente de e-mail padrão do seu computador é aberto automaticamente para que você escreva um e-mail para a empresa. É desajeitado e a aquisição não é bem-vinda.
Resultado: não pense demais. Às vezes, manter o design direto e destacar o que o usuário está obviamente procurando na mansão mais clara pode ser muito eficaz.
10. Bubblewits
Bubblewits, um desenvolvedor de aplicativos móveis, leva sua página de contato um passo adiante, transformando-a em uma fonte de geração de leads. A primeira coisa que você vê quando chega é o curto formulário de contato, mas a parte realmente interessante está logo abaixo, onde eles incluíram uma tabela de preços com links para “Começar”.
É basicamente metade da página de preços!
Por mais inteligente que seja, a página infelizmente ainda carece de algumas dicas de direção visual para ajudar a fazer os visitantes rolarem para baixo para vê-la.
Conclusão: Não existe um livro de regras dizendo que sua página de contato deve ter uma parte inferior do formulário do funil e pronto. Experimente usar sua página de contato para qualificar ainda mais os leads.
Joel Waggener11. Dollar Shave Club
Dollar Sh ave Club (DSC) realmente quer ajudar o visitante e eles provam isso quando você é literalmente recebido por um menu suspenso amigável perguntando como eles podem ajudá-lo nesta página única de contato.
Em vez de diretamente conectá-lo a alguém, o DSC se esforça para ajudá-lo a encontrar a resposta sozinho primeiro, economizando tempo e energia.
Cada pergunta que você responde na lista suspensa da página leva você a uma pergunta mais micro até você (com sorte) encontrará o que precisa. Se você não fizer isso, eles incluíram um CTA que muda o conteúdo da página para uma sensação mais tradicional de “contato”.
Fico feliz que DSC ofereça a página de contato mais tradicional eventualmente, mas eles poderiam colocar essas informações em algum lugar na página de destino de contato. Não prejudicaria o fluxo, mas melhoraria a experiência de sentir que você precisa saltar obstáculos para pegar um ser humano de verdade.
Além disso, considerando que o Dollar Shave Club tem copywriting notoriamente muito engraçado, eu gostaria de ver um pouco dessa personalidade incorporada na página.
Conclusão: mostre alguma personalidade e não deixe elementos cruciais de fora em sua própria página de contato.
12. Buzzworthy Studio
Buzzworthy é uma marca forte, o que é super evidente em seu site e contato Nossa página não é exceção. Grandes textos e uma proposta de valor matadora levam diretamente a um CTA atraente. As informações de contato também estão lá, mas conseguiram atrair você r olho no que eles realmente querem que você se concentre – o CTA Comece um projeto.
Embora eu ame o CTA, ele está muito baixo na página na versão para desktop. O design geral da página poderia ser aprimorado se eles reavaliassem as quebras de resposta e o usuário sofra de muito espaço em branco entre os elementos, especialmente quando não há um prompt visual pedindo para rolar mais adiante.
Bottomline: Texto grande como um gráfico não nem sempre funcionam, mas são bem-sucedidos com elementos mínimos de design por causa do excelente redação. Uma página de contato normalmente simples sempre pode ser elevada por uma ótima redação de conversação.
13. Squarespace
O design minimalista do Squarespace é um grande afastamento de alguns dos outros exemplos que compartilhei, mas é exatamente por isso está na minha lista!
Em vez de uma abordagem ou / ou para sua página de contato, o Squarespace determinou que o usuário se aventure nesta página para encontrar informações em uma das seis categorias.
Depois que o usuário faz a seleção, o link leva você a um formulário fácil de preencher ou a uma central de ajuda sobre tópicos que eles navegam em seu próprio ritmo.
É simples, direto ao ponto e leva o usuário exatamente aonde eles precisam ir.
Conclusão: não tenha medo de fingir quem você é. O melhor desta página é que todas as respostas estão literalmente em “espaços quadrados”!
14.Fitbit Health Solutions
Este é um ótimo exemplo de uma página que pregou simplicidade e estilo, tudo em um. Vimos muitas páginas simples de contato, que amamos e elogiamos, mas o Fitbit as fez melhor. O usuário recebe uma declaração simples sobre o que fazer na página e qual será a resposta de acompanhamento.
Ele pode então identificar quem é (provavelmente para que suas informações possam ser direcionadas ao máximo local apropriado) e preencha um pequeno formulário.
Tudo foi estilizado. Tudo está na marca. O usuário não perde nada nesta experiência.
Infelizmente, embora esta página acerte a dobra, sinto como se a informação sob o formulário estivesse um pouco perdida. A página pode se beneficiar de um link de salto ou um tipo de layout “escolha seu caminho” que vimos em alguns outros exemplos. As informações estão lá, mas estão acessíveis ao usuário?
Conclusão: Não se esqueça do pequenos detalhes em sua página de contato. Deve permanecer simples, mas não tenha medo de aplicar um estilo consistente aos elementos aqui.
15. Adobe
Agora, a Adobe faz um ótimo trabalho de segmentação.
Na chegada, os visitantes são questionados se estão procurando vendas ou suporte e, em ambos os casos, o usuário pode escolher como deseja receber mais informações. Ele pode se vincular aos fóruns da comunidade, ser direcionado ao help desk ou simplesmente ligar para um dos vários números de telefone fornecidos.
De lá, o o usuário pode ver localizações globais e até mesmo detalhar links muito específicos sobre consultas da mídia, patrocínio e pesquisa. Finalmente, se nenhuma dessas opções lhe agradar, você pode simplesmente ligar para o número 800 ou bater um papo ao vivo com th eles. Esta página é uma vitória de todos os ângulos!
A única coisa que realmente falta nesta página é o estilo exclusivo da Adobe. É direto e direto ao ponto. É tudo sobre as informações na página, e com razão, mas os usuários ficam com uma página muito simples que não dá qualquer aceno para a consistência do design. Torne-o uma vitrine!
Conclusão: Este é um ótimo layout para adicionar muitos links úteis a uma única página de uma forma que não seja opressora. Pense nas informações que você precisa fornecer aos seus usuários. Você pode reorganizar os elementos para torná-las mais úteis?
Jessie-Lee Nichols16. Mailchimp
Mailchimp começa com um título simples e direto que vai direto para um módulo de seleção automática.
Tendo o a capacidade de se autoidentificar leva o usuário exatamente onde ele precisa ir para obter as informações mais relevantes para sua jornada.
A partir daí, há um endereço de correspondência simples e alguns links diretos para “entre em contato conosco” ”Perguntas sobre APIs e abuso.
No geral, gosto do destino do Mailchimp com esta página, mas falta um formulário. Um formulário simples ou chat ao vivo eliminaria o limite para obter uma resposta, mesmo com uma página tão útil.
Conclusão: pense nas perguntas que você aborda com frequência e adicione essas informações muito específicas à sua página de contato. Você fornecerá aos usuários as informações de que precisa e evitará complicações.
17 . Hootsuite
A Hootsuite tornou excepcionalmente fácil entrar em contato com eles na página de contato.
Provavelmente refletindo um co mmon comportamento do usuário, eles começam a página com um formulário de vendas simples. Se não for disso que você precisa, eles fornecem outras maneiras de se conectar e encontrar respostas à direita desse formulário, incluindo mídia social e sua central de ajuda.
Por último, todos os seus escritórios internacionais estão listados em caso você queira alcançar alguém mais em sua área.
As vendas são claramente a principal prioridade da Hootsuite aqui, mas devo presumir que muitos usuários também estão acessando a página para obter suporte.
Prefiro para ver o suporte tem o mesmo peso que as vendas nesta página e apresenta ao usuário mais opções de uma ou outra.
Conclusão: Se você tiver uma página de contato multiuso, certifique-se de fornecer as opções de usuário e não t classifique-os no formulário padrão de uma página.
18. PayPal
Estou realmente interessado em como esta página é centrada no usuário!
A cópia imediatamente inicia a conversa perguntando “Estou tendo um problema com:” e, em seguida, exigindo que o usuário escolha o caminho.
Se nenhum desses se aplicar, ele poderá inserir a pesquisa consulta na barra de pesquisa na parte superior da página. Em seguida, mais abaixo, o PayPal oferece três outras maneiras mais tradicionais de entrar em contato com eles: telefone, e-mail ou fórum.
Para levar a página um pouco mais, um formulário ou um recurso de chat ao vivo seria útil para os usuários. Às vezes, você só quer entrar em contato.
Conclusão: Aborde sua página de contato do ponto de vista de uma solução. Seu visitante provavelmente tem algo em mente eles gostariam de saber a sua opinião sobre o trabalho a partir daí.
19.Basecamp
Adoro o quão pessoal é a página de contato do Basecamp.
Desde o seu primeiro toque nesta página , você sabe com quem vai falar e quanto tempo vai demorar até que eles respondam.
Para completar, esta página não poderia ser mais sobre a marca! Os padrões e ilustrações sutis mantêm a experiência do usuário extremamente consistente com a de outras páginas.
No final das melhorias, embora o formulário faça perguntas que permitirão à equipe de suporte atender às necessidades do usuário rapidamente, é um tanto opressor. Essas são perguntas muito específicas! Ter a opção de chat ao vivo pode fazer com que isso pareça menos assustador.
Resultado: dê uma cara à sua marca! Deixar o usuário saber quem estará do outro lado da interação gera confiança e faz as pessoas se sentirem mais confortáveis e confiantes de que estão realmente falando com outro ser humano, não com um bot.
Marcella Jalbert20. HubSpot
A página de contato do HubSpot permite que o usuário “escolha seu caminho” para ajudá-lo a obter as respostas mais relevantes de que precisam rapidamente.
À medida que o usuário rola a página, ele encontrará números de telefone locais para os locais domésticos e internacionais da HubSpot e até mesmo fornecerá instruções de direção para a sede mais próxima!
Por último, há uma função de chat ao vivo no da página. No caso de precisar de ajuda, neste minuto, você pode clicar e iniciar uma conversa.
Por mais útil que a página seja, seria bom ver links de salto baseados em regiões globais para ajudar o usuário navegue na página longa.
Conclusão: considere seu público-alvo geograficamente. Se seu público-alvo for melhor atendido em seu próprio local, certifique-se de que ele seja facilmente orientado para a melhor fonte.
21. Blue Bottle Coffee
A página de contato da Blue Bottle Coffee é altamente simplista, mas é isso que a torna brilhante. y para você se manter em contato (com o formulário de inscrição), uma imagem para ficar na marca, várias maneiras de contatar diferentes departamentos e um formulário de contato muito curto.
Como a página é tão simples, seria ótimo se eles podem usar conteúdo inteligente para preencher previamente o campo de e-mail no formulário de contato se o usuário o tiver inserido no campo de inscrição. É um pequeno gesto, mas que os usuários apreciariam.
Conclusão: cobrimos muitos exemplos que incluem uma tonelada de informações, este é simples. Não tenha medo de divulgar os elementos básicos e deixar por isso mesmo.
22. InVision
A parte de contato desta página é parte de uma página da empresa muito maior que fornece ao usuário várias facetas de informações que qualquer usuário poderia potencialmente procurando em uma página de contato.
Dos valores centrais da empresa às suas posições em aberto, esta página ainda oferece aos usuários a capacidade de baixar um kit de mídia, mantendo o próprio formulário simples e o ponto.
Embora seja incrível que esta página forneça tantas informações, às vezes pode ser opressor. Existem links de salto na parte superior da página, mas seria bom se eles arrastassem a página com o usuário.
Conclusão: pense em todos os motivos pelos quais um usuário precisaria acessar seu contato conosco página e forneça as respostas de que precisam, mesmo se houver muitas!
Unbounce
Que útil! A Unbounce cobriu todas as suas bases em sua página de contato.
Eles incluíram várias maneiras de contatá-los com base em suas necessidades e sua localização. Além disso, eles têm links para suas documentações, fóruns e informações sobre parceria com eles.
Na parte inferior da página, eles também têm os nomes e rostos de sua equipe de suporte. Estou realmente atraído por esse toque pessoal, mas eles perderam a oportunidade de criar um link para suas biografias, seus e-mails ou um bate-papo com essas pessoas.
Conclusão: Realmente aprimore as dicas visuais que esta página oferece aos usuários. As bandeiras e os blocos de cores atraem facilmente os usuários às informações que mais importam para eles.
24. Laranja da sorte
Esta página vai direto ao ponto.
Assim que ela carrega, é apresentado a você um formulário simples de contato em um modal pop-up. Se entrar em contato diretamente com eles não é algo que você deseja fazer, simplesmente clique fora do modal e escolha uma das muitas opções que podem ajudar o usuário em sua jornada.
Esta é uma ótima pista para o centro de conhecimento que vive além do formulário.
Agora, por mais brilhante que seja o modal do formulário, o usuário não tem a opção de ir além do formulário e trazê-lo de volta. É usar ou perder, e isso pode ser muito frustrante para alguns usuários.
Conclusão: pense em como você pode isolar os recursos que seus usuários realmente procuram em sua página de contato, tornar as coisas muito fáceis e óbvias para eles.
Resumindo, aqui está o que você precisa saber
Se você está pensando em renovar sua página de contato, lembre-se de nossas práticas recomendadas e seja receptivo! sempre queira pensar em como você pode ser mais útil para seus usuários.
Torne as coisas o mais fáceis possível para o usuário concluir e não se esqueça de definir a expectativa certa para quando eles ouvirão de volta de você.