O design da página de destino é um dos principais fatores que é capaz não só de manter o usuário no site o maior tempo possível, mas o mais importante, de transferi-lo para ou para o comprador.
Não defendo que cada site deva ser único e reconhecível aos olhos dos visitantes. Mas, ao mesmo tempo, existem algumas regras universais e chips que melhoram. Vamos falar sobre eles.
99 chips com exemplos
Darei as fichas imediatamente com exemplos. Isso o tornará mais claro e conveniente. É verdade, se de repente você não entender alguma coisa, basta ir ao site indicado no título. E veja tudo com seus próprios olhos.
1. Site - Dogstudio.com
Dogstudio.com Mudança de cor interativa
A cor dos elementos 3D e do fundo muda com a rolagem da roda do mouse.
Mudança de cor interativa Design 3D interativo
Esse tipo de efeito geralmente é usado quando há ênfase na criatividade. Conforme você rola o mouse, a posição e a perspectiva do lobo 3D e outros elementos mudam. E sim, esse design de página de destino dificilmente pode ser feito no Photoshop.
Design 3D interativo 2. Site - Stuart.com
Stuart.com Vídeo de fundo
Para usar efetivamente o espaço da página de destino, um vídeo é usado no plano de fundo em vez de uma imagem. O vídeo pode transmitir rapidamente ao usuário informações sobre as atividades da empresa.
Vídeo de fundo Elementos de conteúdo em execução
Simultaneamente com a substituição do conteúdo do título da linha rasteira, a imagem e o esquema de cores também são substituídos. Podemos dizer que a página principal é, ou seja, a substituição de conteúdo ocorre de forma contínua e independente da solicitação que o visitante clicou.
Elementos de conteúdo em execução Vários botões
Um truque como ter dois botões com uma ação direcionada na mesma tela pode aumentar significativamente as conversões. Neste caso, esta funcionalidade é implementada através de três botões “Começar”, “Entrar em contacto” e “Solicitar uma entrega”.
Vários botões Formulário estendido
Paleta de cores Réguas de animação
Uma solução interessante são réguas animadas para exibir tamanhos de produtos.
Réguas de animação Tela modificável
Todos os elementos da tela mudam de posição, desaparecem ou novos aparecem ao rolar a roda do mouse.
Tela modificável 15. Local - Equipamento para academias de ginástica
Equipamentos para academias Botão iluminado
Um efeito extremamente útil, especialmente para botões direcionados, pois direciona imediatamente os olhos dos usuários para o lugar certo na página de destino.
Botão iluminado Enquadrar em torno das palavras-alvo
É usado quando existe a possibilidade de que as palavras necessárias evitem a atenção dos usuários entre outros conteúdos.
Enquadrar em torno das palavras-alvo Escala interativa
O elemento ajudará a diversificar a página de destino. Neste caso, ele é usado para selecionar uma área.
Escala interativa Mudança de opção
Implementado para selecionar o tipo de equipamento e habilitar funções adicionais.
Mudança de opção 16. Site - Maze.design
Maze.design Desenho isométrico
Nesta perspectiva, a visibilidade de 3 lados do objeto é fornecida, mas não há linhas de perspectiva convergentes. Este design é uma espécie de evolução do plano, mas é mais ergonômico.
Desenho isométrico Animação
A animação é um efeito muito bacana (no caso, as bolas correndo pelos labirintos). Neste exemplo, os construtores de sites usam design isométrico e animação em toda a página de aterrissagem.
Animação 17. Site - Gyrosco.pe
Gyrosco.pe Diagrama interativo
A alternância entre os diagramas que demonstram o método de obtenção do resultado desejado ocorre automaticamente ou quando você passa o cursor do mouse sobre o ícone do infográfico correspondente.
Diagrama interativo 18. Site - Unbounce.com
Unbounce.com Infográficos
Uma forma engenhosa que irá fornecer experiência do usuário e melhorar a organização do conteúdo da página.
Infográficos Telas animadas
Eles são um pouco como imagens GIF e permitem que você transmita uma quantidade suficiente de informações de uma forma compacta e visual. Demonstre a principal funcionalidade do programa.
Telas animadas 19. Local - Grill Zone
Churrasqueira Pode ser usado para citar e como um recipiente para qualquer texto. Neste caso, é utilizado para indicar o tipo de produto (área de lazer) na foto correspondente do controle deslizante.
Elemento de nuvem de fala Fundo desfocado e claro
Ele adiciona leveza ao design, removendo a ênfase de lugares desnecessários, mas ao mesmo tempo parece mais divertido do que apenas um fundo branco.
Fundo desfocado e claro 20. Site - Like Car
Como carro Elementos triangulares
O design triangular de uma página de destino de venda não parece trivial, mas você precisa saber como trabalhar com ele para que não pareça ridículo. Neste exemplo, os elementos de design ecoam os logotipos dos clientes.
Elementos triangulares 21. Site - Sundaybreakfast.org
Sundayb breakfast.org Cursivo
Cursivo 22. Site - Tweakr.io
Tweakr.io Foto geral e descrição da equipe - elementos estáticos
Isso permite que você forneça informações detalhadas sobre a equipe, enfatizando o espírito de equipe e criando uma atmosfera informal.
23. Site - Majortom.com
Majortom.com Inscrições emergentes
As inscrições aparecem gradualmente, de cima para baixo: primeiro, o contorno é desenhado e, em seguida, suavemente preenchido com cores.
Inscrições emergentes Um elemento fora do padrão que pode chamar a atenção e organizar o espaço da página de uma forma incomum.
Fontes orientadas verticalmente Botão de animação interativa
No canto superior direito, um botão com animação serve para acessar o blog da empresa. O botão reage ao cursor do mouse aumentando e acelerando, mudando a cor.
Botão de animação interativaCarregando círculo
Neste exemplo, o círculo é carregado com segmentos e simultaneamente com as palavras que denotam as atividades-chave da empresa.
Carregando círculo Logotipo
O logotipo exibido ao carregar o site é um uso eficaz desse tempo.
Logotipo 24. Site - Embacy.io
Embacy.io Matrizes planas coloridas
As matrizes planas coloridas, que lembram telefones celulares, deslizam para fora quando você passa o cursor do mouse. Clicar com o cursor muda para o projeto correspondente.
Matrizes planas coloridas Alterar direção de rolagem
A transição da rolagem vertical para horizontal no meio da página de destino cria um efeito incomum e força você a rolar até o final.
Alterar direção de rolagem O comprimento da barra horizontal vermelha na parte superior aumenta com cada tela de rolagem.
Exibição do número de telas visualizadas 25. Site - DK-SPORT
DK-SPORT Sombreamento de foto gradiente
É especialmente conveniente se você precisar colocar uma inscrição na foto - de um lado e ela ficará visível e a foto permanecerá suficientemente reconhecível.
Sombreamento de foto gradiente As miniaturas são convenientes porque, em primeiro lugar, você pode ver imediatamente quantas e que tipo de fotos existem e, em segundo lugar, você pode alternar imediatamente para a desejada.
Visualização da miniatura da foto para controle deslizante Seletor de cores interativo
A introdução de tais efeitos melhora significativamente as características do usuário e o tempo gasto no site.
Seletor de cores interativo Essa técnica permite transmitir simultaneamente informações sobre a empresa (foto), por outro lado - colorir a landing page com cores corporativas.
Sombreamento da cor da imagem de fundo Plano de fundo cinza claro na foto
Por um lado, esta técnica permite não se fundir com o fundo (como, por exemplo, o branco), por outro lado, destacar as imagens do produto contra o fundo do resto do conteúdo.
Plano de fundo cinza claro na foto 26. Site - Airbase.com
Airbase.com Ilustrações feitas em uma técnica simplificada e usando símbolos reconhecíveis.
Ilustrações no estilo infográficos Sotaque de cor
Neste caso, as cores cinza e verde foram usadas para influenciar as emoções do usuário. O primeiro cria um efeito indefinido e deprimente. O segundo, ao contrário, causa uma impressão positiva e agradável.
Sotaque de cor Linha de logotipos em execução
Uma linha horizontal contínua (da esquerda para a direita ou vice-versa) é uma solução incomum e comum.
Linha de logotipos em execução 27. Site - Dotphotonraw.com
Dotphotonraw.com Fonte branca em fundo escuro
Graças ao esquema de cores, a ênfase é colocada na capacidade de trabalho do software (tamanho do arquivo antes e depois da compressão) e, consequentemente, a confiança nele aumenta.
Fonte branca em fundo escuro Ilustração 2D
Ilustrações planas (especialmente quando combinadas com design de site plano) parecem interessantes e permanecerão populares por muito tempo.
Ilustração 2D 28. Site - Absurd.design
Absurd.design Elementos humorísticos
Tais elementos (fotos, inscrições) podem focar nas informações necessárias, dar um sabor único. É assim que fotos engraçadas absurdas contam imediatamente ao visitante sobre o ramo de atividade - a venda de ilustrações humorísticas.
Elementos humorísticos Aparência suave do conteúdo
Conforme você rola a página para baixo, o conteúdo aparece suavemente em vez de rigidamente fixado a ele, o que cria um efeito de animação sutil.
Aparência suave do conteúdo Ao rolar a página, a placa com o menu e o logotipo permanecem fixos na parte superior da tela. Por ser transparente, o conteúdo permanece visível.
Placa transparente com botões de menu 29. Site - Boni espartilho
Espartilho boni Combinando fotos e esquemas
Essa técnica apresenta o produto muito mais claramente do que usar apenas o esquema.
Combinando fotos e esquemas Esta técnica é muito eficaz em áreas como emagrecimento, serviços de beleza e cabeleireiro, restauração (móveis, canalizações, etc.), etc.
Foto frente e verso no estilo "era" e "tornou-se" Contador regressivo
Nesse caso, são considerados os demais bens. Geralmente é usado para contar o número de dias antes de um evento (por exemplo, até o final de uma promoção).
Contador regressivo 30. Site - Edu.pixton.com
Edu.pixton.com Cores vivas saturadas
As cores vivas são uma das tendências do web design. Aplicando esse recurso, você definitivamente se destacará dos concorrentes.
Cores vivas saturadas Design plano
Flat design (simplificação de formas e linhas, falta de sombras e volume), por um lado, é bastante simples, por outro, é expressivo e ainda popular.
Design plano 31. Site - Drift.com
Drift.com Postar de clientes agradecidos, com a possibilidade de acessar suas contas nas redes sociais, aumenta significativamente a credibilidade da página de destino.
Blocos de postagem de mídia social 32. Site - Couple.co
Couple.co Quando você passa o cursor do mouse sobre a foto, o apelido do cliente no Instagram aparece. Ao clicar na foto, você vai para a página do Instagram da empresa.
Colagem de fotos de clientes 33. Site - Salesforce.com
Salesforce.com Lista de reprodução de resenhas de vídeo
Depoimentos em vídeo organizados em uma lista de reprodução são uma solução inesperada e rara.
Lista de reprodução de resenhas de vídeo Uma colagem de quadros de vídeo como um protetor de tela de lista de reprodução torna imediatamente claro que mais informações (neste caso, análises) estão esperando por você nos dados de vídeo.
Colagem de vídeo como introdução à lista de reprodução 34. Site - Yoga
Ioga Críticas de áudio
Sites de venda. O que é isso? Cada segunda pessoa dirá: “Claro, são páginas de destino!”. Eles são de uma página, são páginas de destino, estão vendendo páginas.
Não vou convencê-lo do contrário, porque há um grande grão de verdade nessas palavras. Portanto, neste artigo analisaremos quais páginas de destino podem ser chamadas de melhores e por quê.
Uma vez comecei a procurar os sites mais vendidos, onde ver seus exemplos, classificações e como avaliá-los em princípio. Afinal, inicialmente um site de uma página foi inventado para aumentar as vendas da empresa.
Muita coisa mudou recentemente. Longe vão os que antes eram relevantes, os sites começaram a ficar melhores, mais bonitos, com muita animação, fotos e vários truques aliciantes.
Critérios para avaliação
Qual é a base para avaliar? Quais usar como base? Como classificar os 10 melhores sites? Onde conseguir sites para a competição? Tudo isso complica a situação na criação de uma classificação real e honesta dos melhores sites.
Além disso, não sabemos quantas empresas de vendas fazem por meio desses sites. Você não pode ligar para eles e perguntar: "O que é seu?" ou “De quantos aplicativos você está recebendo?”.
Tenho certeza de que ninguém responderá a essa pergunta, já que ninguém pensa ou diz que se trata de uma informação confidencial.
Aha, sonhando! Então eu facilitei. Comecei a pesquisar e visualizar classificações e seleções das melhores páginas de destino. E sabe de uma coisa?
A classificação é, obviamente, subjetiva, uma vez que não temos indicadores de todas as páginas e não podemos estudar fisicamente todos os sites da Internet. Contamos com a nossa experiência e com os sites que há 5 anos conhecemos na imensidão da rede mundial de computadores.
JÁ SOMOS MAIS DE 29.000 pessoas.
LIGAR
Os 10 melhores sites de uma página
Não pense na numeração como uma distribuição de prêmios. Como todas as páginas de destino têm tarefas diferentes, isso significa que compará-las entre si não é apenas pouco profissional, mas também estúpido. Portanto, apenas aproveite o trabalho.
1. Conjunto residencial "Park Flora"
O site é absolutamente maravilhoso. É imediatamente óbvio que um designer descolado e um grande profissional de marketing contribuíram para isso. Você olha e quer vir e ver tudo sozinho.
Além disso, o site está totalmente ausente, não há formulário para preencher, apenas um telefone. E isso é correto no caso deles, embora para muitos possa parecer estranho.
Complexo residencial "Park Flora" O único ponto negativo que colocamos para o designer de layout para a animação mal otimizada e.
O site leva muito tempo para carregar e isso pode afetar muito a taxa de rejeição. As pessoas não gostam de esperar e vão deixá-lo mais rápido do que veem a oferta.
2. Workshop "Dinero"
Este não é um site, mas um filme inteiro sobre um “personagem” - uma carteira de madeira. Se custasse 1.000-2.000 rublos, o site teria falhado, já que não há nenhum óbvio: oferta, descrição, forma de captura, etc. Mas no segmento Luxur tudo funciona de forma diferente, e esta página é a prova disso.
A principal desvantagem deste site é uma tentativa, como se costuma dizer, de sentar em duas cadeiras, ou seja, em uma página para vender produtos no varejo e no atacado.
Você precisa pesquisar os revendedores em um site separado, pois os compradores de varejo e atacado têm critérios de seleção diferentes, o que significa que eles precisam mostrar imagens e benefícios diferentes em uma sequência diferente.
Oficina "Dinero" 3. Vagas do Alfa-Bank
Este banco vermelho e branco é nosso parceiro. Somos os autores do blog deles para o clube do cliente.
Mas o site deles não está aqui para "laços de família", eles realmente fizeram uma boa decisão ao encontrar funcionários para sua empresa. Além disso, eles o fizeram de uma forma totalmente original.
Vagas "Alfa-Bank" A única coisa que vale a pena dizer a eles (e vamos dizer) é que você não precisa tirar o cliente deste site, e fazer toda a interação dentro dele. Assim, uma pessoa estará mais disposta a deixar um pedido devido ao arranjo usual de elementos e uma cadeia lógica de ações.
4. Espartilho esportivo "Loni-corset"
Este site foi desenvolvido por nós e é de alguma forma estúpido classificar e não dizer que achamos nossos sites incríveis.
Além disso, todos os nossos sites estão no seu melhor, você pode ver isso aqui ->. Mas como a maioria do público desta página é composta por homens, decidimos mostrar o site com meninas 🙂
Espartilho esportivo "Loni-corset" O site funciona há mais de 4 anos. O único bloco que não foi possível adicionar foi a prova social da empresa remetente.
O cliente decidiu não mostrar esta informação. Portanto, dizemos com ousadia que o resultado poderia ter sido maior se os compradores vissem o armazém, a equipe, o escritório e outros. Mas é isso mesmo.
5. Admissão de SRO "Licenciamento Gralnik"
À primeira vista, este site deve fazer você se perguntar por que está no topo da lista. Não há nada de especial nisso: design simples, blocos regulares, textos típicos.
MAS! Acredite em mim, quando você for o cliente-alvo deles, perceberá que este é um ótimo site totalmente construído para o cliente. E mesmo um simples foi feito por um motivo tão comum.
Aprovação do "Licenciamento Gralnik" da SRO Claro, eles têm espaço para crescer. Eles têm um layout em alguns blocos, e, aliás, são 15 deles. Eles também têm hifenização incorreta e os elementos principais estão mal destacados.
Mas tudo isso são ninharias, porque fundamentalmente tudo é feito corretamente e escrito do ponto de vista.
6. Projeto "Grande secagem"
A maioria das mulheres (seu público-alvo) já ouviu falar do projeto Crazy Drying. Seus anúncios estão inundando a Internet para o lançamento. E não é surpreendente quando milhões são investidos no tráfego.
Mas sem um bom site, você não poderá obter dezenas de milhões de receita, então o site deles também está incluído em nosso TOP.
Grande Projeto de Secagem Percebe-se que abordaram a fundo a criação, da qual valem apenas textos. Mas eles ainda cometeram um grande erro - eles não fizeram o botão de chamada no final. Isso afeta muito a rotatividade de visitantes, uma vez que eles não veem o encerramento lógico de toda a história.
7.
Nós próprios usamos o sistema de relacionamento com o cliente Bitrix24. Mas como nosso tópico não é “”, o site do sistema Megaplan superou todas as expectativas.
Através dele transmitiram todos os pontos principais de seu sistema, a partir do qual você entende que isso é o melhor para um negócio.
CRM "MegaPlan"
De nossos desejos de melhoria - adicione uma análise em vídeo do sistema, uma vez que todos os concorrentes diretos a possuem. E também fazer chamadas mais compreensíveis, ou seja, substituir os cabeçalhos (não os botões) por “Comece a usar gratuitamente” ou algo parecido.
A propósito! Se você deseja utilizá-lo como seu sistema CRM, aconselho não esquecer o código promocional “Megastart”. Assim, você ganha 10% de desconto na primeira compra e 14 dias de uso gratuito.
8. Banco para empresários "Tochka"
Esta landing page do banco recebe um prêmio por sua originalidade. Esta página é enviada aos seus amigos como um link de referência.
Para aumentar o efeito, adicionaríamos mais alguns blocos que pressionam a lógica. Agora o site é mais sobre emoções e, em alguns casos, essa pode ser a decisão certa. Mas ainda podemos escolher o banco, e só as emoções são indispensáveis.
Banco para empresários "Tochka" 9. Equipamentos de academias "Goodfit"
Uma transição interessante do site de preto para branco e azul. Mas além da solução de design original, esta página de destino usa um grande jogo de manchetes. Aqui eles não são uma pista para o bloco, mas elementos independentes, depois de ler os quais, você já pode criar uma imagem completa.
Uma apresentação de vídeo em nome do CEO não é suficiente para um pacote completo. Certamente eles o têm em excelente forma física.
A tudo isso, seria ótimo somar números aos casos. Ou seja, quanto é o salão que o cliente recebeu. Isso não é crítico, mas simplesmente desejável, porque as especificações agregam poder de persuasão e são simplesmente convenientes para os visitantes.
Equipamentos para ginásios "Goodfit" 10. Centro comercial "METROPOLIS"
Esta é de longe a página de destino de shopping center mais legal que já vi. As cores são lindamente selecionadas, o significado principal é transmitido, a excelente usabilidade é imediatamente visível quando você muda para esta página de destino. Portanto, clique e explore.
Mas, vou colocar meus 5 copeques de qualquer maneira. Obviamente, entendo que este site deve ser visitado por pessoas que o conheçam. Mas, além deles, aqueles que o vêem pela primeira vez cairão sobre ele.
Portanto, era lógico fazer uma pequena descrição (descrição em poucas palavras sobre a empresa) para que o visitante soubesse imediatamente onde foi e o que o espera ali.
Centro comercial "METROPOLIS" Por que apenas sites Runet
Sim, em minha análise, concentrei-me principalmente nos melhores sites de uma página da Internet russa, embora existam muitas opções decentes no mundo.
Além disso, o mais importante (e também o mais surpreendente), a landing page da burguesia usa não só pequenos, mas até grandes negócios.
Por exemplo, um dos serviços de táxi mais famosos do mundo, o Uber, escolheu a seguinte opção como seu site principal - uma página de destino multifuncional ou, como se costuma dizer, uma página de destino com várias páginas.
Este é um site que consiste em muitas páginas de destino. Quase um site de várias páginas, mas ainda uma página de destino.
Mas eu não coloquei sua landing page aqui de propósito, porque eles são diferentes. Que todos digam que estamos repetindo tudo no Ocidente, mas, neste caso, penso diferente.
Nós, russos, somos diferentes. Temos um pensamento diferente, pois vivemos em um país diferente. Por exemplo, o americano quase não teme que a empresa pegue dinheiro e se dissolva. Como eles têm tudo protegido por dez linhas, esse apenas um PayPal custa.
Aqui, na Rússia, esse medo está na vanguarda. Portanto, eles têm poucos blocos convincentes no site para confiar na empresa, e nós temos sua escuridão.
Posso apresentar dezenas de outros argumentos de que teremos diferentes páginas de destino melhores com eles. Portanto, eu imploro seu perdão, mas suas opções não estarão aqui.
Aproveite melhor nossas soluções russas, modele nossos textos e blocos. E em sites estrangeiros, apenas pegue boas idéias de design.
Resumidamente sobre o principal
Agora que você olhou para todos os candidatos, não recomendo que você se concentre neles cegamente, mas definitivamente vale a pena olhar as melhores páginas de destino para exemplos.
No mínimo, você pode ter uma ideia para uma animação feita de forma interessante com alguém. Ou, por exemplo, um dos criadores conhece o seu próprio perfeitamente e o usa em toda a página de destino. Em geral, vale a pena estudar, tirar conclusões e adotar.
E, a propósito, se você está procurando ideias para sua primeira página de destino, pode tentar criá-la sozinho. Assim você entenderá o que precisa e que não é tão fácil quanto parece à primeira vista.
Para este uso, por exemplo, PlatformaLP , Tilda , Bloxy. E só então, ficamos à sua espera para nos visitar para o desenvolvimento conjunto.
Neste artigo, veremos 5 exemplos das melhores landing pages tiradas do behance.net, reconhecidas por designers mundiais como o site mais popular para web design, clientes estrangeiros para encontrar desenvolvedores e o melhor para inspiração e novas ideias.
Abaixo estão as melhores páginas de destino que foram selecionadas diretamente por nosso estúdio na web. Pegamos os trabalhos TOP do site e escolhemos uma landing page com as estruturas de venda mais eficazes, pois é a estrutura de vendas que é a principal vantagem da landing page.
Senhoras e senhores! Conheça as páginas de destino mais legais e mais vendidas de 2019-2020 de acordo com o popular site behance.net.
Exemplos das melhores páginas de destino
Para organizar os exemplos das melhores páginas de destino, decidimos dividi-los em blocos típicos da página de destino. Vamos considerar o USP, descrição do produto, benefícios e benefícios, bloco de confiança e CTA em exemplos de páginas de destino selecionadas. Você poderá ver as opções de design e estrutura, obtendo informações valiosas e novas ideias.
Proposta única de venda
O primeiro exemplo de USP para a melhor página de destino de 2020 é uma empresa de vendas de cadeiras.
A primeira coisa que chama a sua atenção é uma fotografia do produto. A cadeira estilosa realmente atrai a atenção, que é estimulada por sua proposta de venda exclusiva. Observe que o USP neste caso não é padronizado, não há fatos sobre a empresa ou os benefícios da compra. Mas, ao mesmo tempo, um texto de venda poderoso e uma imagem de alta qualidade fazem seu trabalho - aumentam o interesse do visitante, que é o princípio da estrutura de vendas. É preciso dizer desde já que a grande vantagem do produto está colocada no segundo e terceiro slides da primeira tela.
Cada slide contém fotos do produto de diferentes ângulos e uma descrição do mesmo. Um movimento muito poderoso que motiva o leitor a rolar a página para baixo. Veja mais exemplos de landing pages e obtenha novas ideias para seu projeto.
O próximo exemplo do melhor, em nossa opinião, landing page é a landing page de uma empresa que vende mel.
Suculento, brilhante, interessante. Design muito legal da primeira tela. Ao mesmo tempo, a proposta de venda única revela a principal vantagem - a compatibilidade ambiental do produto. A USP é escrita de uma forma suave, mas ao mesmo tempo inspira confiança.
Próximo melhor exemplo de página de destino
A primeira tela combinava um USP que agrega valor a um cliente potencial e uma pequena lista de pequenos benefícios. Uma cena muito interessante do produto, que no subconsciente dá vontade de fazer um pedido. O que, em geral, oferece uma página de destino eficaz na primeira tela.
A primeira tela da USP contém um texto interessante, 3 vantagens do fabricante, um CTA com um botão e um vídeo para saber mais sobre a empresa. A tela é decorada com uma linda foto do interior mobiliado, enfatizando a exclusividade do produto.
Outro exemplo de uma página de destino legal
Imediatamente impressionante é a ilegibilidade absoluta do texto. Por que os desenvolvedores projetaram o texto em branco sobre um fundo branco permanece um mistério. Mas, repetimos, o melhor ledning é aquele que tem uma estrutura de vendas bem desenvolvida, e este exemplo de trabalho é um deles. Tela elegante com USP pouco visível pouco eficaz. Infelizmente, a fotografia dos serviços da empresa não dá uma ideia de suas atividades - um grande erro dos desenvolvedores.
Quer saber mais sobre a USP? Leia um artigo com recomendações para a criação de um USP no site da Impulse Design.
Descrição do Produto
No primeiro exemplo, o visitante tem a oportunidade de visualizar as variações do produto e escolher seu tipo. O bloco é muito amigável. Todas as fotos do catálogo são colocadas na forma de controles deslizantes, há botões para escolher a cor da caixa e exemplos de trabalhos concluídos. O visitante entende visualmente o que está sendo oferecido a ele. Se ele decidiu encomendar um produto, o botão "Encomendar" irá ajudá-lo com isso.
O exemplo de descrição de produto a seguir para a página de destino mais vendida contém fotos e categorias grandes e coloridas.
Além disso, para conveniência do visitante, um botão de geração de leads é fornecido. Ela "mata" dois coelhos com uma cajadada só. O visitante recebe as informações de seu interesse e a empresa recebe o cliente.
A estrutura de vendas da página de destino deve incluir facilidade de uso. Conveniência em tudo: na tomada de decisão e sua implementação, visualizando o produto. No caso do seguinte exemplo de descrição de produtos, a usabilidade é divulgada a 100%.
Em primeiro lugar, são apresentados os tipos de produtos e, em segundo lugar, em cada tipo existe um botão gerador de chumbo. Quando você passa o mouse sobre uma cadeira, a foto muda e o produto aparece em uma posição diferente, o que ajuda o usuário a entender como o produto é usado e sua aparência.
O seguinte registro de vendas contém um catálogo completo dos produtos fornecidos pela empresa. Uma vantagem separada é o belo design e a combinação de cores do tema geral do site.
A concisão é o melhor amigo de uma página de destino. E o seguinte exemplo da melhor página de destino confirma isso.
Elegante e modesto, em fundo branco, destaque para a foto e uma pequena descrição do ulugi com botão gerador de chumbo. Os restantes serviços são efectuados em forma de links activos, ao clicar nos quais se abrem outras fotos com descrições correspondentes aos serviços.
Benefícios e vantagens em uma página
Os benefícios e vantagens da empresa para o cliente são uma motivação eficaz. Como regra, os benefícios são colocados no início do site para despertar o interesse do usuário, e os benefícios são colocados no final, empurrando o visitante para a ação desejada. Ambos os blocos devem conter informações valiosas, responder a perguntas, suprimir os medos de um cliente potencial. Vejamos exemplos de páginas de destino interessantes.
Vantagens
Ambos os blocos revelam os valores de uma empresa e de um produto específico. O leitor entende onde o produto pode ser utilizado, suas características de qualidade. Como complemento, foram demonstradas as vantagens competitivas da própria empresa.
A próxima página de destino combinou vantagens e benefícios. Ao ler e visualizar o conteúdo, o usuário se convence do profissionalismo do fabricante, o que suprime seu principal temor - receber um produto de baixa qualidade. Este gatilho demonstra o melhor exemplo de uma página de destino de conversão.
No mesmo bloco, é introduzido um chip que aumenta a confiança do usuário na empresa - um vídeo que contará mais sobre o fabricante.
A página de destino a seguir mostra uma combinação semelhante de benefícios e vantagens.
Nesse caso, os medos são eliminados. Um potencial comprador sabe que o mel natural é uma raridade selvagem. No caso de uma página de uma página, a naturalidade do produto é confirmada por números. Além disso, o usuário pode obter informações sobre o produto clicando no botão e entrando em contato com representantes da empresa.
Outro bloco de vantagens é feito em um design muito estiloso e, em geral, é bastante interessante. O profissionalismo do designer é visível, o que definitivamente chama a atenção.
Parece que as vantagens podem ser descritas com 4 palavras "Entrega em toda a Rússia", mas a placa gráfica adiciona exclusividade à página de destino. Além disso, o próprio mapa tem um foco temático, o que torna a landing page muito bacana.
O TOP das melhores landing pages contém soluções interessantes e eficazes. O próximo pouso tem um pequeno bloco de vantagens, que fica logo abaixo do bloco com a USP. O bloco de benefícios é desenhado separadamente e responde ao cliente a questões de custo, além de fortalecer o desejo por meio de descontos.
E mais uma landing page de vendas que revela as vantagens da empresa e os benefícios para o cliente. O princípio de funcionamento da empresa, que suprime os temores existentes, é descrito como vantagens.
Maior desejo graças a um pequeno bloco de benefícios
Ao mesmo tempo, a empresa demonstra os benefícios para o cliente não só pelo uso de produtos de alta qualidade durante o procedimento, mas também por sinalizar que os cosméticos estão à venda. Isso é o que o botão com o CTA indica.
Bloqueio de confiança na página de destino
Um bloqueio de confiança não é um requisito obrigatório para uma página de destino, ao contrário, por exemplo, de um bloco de call to action. No entanto, ajuda o usuário a decidir sobre a ação alvo. Afinal, a landing page, com base em suas especificidades, não fornece uma grande quantidade de texto informativo sobre a empresa. Portanto, é melhor se o bloco de confiança for implementado de outras maneiras. Vamos ver como as páginas de destino TOP lidam com isso.
Opção 1. Comentários
É muito prático e conveniente colocar um bloco de comentários no site. Uma vantagem separada - fotos de pessoas reais: não modelos, não fotos de pessoas, francamente tiradas da Internet.
Opção 2. Vídeo
Talvez o vídeo seja uma das maneiras mais eficazes de influenciar uma pessoa. As mensagens de vídeo aumentam sempre a confiança devido ao contacto direto com os utilizadores que já se tornaram clientes e transmitem as suas emoções “ao vivo”.
Opção 3. Fotos
Muitas vezes, fotos de especialistas reais que trabalham na empresa são publicadas como um aumento de confiança. No nosso caso, optou-se por postar fotos reais do salão. Olhar para eles dá a impressão de serem de elite. E a elite não pode ser de baixa qualidade. Consequentemente, a credibilidade da empresa é aumentada.
Para doces. Frase de chamariz (CTA)
O primeiro Landos tem um CTA "suculento", desenhado no mesmo estilo do site. O desejo de fazer um pedido é reforçado por um desconto.
A única desvantagem é que o bloco é colocado no meio da página. O ideal é que você faça outra chamada bem no final, em vez de adicionar pequenos botões que não chamam sua atenção imediatamente.
A próxima chamada à ação contém não apenas um botão de geração de leads, mas também benefícios adicionais para o cliente. Um apelo muito atencioso.
Completando nossa análise, está outra frase de chamariz, projetada em cores ricas e atraentes.
Vamos resumir
Como você pode ver, a estrutura de vendas da página de vendas é a principal e mega importante ferramenta para aumentar a conversão do site. Não se pode dizer qual das estruturas mostradas nas melhores páginas de destino será a mais eficaz. Digamos apenas uma coisa: cada estrutura deve atender ao máximo as necessidades do público-alvo e maximizar o aproveitamento da empresa / produto / serviço. Adicione um design estiloso e vibrante a isso e você terá a certeza de obter uma conversão impressionante da página de destino. Bem, se você ainda não é capaz de criar sua própria página de venda de uma página, pode sempre solicitar uma página de destino conosco.
Isso é tudo! Curta e assine nosso blog para não perder os mais interessantes.
Gerador de VendasTempo de leitura: 15 minutos
Enviaremos o material para você em:
A página de destino é a cara da sua empresa na World Wide Web; se o usuário não gostar, ele apenas fecha a página e se esquece de você. Para evitar que isso aconteça, sugerimos explorar as melhores páginas de destino. Os exemplos o ajudarão a navegar na criação de sua própria página de uma página.
Neste artigo, você aprenderá:
- O que é uma página de destino
- Quem é melhor para confiar sua criação
- 13 dicas para criar uma página de destino + bons exemplos
- O que deveria ser uma página de destino para uma loja online
- Exemplos de páginas de destino de alta conversão
O que é uma página de destino
Você pode encontrar muitos materiais e descrições de exemplos práticos no tópico de criação de páginas de destino. Este tópico é muito extenso, por isso é difícil reunir todos os métodos e dicas em um artigo, mas o fizemos de forma resumida, descrevendo tudo em uma linguagem acessível.
Landing pageé um site de uma página. Sua função é atrair a atenção do visitante e induzi-lo a realizar a ação desejada pelo cliente (comprar um produto, assinar a newsletter, ligar, deixar um pedido).
Se nos referirmos ao valor original, landing page traduzida do inglês significa "landing" ou "landing page". Muitos desses recursos estão amplamente representados na Internet.
Três razões para fazer uma página de destino:
- Boa motivação. Uma página de destino de alta qualidade incentiva o visitante a tomar as medidas necessárias.
- Velocidade de criação... A página de destino é produzida com rapidez suficiente e o custo do trabalho, neste caso, é significativamente menor do que ao escrever um site completo.
- A possibilidade de transformação. Se necessário, não será difícil fazer alterações na página de destino.
Três tarefas da página de destino:
- Vender um produto. Para tanto, são utilizadas palavras estimulantes ("compre", "deixe um pedido", "ligue", "faça um pedido").
- Levantamento de informações. Para isso, são utilizados os termos "inscrever-se", "saber mais".
- Espalhando software por meio de vendas.
Algoritmo para fazer vendas usando uma página de destino consiste em quatro etapas:
- os visitantes viram um link para a página de destino (por exemplo, 100 pessoas);
- ter se interessado, clicado e feito a transição (por exemplo, 40 pessoas);
- deixou um aplicativo (por exemplo, 10 pessoas);
- comprou um produto (por exemplo, duas pessoas).
Um retorno de 2% não é um resultado ruim. É claro que não pode ser considerado vencedor, mas, neste caso, há espaço para melhorias adicionais.
Uma página de destino é necessária para uma empresa nos seguintes casos:
1. Baixa conversão do principal recurso de Internet da empresa.
Se os visitantes saem rapidamente do site da empresa sem fazer uma compra ou outras ações necessárias, isso indica uma baixa taxa de conversão. Ao mesmo tempo, a empresa pode não ter recursos para reiniciar este site ou criar um novo, cujas capacidades de venda serão significativamente melhores.
PP / OP * 100%,
onde PP é o número de usuários que realizaram a ação de destino, OP é o número total de visitantes do recurso por dia.
Por exemplo, em 24 horas seu site foi visitado por 360 pessoas, 18 visitantes se inscreveram. Nesse caso, a conversão será de 5%.
Em runet, as taxas médias de conversão de sites oscilam no nível de 0,5%, enquanto a conversão de páginas de destino mostra de 5 a 10%. Essa diferença demonstra uma vantagem clara da página de destino em relação a sites completos.
2. Lançamento de um novo produto.
Nesse caso, é necessário colocar publicidade contextual na página de destino, idêntica aos banners que aparecerão entre os visitantes dos buscadores ao inserir as consultas necessárias.
3. Solução de um problema específico.
Muitas tarefas de marketing podem surgir de uma só vez, por isso não é apropriado mudar o site principal da empresa por elas. Para resolvê-los, uma página de destino é criada.
No entanto, para que ele realmente "funcione", as seguintes ações devem ser tomadas:
No entanto, é um erro pensar nas páginas de destino como o único canal de comunicação. Ele é uma ferramenta auxiliar. As principais ações são realizadas com auxílio de blog, e-mail marketing, etc. Colocar tudo em uma página de uma página é extremamente ineficaz.
Se um visitante deseja encontrar sua empresa usando buscadores, exemplos de um blog corporativo em constante atualização, a comunicação em suas páginas nas redes sociais o ajudará a entender que a empresa não existe no papel. Portanto, será mais fácil para ele decidir sobre uma chamada ou um aplicativo voltando para a página única.
Em termos simples, este é um exemplo de página de destino de vendas que “funciona” em conjunto com outros recursos de marketing da empresa para aprimorar a força de vendas.
A quem confiar a criação de sua página de destino
Sua página de destino deve ter instruções claras
A imagem acima mostra um ótimo exemplo de página de destino que não vende ou pede para fazer download, mas é muito eficaz, pois fornece uma forma concisa e acessível de informações que interessam aos visitantes (em particular, a busca por automóveis originais partes).
Um design lacônico, uma oferta clara que atende aos requisitos de um grande número de consultas temáticas, uma instrução clara - este é um exemplo de página de destino de alta qualidade.
Call to action claramente
Quando um visitante visita o site pela primeira vez, ele automaticamente começa a procurar uma resposta para sua pergunta, graças à qual fez a transição para sua página de destino. Quanto menos tempo é gasto procurando, maiores são as chances de se conseguir esse cliente. As estatísticas são implacáveis: 80% do público-alvo abandona a página nos primeiros 15 segundos. Causas:
- É impossível encontrar imediatamente as informações de interesse.
Não é à toa que este material menciona constantemente as estimulantes palavras “subscreva”, “encomende”, “compre”, etc. Tal apelo atrai imediatamente a atenção do visitante. Alguém pode achar este exemplo engraçado, mas se sua página de destino tiver um grande botão vermelho chamado “compre agora”, pode dar um ótimo resultado.
- Sem oferta específica.
Inúmeras animações, Caps Lock, navegação indistinta da página desorientam o visitante que não consegue encontrar o botão responsável por comprar ou receber newsletters e quer sair desse caos o mais rápido possível.
Para adicionar especificidade à chamada e torná-la clara, você precisa seguir as regras:
- Dois botões retangulares vermelhos com um verbo amplo no centro, colocado no início e no final da página.
- Deixe o texto o mais claro possível... Qualquer visitante deve entender imediatamente o que receberá como resultado de certas ações.
- É inadmissível desviar a atenção do pensamento principal "lixo"(Gráficos incompreensíveis, imagens não temáticas, banners de terceiros, etc.).
- A singularidade do produto é enfatizada pelos números. Deixe os adjetivos de elogio sinônimos para seus concorrentes. O visitante deve ver os resultados expressos matematicamente da aplicação do seu produto, especialmente quando comparando com análogos. O botão vermelho deve sempre acompanhar esses exemplos.
- Demonstre ao cliente como sua oferta é benéfica. Também é melhor usar números aqui.
Mas não pense em um cliente como um novato em vendas online, usando truques publicitários óbvios ou usando-os em abundância. O visitante achará essa oferta desnecessariamente intrusiva e provavelmente deixará sua página de destino.
Considere a relevância
A publicidade contextual e a landing page devem ser relevantes, ou seja, seu conteúdo deve atender às expectativas de um cliente potencial. Caso contrário, um visitante que clicar em um banner temático e acessar sua página de destino não conseguirá encontrar imediatamente a informação de interesse e, muito provavelmente, sairá do recurso.
É necessário gerar de forma eficiente uma landing page para cada canal de tráfego (redes sociais, publicidade contextual, etc.).
Acima está um exemplo de página de destino de alta qualidade usando um grande número de chaves.
Prepare respostas às objeções do cliente
Apenas um em cada 10 clientes adquire um produto sem hesitação. A maioria dos visitantes da landing page pesa cuidadosamente sua escolha por medo de fraude ou insatisfação com o produto. Os medos também podem ser baseados no desejo do cliente de manter a compra em segredo.
Esses medos são naturais e inevitáveis. Portanto, o texto da página de destino deve antecipá-los e tranquilizar o cliente. Adicione argumentos convincentes ao seu conteúdo que podem finalmente dissipar todas as dúvidas:
- Garantia de devolução. O cliente deve ter certeza de que poderá devolver o produto de que não gostou dentro de um determinado período de tempo.
- Teste grátis, o que dá ao cliente a oportunidade de experimentar o produto sem pré-pagamento.
Um exemplo de venda de página de destino é a página de destino de um estúdio vocal que oferece aulas de canto online.
O que deveria ser uma página de destino para uma loja online (exemplos)
Qualquer compra na Web é necessariamente acompanhada pelo preenchimento de um grande número de formulários de registro e muitas iterações relacionadas à verificação de conta, etc. Essas ações demoram muito e não podem ser evitadas. Essa abordagem força alguns visitantes a abandonar a compra.
A página de destino não requer registro e confirmação da conta. Após o preenchimento de algumas linhas, os dados do visitante são automaticamente inseridos na base de clientes, enquanto ele tem a oportunidade de solicitar um “call back”.
Não se esqueça de que a conversão da página de destino costuma ser 10 vezes maior do que a de um site completo. O formato multipágina de um recurso da web pode confundir o visitante que, às vezes, se esquece do propósito original de sua “visita”.
O site de uma página não permite isso, porque as informações nele apresentadas são apresentadas de forma extremamente clara e concisa, e a própria oferta é lacônica e incentiva a pessoa a tomar as medidas necessárias. Quando convertida para dispositivos móveis, a landing page leva a um aumento nas vendas (as taxas de crescimento chegam a 30%).
Quando um site de uma página está equipado com um catálogo e recursos completos de loja online, é capaz de aumentar as vendas de uma categoria de produto. O produto é colocado na página de destino e vendido a partir dela. Ou, em uma página de uma página, o visitante é direcionado ao catálogo na página do produto.
Se um carrinho de compras for colocado na página de destino, ele se tornará automaticamente uma loja. O cliente fica sabendo rapidamente de todas as informações de seu interesse e faz a compra com um clique.
Página de destino para venda de relógios
Os relógios foram, são e serão um dos produtos mais procurados. Dependendo da funcionalidade, eles podem ser um sinal de um determinado status e executar tarefas específicas. O leque de oportunidades tão amplo gera grande competição neste nicho, sendo extremamente difícil conquistar uma posição de liderança aqui.
Para isso, uma landing page de venda é perfeita. Por exemplo, para ir para uma página de uma página, você pode usar teaser, publicidade direcionada e contextual, redes sociais.
Para que uma página de destino diferencie seu relógio da concorrência, ela deve ter uma estrutura original, design atraente e conteúdo significativo. Para fazer isso, você deve seguir as recomendações:
- É melhor usar imagens de sua loja de relógios para postar em sua página de destino. Como regra, as fotos do banco de dados são muito "banais", portanto não inspiram confiança entre os visitantes. Com a ajuda da imagem, você pode criar um certo clima no cliente, então você deve pensar sobre a ideia da imagem com antecedência.
- Se o visitante não tiver certeza de sua escolha, ele adicionará várias opções ao carrinho. Provavelmente, nenhum deles atenderá a todos os desejos e a compra não será concluída. Faça uma escolha para o comprador, destacando estilisticamente a melhor opção.
- Você pode postar fotos de funcionários ou de um gerente. Essa "humanização" da landing page ajudará a aumentar a fidelidade do cliente.
- Qualquer compra é carregada emocionalmente. Mostre aos visitantes como as pessoas se sentem ao comprar um relógio e subsequente propriedade.
- Para aumentar a fidelidade de novos clientes "trabalho"
Qual deve ser a aparência de uma página de destino em termos de eficiência? Quais blocos ele deve conter e como esses blocos devem ser? Depois de ler o artigo, você obterá respostas a essas perguntas e verá como são as melhores páginas de destino.
1. Título com USP
A página de destino perfeita, com tela única ou longa, sempre tem um título cativante que:
- permite que o visitante saiba imediatamente onde ele está;
- mostra a ele a singularidade de sua proposta.
O título é colocado na parte superior da página de destino, no nível dos olhos do usuário. Grande, brilhante, intrigante.
A taxa de rejeição depende do título.
Aqui estão alguns exemplos de manchetes para as melhores páginas de destino de nossa empresa.
2. Descritor
O descritor também afeta a taxa de rejeição, embora menos do que o título. Geralmente consiste em um logotipo, nome da empresa, slogan ou algumas palavras sobre serviços ou mercadorias. Colocado na parte superior esquerda ou no meio.
No caso de a página de destino ter um título com um USP, o descritor é modesto - um logotipo mais um nome.
As melhores páginas de destino sempre contêm o descritor original.
3. Bloquear com informações de contato
Normalmente localizado no canto superior direito. Um bloco de contato abrangente contém:
- número de telefone real;
- o email;
- botão "Callback".
A chamada é necessariamente usada - um pedido de chamada.
4. Imagem atraente
Uma imagem significa um plano de fundo - uma imagem grande, sobre a qual um título, um formulário de captura e outros blocos são colocados.
Em uma landing page ideal, a imagem combina com o tema do site, é original e interessante. A cor de fundo é diferente da cor da fonte do título para que eles não se fundam.
Nas imagens, você vê belas páginas de destino com imagens atraentes.
5. Formas de captura
Uma página de destino de tela única contém um formulário de captura, um longo - 2 ou 3 formulários. O primeiro formulário é adjacente ao título - próximo a ele ou abaixo dele.
O formulário de captura contém colunas para inserir um nome e número de telefone. Um apelo à ação descreve benefícios adicionais (presente, desconto, serviço adicional) que solicitam ao visitante o envio de dados imediatamente.
Se houver uma promoção na página de entrada, o formulário de captura conterá um cronômetro de contagem regressiva.
São essas as formas de captura que equipamos as melhores landing pages de nossos clientes.
6. Bloco com benefícios para o cliente
Este bloco contorna perfeitamente as objeções dos visitantes. O bloco contém 3–8 pontos.
O bloco possui a seguinte estrutura: um texto descrevendo os benefícios e uma figura temática para cada item. A disposição dos pontos é horizontal ou vertical. Em um bloco ideal, todos os parágrafos têm a mesma quantidade de texto e as frases-chave são destacadas em cores ou em negrito.
7. Feedback do cliente
O bloco com comentários é o principal na página de destino.
A página de destino deve ter depoimentos reais de pelo menos três clientes. A opção ideal é uma janela rolável, como um controle deslizante que pode acomodar de 5 a 10 revisões.
Cada revisão:
- contém o nome e foto real do cliente;
- conteúdo com detalhes importantes que afetarão positivamente as conversões da página de destino.
Aqui estão alguns exemplos de blocos com resenhas nas melhores landing pages de nosso estúdio.
8. Tarifas ou pacotes de serviços
Os compradores adoram escolher entre várias alternativas. Portanto, uma página de destino ideal oferece uma escolha de 2-3 tarifas ou pacotes. Não importa se a landing page vende mercadorias ou presta serviços, o site deve ter um bloqueio com tarifas.
As taxas devem ser diferentes umas das outras e conter informações detalhadas sobre o que está incluído nelas. Uma das tarifas é apontada como a mais popular entre os clientes.
9. Exemplos de página de destino
Este é um dos blocos mais importantes de uma página de destino. É olhando para o portfólio ou estudos de caso que o visitante decide realizar a ação desejada.
Um portfólio competente contém apenas os melhores trabalhos, é lindamente desenhado, não ocupa muito espaço. Para decoração, é melhor usar um controle deslizante, com o qual os visitantes percorrerão as imagens.
Depois de examinar exemplos de páginas de destino, o visitante deve estar convencido da qualidade do produto ou serviço.
10. Detalhes reais de contato no rodapé
O gatilho de confiança final é um bloco com informações de contato sobre uma empresa ou autor no rodapé.
No caso de empresa, deve haver um mapa com a localização do escritório indicada. No caso do autor, todos os tipos de contatos.
O formulário de captura final também é colocado aqui.
Uma página de destino ideal contém todos os elementos acima. No entanto, para que uma página de destino seja realmente eficaz, todos os seus blocos devem ser combinados corretamente em uma composição. E também adicionar significados, graças aos quais os visitantes realizam ações de conversão em nossa página de destino.
