Cerca de sete segundos é o tempo que muitos visitantes dão a uma página antes de decidirem ficar ou sair. Nessa janela, como desenhar uma landing page faz mais trabalho do que o teu texto de vendas. A clareza visual ganha os segundos extra de que precisas para explicar a tua oferta.
O design de uma landing page concentra-se numa só oferta, com o mínimo de distrações na navegação. Este capítulo explica o que isso quer dizer em linguagem simples, porque afeta o teu website e o teu marketing, e como aplicar sem te perderes em jargão. Vais ver também como as boas práticas de design de landing pages se encaixam no mesmo quadro. Vamos passo a passo.
O que significa como desenhar uma landing page, na prática
O design de uma landing page concentra-se numa só oferta, com o mínimo de distrações na navegação.
As páginas com um único objetivo rendem mais do que as páginas iniciais genéricas nas campanhas pagas.
As boas práticas de design de landing pages dão destaque ao título, à prova e a uma só ação principal.
Como aplicar como desenhar uma landing page no teu site
Retira a navegação principal das landing pages de campanha, sempre que possível.
Começa por uma página, como a página inicial ou a principal landing page. Corrige primeiro o maior problema e depois leva o mesmo padrão para os outros modelos.
Combina este capítulo com as boas práticas de design de landing pages, para a base, e o design de websites para pequenas empresas, para o passo seguinte neste módulo.
Lista prática para usares hoje
Retira a navegação principal das landing pages de campanha, sempre que possível.
Quando reveres uma página, pergunta se como desenhar uma landing page se nota logo no primeiro scroll no telemóvel. Se não, reordena as secções antes de polires os detalhes.
Guarda capturas de ecrã antes e depois das alterações, para perceberes o que fez diferença em como desenhar uma landing page no teu site.
Partilha esta lista com quem atualiza o teu site, para que as boas práticas de design de landing pages se mantenham consistentes nas páginas novas.
Escolhe uma métrica para acompanhar este mês, como o tempo na página ou os formulários iniciados, para as alterações de design ficarem ligadas aos resultados do negócio e não só ao gosto.
Como este tema se liga ao resto da tua marca
As escolhas visuais raramente ficam numa só página. As boas práticas de design de landing pages dão destaque ao título, à prova e a uma só ação principal.
As tuas publicações nas redes sociais, os emails e os materiais impressos devem repetir a mesma hierarquia, as mesmas cores e as mesmas regras de tipografia que usas na web.
Quando o visual da marca se desvia, os clientes sentem uma pequena dissonância, mesmo que não a saibam explicar.
Usa o design de websites para pequenas empresas para comparar ideias com um capítulo relacionado deste módulo.
As páginas com um único objetivo rendem mais do que as páginas iniciais genéricas nas campanhas pagas.
Perguntas comuns que as pessoas esquecem
Termos secundários como boas práticas de design de landing pages e design da página inicial ajudam-te a procurar exemplos mais profundos e a comparar o teu trabalho com os padrões comuns.
As boas práticas de design de landing pages dão destaque ao título, à prova e a uma só ação principal.
Escreve uma alteração, com antes e depois, que vais testar numa página real esta semana. Pequenas edições medidas valem mais do que planos vagos.
Ensinar à tua equipa um vocabulário comum sobre como desenhar uma landing page reduz as rondas de revisão com designers e agências.
Ferramentas que facilitam as atualizações visuais
Não precisas de código à medida para melhorar muitos problemas de esquema e de estilo. Um editor visual permite ajustar espaçamento, cores e tipografia enquanto vês a pré-visualização em telemóvel e computador.
O WEMASY inclui um criador de websites com edição visual, para publicares alterações sem esperares por um programador em cada pequeno ajuste. Abre o criador de websites quando estiveres pronto para aplicar o que aprendeste.
Quando publicares atualizações, revê as boas práticas de design de landing pages e o design de botões para o módulo continuar ligado na tua cabeça.
Já tens uma lente de trabalho para como desenhar uma landing page. Usa-a quando reveres o teu site, aprovares materiais de marketing ou deres instruções a um designer. Continua com o design de botões e o design de websites para pequenas empresas para manteres o ritmo neste módulo.
Perguntas frequentes
Quanto tempo leva a melhorar como desenhar uma landing page?
A maioria das pequenas empresas vê páginas mais claras em poucas sessões focadas, depois de aplicar o essencial deste capítulo. Começa pela página inicial e depois leva as mesmas regras para as páginas de serviços e de contacto.
Precisas de um designer para trabalhar como desenhar uma landing page?
Um designer ajuda em redesenhos de marca complexos, mas muitas correções ligadas a como desenhar uma landing page podem ser feitas por ti, quando sabes o que procurar. Usa as boas práticas de design de landing pages junto com este capítulo para teres mais orientação.
O WEMASY pode ajudar-te a aplicar como desenhar uma landing page no teu website?
O WEMASY inclui um editor visual no criador de websites, para ajustares esquema, cores e tipografia sem código. Abre o criador de websites para atualizares modelos e veres as alterações no telemóvel.
Qual é o erro mais comum com como desenhar uma landing page?
As pessoas tentam corrigir tudo de uma vez em vez de uma página de cada vez. Escolhe uma só prioridade, como a legibilidade ou o contraste, e depois consulta o design de botões para a melhoria seguinte.
Como se liga como desenhar uma landing page ao SEO?
Uma hierarquia visual clara e um texto legível mantêm os visitantes mais tempo na página, o que reforça os sinais de envolvimento que os motores de pesquisa observam. Junta as correções de design a uma boa estrutura de conteúdo para teres os melhores resultados.
O que deves aprender a seguir depois de como desenhar uma landing page?
Continua com as boas práticas de design de landing pages e o design de botões neste livro, para construíres um sistema visual completo para a tua marca online.