O design da página inicial (ou página inicial) é o design visual e estrutural da primeira página de um site que os visitantes veem quando visitam o site pela primeira vez. A página inicial desempenha um papel fundamental na criação da primeira impressão do site e ajuda os visitantes a encontrar as informações de que precisam ou a navegar ainda mais pelo recurso.
1. Design da página inicial do Shopify
Como muitas outras páginas de destino nesta postagem, o exemplo de página de destino Shopify torna tudo simples. Por exemplo, o título focado no usuário contém apenas algumas palavras e a página depende de marcadores simples em vez de parágrafos para transmitir os detalhes e benefícios do teste. Existem apenas alguns campos que precisam ser preenchidos antes de começar. Tudo isso facilita a venda online por meio de sua ferramenta.
2. Design da página inicial do focinho
As páginas de destino ajudam os usuários a decidir se seu produto ou serviço vale seu valioso tempo e energia. Qual a melhor maneira de comunicar sua proposta de valor de forma clara e direta do que combinar seus visitantes com o problema que seu aplicativo resolve?
Comentários do Instagram ganham mais
FocinhoUm aplicativo para Mac que silencia notificações na tela cobre completamente isso mostrar sem contar mentalidade em sua página de destino mínima. Os visitantes desta página são recebidos por uma série rápida de notificações estranhas no canto superior esquerdo da tela. A animação não é apenas divertida, mas também transmite de forma convincente a utilidade do aplicativo, sem longas descrições.
3. Design da página inicial da TransferWise
TransferWise permite enviar e receber dinheiro em várias moedas, e sua página inicial, mostrada abaixo, detalha cada ação individual para que você não se distraia com opções que não se aplicam a você.
Se quiser enviar dinheiro, você pode preencher o formulário de transferência. Para receber dinheiro, basta ir até a aba do meio e para se cadastrar na TransferWise usando seu cartão de débito, ir até a aba mais à direita.
Cada guia nesta página de destino cria sua própria apelo à ação dependendo do que você está se inscrevendo - cada um com uma moldura verde brilhante para destacar sua próxima etapa após três pontos de partida possíveis.
4. Design da página inicial do Airbnb
Para ajudar a converter visitantes em anfitriões, Airbnb oferece uma personalização tentadora: uma estimativa aproximada dos ganhos médios com base na sua localização. Você pode inserir informações adicionais sobre sua possível colocação nos campos para obter uma avaliação ainda mais personalizada.
Se você já visitou uma página da qual está convencido, uma frase de chamariz clara na parte superior da página facilita a conversão imediata.
5.Equipe
Esquisito geralmente não é a primeira palavra que vem à mente quando você pensa em software de RH, mas a página de destino visual do Teambit é apenas isso. Um formulário simples com um campo é acompanhado por um adorável escritório cheio de personagens animais - todos eles muito feliz com Teambit, se você estiver interessado. Um animal de desenho animado aparece próximo a cada seção de informações da página de destino, incentivando os visitantes a rolar para baixo para saber mais. Design da página inicial
Página de destino Equipebit é uma ótima prova de que você não precisa ter um produto ou serviço “divertido” para criar uma landing page engraçada.
6. Design da página inicial do Wistia
Em primeiro lugar, esta é a página de destino Wistia para sua conta Wistia gratuita. Imediatamente você percebe o formulário com um campo para criar uma conta - o fundo azul com design minimalista contrasta muito bem com o campo branco brilhante do formulário.
O comprimento do campo do formulário combinado com o posicionamento em destaque elimina quase todo o atrito ao criar uma conta... mas se tiver dúvidas, você pode rolar abaixo para ler o FAQ. Ao separar os dois com um forte contraste de cores, o Wistia facilita muito o processo de conversão.
7. Fluxo da Web. Design da página inicial
Webflow, uma ferramenta de design para desenvolvedores web, reúne muitas informações em um GIF e três campos de formulário. Seria bom ter todo o formulário de registro em uma linha - isso não apenas torna a página mais curta, mas preencher todos os campos da esquerda para a direita mostra aos usuários o quão perto eles estão de clicar no quarto botão azul e começar gratuitamente.
O GIF animado abaixo do formulário é exibido no mesmo quadro do site para que os usuários possam ver como o produto funciona. и registre-se sem rolar ou ir para uma nova página.
Design da página inicial do e-book
8. Design da página inicial do Nauto
nauto, uma plataforma de dados de carros autônomos, está ajudando a tornar a condução autônoma mais segura para empresas que gerenciam frotas. Naturalmente, seus clientes precisarão de todas as informações para vender nesta plataforma. Nauto é super simples e-book, cuja página inicial oferece um breve formulário de contato e estatísticas de visualização para provar por que esse recurso é tão importante.
O botão verde "Baixar agora" pode até ter sido proposital (verde significa "ir", afinal).
Role para baixo e você verá outro CTA “Obter e-book” para lembrar aos usuários o que está por vir. Você também verá três estatísticas chocantes de acidentes de carro para incentivar os usuários a aprender mais. Confira abaixo.
9. Design da página inicial de marketing industrial forte
Esta página de destino imediatamente me atrai com seu título irresistível e contundente: “Não me faça ampliar”. Isso se refere diretamente à experiência geral que a maioria de nós tem quando navegamos em nossos telefones ou tablets - e é um pouco atrevido também.
Mas não foi só isso que me interessou nesta landing page. Observe como a cor vermelha está estrategicamente posicionada na parte superior e inferior do formulário, aproximando você ainda mais do evento de conversão.
Além disso, esse design é meta para começar: parece e funciona muito bem em dispositivos móveis. Lembre-se de que muitos visitantes acessarão suas páginas de destino em smartphones ou tablets e, se design do seu site não lhes convém, eles podem desistir e sair da sua página.
Especialistas em Marketing de Força Industrial entraram em campo fontes e formulários grandes o suficiente para que os visitantes não precisem, por exemplo, aplicar zoom para ler e interagir com o conteúdo.
10. Bate-papo ao vivo Velaro
Às vezes os mínimos detalhes fazem a maior diferença. Por exemplo, são eles que fazem a landing page Bate-papo ao vivo Velaro incrível.
Aquele pequeno símbolo de PDF acima da imagem do item ajuda a determinar em qual formato o download estará. Uma seta antes do subtítulo ajuda a chamar ainda mais a atenção para o texto importante que os visitantes desejam ler. Assim como o IMPACT, eles também têm uma caixa de seleção marcada automaticamente para assinaturas ao boletim informativo em seu formulário - que, se transformado em uma caixa de seleção adicional, é uma ótima maneira de aumentar sua contagem de assinantes. Todos esses detalhes pequenos e aparentemente insignificantes ajudam a formar um design de página de destino sólido e incrível. Design da página inicial
11. IMPACT Branding e design / Design da página inicial
Página principal IMPACTO há muito tempo são uma fonte de inspiração para designers. Adoro o layout simples da página, desde o título grande e a imagem detalhada, até o contorno que circunda a forma, até as cores e fontes que agradam muito aos olhos.
O manual gratuito que a IMPACT oferece para download aqui também não destaca o download em si no botão azul que permite enviar o formulário preenchido. Em vez disso, o IMPACT convida você a “gerar mais conversões”, concentrando-se no que você pode ganhar com a leitura do guia.
Páginas de destino para saber mais
12. Desvincular
Não surpreendentemente, o Unbounce está no topo da lista - eles realmente escreveram o livro sobre como criar páginas de destino de alta conversão. Embora existam muitas coisas incríveis sobre esta página de destino, duas que eu realmente gosto são: 1) o uso de uma caixa de bate-papo em vez de um formulário clássico e 2) as informações detalhadas - mas bem embaladas - abaixo do formulário/Home Design da página
O primeiro ajuda a direcionar a atenção para o propósito da página – para você preencher um formulário – de uma forma que seja discreta e não pareça uma tarefa árdua. O segundo dá um impulso de SEO a essa página (os motores de busca terão mais conteúdo para rastrear) e tira a ansiedade das pessoas que precisam saber mais sobre um conteúdo antes de enviar suas informações, sem distrair as pessoas da janela de chat.
13. Contas. com. Design da página inicial
As pessoas costumam pensar nas páginas de destino como páginas estáticas do seu site. Mas com as ferramentas certas, você pode torná-los interativos e personalizados.
Veja o exemplo abaixo com Bills. com. Para saber se você se beneficiaria com a consulta, responda a três perguntas antes de receber o formulário. Tudo começa com isto:
Então você responde mais duas perguntas como a abaixo:
E aqui está o formulário final da landing page onde você preenche suas informações:
Não tenho certeza de como o algoritmo funciona (ou se existe algum), mas enquanto o preenchia, fiquei preocupado com não qualificações. Depois que descobri o que fiz, fiquei animado para preencher o formulário, o que tenho certeza que a maioria das pessoas que têm dívidas e usam essa ferramenta fazem. Ao tornar esta oferta mais exclusiva antes que o formulário apareça na página de destino, aposto que Bills.com irá significativamente aumento de conversão.
14. Design da página inicial do Trulia
Trulia fez algo muito semelhante ao Bills.com com sua landing page. Começa com um formulário simples pedindo “endereço” (que parece menos assustador do que “seu endereço”, embora seja isso que significam). Abaixo deste campo de formulário simples há um botão laranja brilhante que contrasta bem com a imagem do personagem atrás do formulário e enfatiza que o orçamento será personalizado para sua casa.
É claro que o endereço em si não é suficiente para estimar o valor da casa. Simplesmente denota os arredores da casa. É por isso que a próxima página traz perguntas adicionais sobre o próprio imóvel, como quantidade de leitos e banheiros. Abaixo você pode ver uma cópia de “Diga-nos para onde enviar o relatório” - com a isenção de responsabilidade de que ao inserir essas informações você concorda em entrar em contato com o agente imobiliário. Este é um excelente exemplo de como uma empresa valoriza os seus visitantes desde o início, ao mesmo tempo que define as expectativas dos visitantes sobre o que acontecerá como resultado.
15. Design da página inicial do Landbot
LandbotName, um serviço que cria landing pages baseadas em chatbot, coloca seu próprio produto no centro de sua landing page baseada em chat. Os visitantes são recebidos por um bot amigável – completo com emojis e GIFs – que os incentiva a fornecer informações em formato de conversação, em vez da forma tradicional.
16. Lucros da Web
Para um pouco de contraste... que tal páginas de destino longas? Com apenas alguns truques, você pode fazer com que até a página de destino mais longa pareça curta. A página inicial do Webprofits abaixo mostra como fazer isso. Design da página inicial
Há um botão CTA em destaque no canto superior direito para saber mais - com bom contraste no fundo para destacá-lo e uma seta para baixo para incentivar a rolagem. Ao não colocar o campo do formulário na frente, eles ajudam a reduzir o atrito e dão aos visitantes a oportunidade de aprender mais antes de receberem uma opção de conversão.
Eles também permitem que você entenda o que é realmente faz Lucros da Web . O restante da página fornece detalhes sobre o que você receberá ao enviar suas informações. Além disso, inclui CTAs estratégicos para ajudá-lo a voltar ao topo para preencher o formulário, como “Vamos conversar”.
17. H.BLOOM
Às vezes você só precisa parar e admirar uma landing page e ver como ela é linda. Ao usar uma foto de alta resolução e muito espaço em branco na landing page H.BLOOM É bom olhar para.
Além de sua beleza, a página possui ótimos elementos de conversão: um formulário suspenso, uma descrição clara e concisa do que acontecerá quando você preencher o formulário e até um botão laranja brilhante “Enviar”. A única coisa que vamos mudar? Cópia no botão Enviar – Pode ser mais específico para a proposta oferecida. Design da página inicial
18. Laboratório de conversão
Embora eu não incluísse um exemplo de postagem de formulário em uma postagem sobre páginas de destino, este site é especial. Homepage é o site inteiro - os links de navegação simplesmente levarão você às informações abaixo. Design da página inicial
Quando você clica em “Obter ajuda nas páginas de destino”, todo o site se move para abrir espaço para o formulário. Esta é a aparência antes de você clicar:
E, ao clicar naquele CTA, veja como fica o formulário:
Gosto que você não precise sair da página para preencher o formulário, mas o formulário não será intrusivo para visitantes casuais do site.
Ideias/Design da página inicial
Uma página inicial bem otimizada pode transformar clientes em leads, capturando informações que o ajudarão a entender, comercializar e encantar melhor seus visitantes. Como as páginas de destino são essenciais para as conversões, é importante garantir que elas sejam bem planejadas, projetadas e executadas. Aqui estão alguns pontos a serem considerados ao criar alvo páginas: Estética atraente: somente a cor da sua landing page e uma interface de usuário limpa podem ajudar. Os visitantes vão querer saber mais sobre seus produtos e ver evidências do valor que você oferece. Dê uma olhada no número 10 da nossa lista, Inbound Emotion, para ver um ótimo exemplo de uma página da web incrível.
Menos é mais: deixe a frase ou as imagens falarem mais, mas certifique-se de incluir todo e qualquer título descritivo e texto de apoio para tornar sua página de destino clara e atraente. Isso se aplica a quase todos os componentes da página: espaço em branco, cópia simples e formulários mais curtos.
Design da página inicial
Mantenha os visitantes na página: ao remover a navegação principal ou quaisquer backlinks que distraem, é menos provável que haja algum tipo de atrito na geração de leads que possa levar os visitantes a abandonar sua página.
Compartilhamento em redes sociais. Uma maneira fácil de atrair visitantes para sua página de destino é usar botões de compartilhamento emredes sociais, para que eles possam distribuir seu conteúdo para seus seguidores nas redes sociais. Afinal, os clientes são o centro do volante do seu marketing.
Teste A/B: as páginas de destino são importantes para um desempenho adequado e, como a psicologia do consumidor às vezes pode ser surpreendente, é sempre melhor experimentar diferentes versões de suas páginas para ver qual tem a maior taxa de conversão (CVR). Verifique o posicionamento da oferta, os tipos de CTAs ou mesmo o esquema de cores.
Call-To-Action: CTA, onde a carne está na landing page, ou o turn point, onde está a perspectiva de se tornarem contatos. Os CTAs podem pedir aos visitantes que se inscrevam, baixem, preencham um formulário, compartilhem no redes sociais etc., mas em geral, os CTAs são necessários para envolver mais ativamente o seu público com a sua oferta. Para gerar leads, os CTAs devem ser ousados e envolventes, mas o mais importante, devem transmitir valor de forma eficaz.
Deixe um comentário