Porque é que algumas marcas parecem logo de confiança e outras parecem amadoras, mesmo com bons produtos? Parte da resposta está nas boas práticas de design de landing pages. Não precisas de um curso de design para melhorar. Precisas de uma definição clara e de algumas verificações práticas.
As boas práticas de design de landing pages incluem títulos claros, listas fáceis de percorrer e sinais de confiança. 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 como desenhar uma landing page se encaixa no mesmo quadro. Vamos passo a passo.
Ideias centrais das boas práticas de design de landing pages
As boas práticas de design de landing pages incluem títulos claros, listas fáceis de percorrer e sinais de confiança.
Faz a mensagem do anúncio coincidir com o texto do título, para haver continuidade do clique até à página.
O above the fold das landing pages deve repetir a promessa do anúncio.
Pôr em prática
Usa um só objetivo de formulário ou de botão por variante de landing page.
Explora o design de botões e o design de websites para pequenas empresas para ligares este tema ao resto do módulo.
Pequenas melhorias consistentes valem mais do que redesenhos completos ocasionais, quando estás a aprender.
Lista prática para usares hoje
Usa um só objetivo de formulário ou de botão por variante de landing page.
Quando reveres uma página, pergunta se as boas práticas de design de landing pages se notam 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 nas boas práticas de design de landing pages do teu site.
Partilha esta lista com quem atualiza o teu site, para que como desenhar uma landing page se mantenha consistente 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. O above the fold das landing pages deve repetir a promessa do anúncio.
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 que é web design para comparar ideias com um capítulo relacionado deste módulo.
Faz a mensagem do anúncio coincidir com o texto do título, para haver continuidade do clique até à página.
Perguntas comuns que as pessoas esquecem
Termos secundários como como desenhar uma landing page e above the fold ajudam-te a procurar exemplos mais profundos e a comparar o teu trabalho com os padrões comuns.
O above the fold das landing pages deve repetir a promessa do anúncio.
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 as boas práticas de design de landing pages 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ê o design de botões e o design de websites para pequenas empresas para o módulo continuar ligado na tua cabeça.
Já tens uma lente de trabalho para as boas práticas de design de landing pages. Usa-a quando reveres o teu site, aprovares materiais de marketing ou deres instruções a um designer. Continua com o design de websites para pequenas empresas e o que é web design para manteres o ritmo neste módulo.
Perguntas frequentes
Quanto tempo leva a melhorar as boas práticas de design de landing pages?
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 as boas práticas de design de landing pages?
Um designer ajuda em redesenhos de marca complexos, mas muitas correções ligadas às boas práticas de design de landing pages podem ser feitas por ti, quando sabes o que procurar. Usa o design de botões junto com este capítulo para teres mais orientação.
O WEMASY pode ajudar-te a aplicar as boas práticas de design de landing pages 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 as boas práticas de design de landing pages?
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 websites para pequenas empresas para a melhoria seguinte.
Como se ligam as boas práticas de design de landing pages 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 das boas práticas de design de landing pages?
Continua com o design de botões e o design de websites para pequenas empresas neste livro, para construíres um sistema visual completo para a tua marca online.