Uma landing page é uma página tendo como destino certeiro alguma chamada para a ação, como um botão ou formulário de inscrição. Ela pode até ser um concurso ou cupom de desconto, onde visitantes geralmente chegam após terem clicado em algum anúncio do Google, Facebook, ou em algum link na página dos resultados de busca do Google.
A tarefa principal da landing page é converter visitantes em leads ou compradores, e encorajá-los a realizar uma ação específica. Essa ação pode ser uma compra, inscrição na newsletter, cadastro, ou download de aplicativo.
Um dos aspectos mais importantes das landing pages é que elas não possuem links de navegação em uma barra superior, limitando assim as possibilidades de escolha dos seus visitantes até que lhes reste somente a ação pretendida.
Uma estratégia que é campeã na hora de conseguir novos likes no Facebook ou seguidores no Twitter, e ao mesmo tempo gerar tráfego e novas leads, são os concursos, que incentivam o seu público com a oferta de um prêmio.
São vários os tipos de concurso, que vão desde o sorteio mais básico, como um sorteio no Facebook, até concursos de vídeo altamente sofisticados com uma bancada de juízes para decidir o vencedor. E todos esses podem ser facilmente organizados com a ajuda de aplicativos de concursos, como o Washponds. Aqui vai um conselho para os concursos: não doe um iPad! você receberá inscrições aos montes, mas essa turma não estará interessada no seu produto; Estarão de olho apenas no iPad. Isso tornará quase impossível que você consiga transformar essas leads em clientes. Em vez disso, doar um produto que você vende, ou então oferecer cartões-presente da sua loja, garante que os inscritos tenham de fato interesse em seus produtos, tornando a conversão deles em vendas muito mais fácil.
São dois tipos principais de landing pages, para duas finalidades distintas:
Uma landing page incrível é simplesmente aquela que claramente define o valor que oferece aos seus visitantes e que também gera leads. No entanto, a maneira mais eficaz de montá-la dependerá do seu público, marca e indústria específicos.
Muitas das melhores landing pages trazem consigo as seguintes características:
Aqui estão algumas coisas que devem ser levadas em consideração na hora de criar uma landing page:
Dar cor e conceder uma interface de usuário limpa à sua landing page só ajuda. Os visitantes terão vontade de saber mais sobre os seus produtos, e verão nisso uma prova do valor que você oferece.
Deixe que a oferta e as fotos falem por você, mas certifique-se de incluir cabeçalhos concisos e textos de apoio, para que a sua landing page seja transparente e convincente. Isso vale para todos os componentes da página: Experimente usar mais espaços em branco, uma copy mais simples, e formulários mais curtos.
Assim que são eliminados o menu de navegação principal e quaisquer links que desviem o foco, cai a chance de haver qualquer fricção no processo de geração de leads que por sua vez leve seu visitante a abandonar a página.
Disponibilizar botões para o compartilhamento em redes sociais é uma maneira fácil de fazer com que a sua landing page engaje os visitantes, além, é claro, de possibilitar que espalhem o seu conteúdo entre os próprios seguidores. O cliente está, afinal, no coração da sua flywheel de marketing.
Landing pages são cruciais para uma campanha de marketing bem sucedida. A psicologia do mercado pode muitas vezes surpreender, e é por isso que testar diferentes versões da sua página é frequentemente a melhor conduta para determinar qual delas terá a taxa de conversão (CVR) maior. Brinque com diferentes posicionamentos da oferta, estilos de CTA, e até mesmo esquemas de cores.
O CTA é um componente importante da landing page, e é o limiar onde clientes em potencial passam a ser novos contatos. CTAs podem convidar visitantes a obter uma assinatura, fazer um download, preencher um formulário, compartilhar nas redes sociais, e por aí vai. Mas em geral os CTAs são imprescindíveis para que o seu público se engaje mais com a oferta. E para capturar leads, os CTAs devem ser cativantes e chamativos, e mais importante ainda, precisam apresentar o valor do produto de maneira eficaz.
Para início de conversa, precisamos voltar nossa atenção para a estrutura da página. A landing page tem uma estrutura simples e sem distrações, enquanto a página inicial de um site possui uma estrutura padrão com múltiplos módulos e funções, tais como links de navegação, barra lateral, Sobre, Empresarial, Serviços, e Blog.
Um outro aspecto a se considerar é a finalidade. Quanto à landing page, precisamos ressaltar que ela tem propósito bem específico, como a inscrição de novos usuários, coleta de informações, venda de um produto, atuar como anúncio de link, ou campanha de marketing.
E a página inicial do site? Ela é destinada a descrever e explicar o seu produto, geralmente fazendo amplo uso de textos e imagens.
Muito bem, agora para a navegação. Com a landing page a situação é clara: O acesso a outras páginas é limitado, muitas vezes a um único CTA clicável. Já na página inicial de um site, é possível clicar e pular entre todas as páginas, sendo essas interações reversíveis.
Agora vamos dar uma olhada em alguns exemplos brilhantes de landing pages.
A landing page da Raleigh é um mini-passeio em cima de uma inovadora bicicleta Centros. Ao rolar a página, o visitante tem a impressão de estar dando uma pedalada.
Animação fluida, design com blocos de cores contrastantes, e descrições breves; todos os elementos da página trabalham em conjunto para colocar a bicicleta em evidência. A tela com a lente de aumento é uma função notável, que permite visualizar o modelo em seus mínimos detalhes. No final da página encontram-se botões que podem ser usados apenas para acessar a loja online ou encontrar um ponto de vendas na cidade mais próxima.
A página promocional da Maslo conta sobre as vantagens da plataforma PaaS, como a mensuração da inteligência emocional. "Olá, me chamo Maslo”: desde a primeira tela, usuários são apresentados à tecnologia de maneira não invasiva. O texto é curto e bem arrumado, mas cada frase expõe as características do produto de forma clara e concisa. Ao arrastar o menu de navegação para baixo, nos deparamos com uma solução não trivial: você pode navegar pela tela como se estivesse lendo um livro.
O design da tela, com o gradiente suave do roxo e suas linhas fluidas, insinua algo profundo e de teor emocional: reforça a ideia do próprio produto.
É uma delícia usar a página de avaliação dessa série de pianos da empresa Roland, apreciando cada detalhe. Há até uma descrição do desenho, da ergonomia, e também do design interior do instrumento.
A informação é apresentada de várias formas: breves textos, animações, e fotos e vídeos multiformatos. Este último merece atenção especial: eles demonstram o som do piano em ambientes diferentes, desde o estúdio até a catedral.
Nessa landing page da startup que criou um robô corporativo para fazer a comunicação com os clientes, o webmaster planejou a página tendo um objetivo específico em vista: atrair investidores. E foi bem sucedido.
O esquema de cores acesas. O cursor inusitado. Uma implementação da aba “Problema/Solução” que foge ao padrão. A página também possui informações selecionadas para investidores em potencial: a equipe e os parceiros são representados, há um roteiro para o desenvolvimento do produto, informações sobre a concorrência, dados econômicos e financeiros, e premiações.
Esse é o site da antiga Realtimeboard, uma plataforma de colaboração. Na primeira tela você já vê um título incrível que comunica com total clareza a essência e o propósito das ferramentas de colaboração. Abaixo da primeira tela se encontra um vídeo que exibe de maneira nítida todos os benefícios do serviço.
Cores vivas. Formas curiosas. Ilustrações inventivas. O serviço é oferecido por pessoas criativas, e se destina a usuários que igualmente os são.
Essa landing page nos apresenta ao "cartão de crédito do futuro", que pode ser usado sem taxas de operação. O design e o conteúdo são minimalistas e passa ao visitante a ideia de: “vamos direto ao ponto”. As vantagens de usar o cartão são demonstradas através de cards com ícones animados. O que mais se destaca é o memorável botão "Peça Agora" em várias telas.
Tudo é simples e estiloso no site da lanchonete Catch fish and chips. O slogan criativo que vai enchendo de água aos poucos é uma solução para a barra de carregamento que foge ao padrão. O cabeçalho da página contém os botões " Menu" e "Contato": uma oportunidade discreta de pesquisar o cardápio e reservar uma mesa.
“Deguste as emoções". Desde os primeiros instantes, a página do restaurante asiático Sipsy no Sipsy te incentiva a visitar o estabelecimento. Você pode até mesmo reservar uma mesa sem sair da tela principal. O botão de CTA abre o formulário de solicitação, onde você poderá reservar uma mesa para uma data específica.
O design reforça o conceito do restaurante: tons apagados e imagens desenhadas à mão no estilo oriental. Ao mesmo tempo, ênfase é dada às fotos dos pratos e do interior do restaurante, com boa claridade e de diversos ângulos, tudo contribuindo para a identidade da página do restaurante.
A página de serviço de planejamento de processos internos chama a atenção com seu esquema de cores criativo. Personagens animados bem detalhados descrevem o produto perfeitamente. O conceito sofisticado e diferente é o destaque do seu design.
Em seu design, seus tons, e sua tipografia, a página da Squarespace/Circle, uma comunidade profissional de designers, é um ode ao minimalismo.
O conteúdo fotográfico cabe perfeitamente na descrição e combina com o design do site como um todo. Os criadores da página conseguiram nos informar sobre a comunidade sem palavras ou elementos redundantes: O mínimo de texto, e o máximo de boa estética. Bem pensada em seus mínimos detalhes, ela é digna da mais alta avaliação.
Eis um exemplo que é o completamente oposto do anterior, porém não menos atrativo. a página promocional da OranjeBitter convida os visitantes a uma festa. Verão. Cores suculentas. O design da página sugere que a programação do evento promete bastante alegria.
Um caleidoscópio. Jogada interessante que prende a atenção. Apesar das cores desafiadoras, os botões de CTA "Ingressos" combinam muito bem. Ficando o primeiro no cabeçalho da página e o segundo ao fim da rolagem, eles não desviam o foco, e você pode comprar o ingresso quando estiver pronto.
O site promocional Australian Emu apresenta uma moeda de ouro em edição limitada da empresa Metal Market Europe. O esquema de cores é enxuto, e a interface é fluida e intuitiva. Durante a rolagem, uma moeda em movimento chama a atenção, e uma descrição bem pensada ajuda a descobrir tudo sobre produto.
O menu de navegação à esquerda é exibido como uma linha do tempo, e também é duplicado no menu hambúrguer. A landing page termina com um formulário, onde você pode se inscrever se não quiser perder o lançamento de uma nova moeda.
Essa página se dedica ao modelo de smartwatch. É possível visualizar o produto em todos os seus detalhes, o relógio em si ficando localizado no centro da tela. Uma solução legal para focalizar a atenção do usuário. O design tem um visual agressivo: paleta de cores preta e branca, com metal fundido adornando o fundo da tela. E bastante ênfase é colocada na tipografia. Em alguns blocos, a altura do texto chega a ser maior que metade da tela.
A Fontface é uma extensão de navegador que permite visualizar e adicionar quaisquer fontes tipográficas aos favoritos. A tela se move de maneira fluida, altera sua forma, e uma lente de aumento aparece nela. Ao longo da rolagem, o usuário vai descobrindo mais sobre como a extensão funciona, e ao fim, a conclusão lógica é um convite a fazer a instalação da mesma.
A landing page da Unawheel demonstra as características de um complemento que transforma a cadeira de rodas em uma cadeira motorizada, por meio de uma roda de scooter elétrico acompanhada de controle.
As vantagens do produto são exibidas de forma clara e completa. Ao rolar a página, você descobre como instalar e utilizar o volante, assim como se familiarizar com suas dimensões e capacidades. No final da página ficam botões que convidam você a fazer um teste drive gratuito ou comprar o produto.
Como muitas das outras landing pages mencionadas nesta publicação, a landing page de teste gratuito da Shopify descomplica as coisas. Por exemplo, o cabeçalho direcionado ao usuário consiste em poucas palavras, e a página lança mão de simples marcadores, em vez de parágrafos, para comunicar os detalhes e benefícios do teste gratuito. Todo esse conjunto remove os empecilhos para que o objetivo final deles se realize: que você venda pela internet usando a ferramenta deles.
Essa landing page inicialmente apresenta um simples campo solicitando um endereço. Ao lado desse campo fica um botão laranja bem aceso, dando um bom contraste com a imagem por trás do formulário, e enfatizando o fato de que o orçamento será personalizado.
É claro que não se pode fazer um orçamento do valor de uma casa somente com o endereço. Ele literalmente só especifica a vizinhança da casa. É por isso que a página seguinte dá sequência com perguntas adicionais sobre a propriedade em si. Lá embaixo, vemos o texto "diga-nos aonde enviar esse relatório", acompanhado de esclarecimentos de que ao enviar essa informação, você estará concordando em se conectar com um corretor imobiliário de verdade. Esse é o perfeito exemplo de uma empresa que gera valor para os seus visitantes logo de início.
O Landbot, que cria landing pages à base de chatbot, coloca o próprio produto em evidência em sua landing page, também movida a chatbot. Visitantes são recebidos por um robô simpático, completo com emojis e GIFs, e isso os incentiva a fornecer informações de uma maneira que se assemelha mais a uma conversa do que a um formulário tradicional.
Aqui temos um exemplo de landing pages grandes. Com apenas um punhado de truques, você pode dar a sensação de até a maior das landing pages ser pequena. A Landing page da Webprofits abaixo nos ensina como.
Há um botão de CTA logo no topo para saber mais, criando um belo contraste em relação ao seu contexto de maneira a se destacar, e uma seta apontada para baixo para facilitar a rolagem. Ao não exibirem um formulário logo de cara, eles contribuem para diminuir a fricção e dar um incentivo para que os visitantes conheçam mais, antes que uma opção de conversão seja oferecida.
Eles também facilitam com que você entenda o que é que a Webprofits realmente faz. O restante da página dá informações detalhadas sobre o que você irá obter quando ceder sua informação. Além disso, ela se vale de CTAs posicionados estrategicamente ao longo do caminho, como “Let’s Talk”, que te levam de volta ao topo para preencher o formulário.
Aqui você pode conferir um show de fotografia de alta resolução com bastante espaço em branco. A landing page da H.BLOOM é uma delícia de se ver.
A página possui alguns elementos de conversão fantásticos, fora sua beleza: um formulário above the fold, e uma explicação simples e breve do que acontecerá após ter preenchido o formulário, e até mesmo o botão "enviar" numa cor laranja forte.
A melhor maneira de se desenhar uma landing page é destacando o botão principal de CTA. A Upwork faz bom uso desse fato. Fica claro, a partir do design do CTA deles, que seu maior objetivo é atrair empresas e trabalhadores freelance a se cadastrarem.
Do ponto de vista da experiência do usuário, o botão verde "Postar um Trabalho" busca atingir empresas, enquanto a pergunta escrita em uma fonte pequena, "Que tipo de trabalho você precisa?", é para os freelancers.
A escrita da Copy deles é também bem direcionada. Em vez de usar um CTA engessado como "Empregador: Cadastre-se Aqui", eles usam uma linguagem mais criativa ("Dê mais trabalho aos freelancers"), e depois disso uma CTA voltada para uma ação, conduzem usuários potenciais a "postar seu trabalho" lá.
O flat design simples e resumido permite que a landing page apresente uma animação fluida. A combinação criativa do botão de CTA com a animação, garante que a experiência do usuário seja tanto vigorosa como livre de problemas.
Como todos nós já sabemos, o Flickr é uma plataforma de compartilhamento e armazenamento de imagens. Fotógrafos tanto amadores quanto profissionais podem se juntar e se inspirar. O design da landing page leva a forma de um carrossel de fotos, destacando a fotografia dos próprios usuários. O fotógrafo também é colocado em destaque através da assinatura da obra e seu nome, incentivando os usuários a conhecerem mais sobre os fotógrafos e suas obras.
A página também tem um botão de CTA, cujo design grande e atrativo faz dele um chamariz para que usuários se juntem à comunidade.
O que não dá para ver no print dessa landing page é que ela tem um vídeo de fundo, que dá para rolar, revelando serviços diversos de uma maneira atrativa e divertida. Ela usa uma mensagem simples e direta que tem tudo a ver com a sua marca, visto que é um estabelecimento fitness de que Floyd Mayweather, um Boxeador 26 vezes campeão, é o dono. E para incrementar, também inclui a oferta valiosa de fazer uma aula experimental grátis.
Como uma landing page de viagens, esse site abusa de paisagens de tirar o fôlego para sair ganhando nos quesitos publicidade, e construção temática do site. A imagem dá um fundo perfeito e bastante criativo.
A combinação natural de cores faz com que os visitantes se sintam confortáveis, e atinge o objetivo de despertar o desejo pela viagem e exploração.
Esses são alguns dos melhores exemplos de landing pages, representando um grande leque de indústrias, e tendo os mais diversos objetivos de conversão. Não adotamos toda boa prática que existe por aí, mas esperamos que você tenha encontrado algum elemento em cada um deles que te dê inspiração.
Lembre-se: em toda página existem oportunidades de melhora. Além disso, se algumas estratégias dão certo para uma página, não significa necessariamente que irão dar certo para você também. Tendo isso em mente, você deve estar constantemente testando suas landing pages.
