Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Landing Pages

5 Características de uma Excelente Landing Page

by
Length:ShortLanguages:

Portuguese (Português) translation by Thiago Oliveira (you can also view the original English article)

Uma landing page dá aos visitantes do seu site uma primeira impressão crucial. Essa impressão pode ser a diferença entre fazer uma conexão ou criar uma desconexão. Portanto, todo detalhe importa na busca por manter o interesse de um usuário.

Aqui estão cinco coisas para se buscar em uma excelente landing page, junto com exemplos que acertaram nisso. Todos os exemplos que vamos mostrar são do Envato Elements, um serviço que provê aos membros acesso ilimitado a uma vasta biblioteca de templates, fontes, add-ons e recursos de design – tudo por um único valor mensal.

1. Um Call-To-Action (CTA) Claro

A missão singular de cada landing page deve ser convencer o usuário a tomar uma ação. Quer essa ação tenha a forma de entrar em contato com você, fazer o download de um arquivo ou fazer uma compra — um simples, claramente definido Call-To-Action (CTA) pode o ajudar a converter.

Hype é uma landing page em HTML/CSS que provê um CTA atrativo e de fácil leitura. A chamada está bem no topo e consiste de um título, botões notáveis e uma bela imagem. Como um usuário, você não precisa pensar duas vezes sobre qual o objetivo da página — está tudo aí.

Hype - App Landing Page
Hype - App Landing Page

2. Separação de Seções de Conteúdo

Cada seção de uma landing page deve ter seu próprio espaço para respirar. Junto com espaço em branco, backgrounds e imagens também podem ser usados para prover separação visual. Isso ajuda a assegurar que os usuários não serão sobrecarregados ou distraídos durante sua passagem. Sites de páginas únicas usam isso com um grande efeito com a ajuda de navegação ancorada, provendo a cada nova seção uma separação clara da anterior.

O template PURE é um grande exemplo pois usa uma combinação de espaço em branco, backgrounds e fotos para fazer cada seção destacar-se. Outro toque legal é o uso de bullets de navegação que deixam os usuários fazerem o scroll uma seção de cada vez. Isso realmente o ajuda a manter foco em somente um pedaço do conteúdo.

PURE - Sublime Coming Soon Template
PURE - Sublime Template Coming Soon

3. Texto limpo e Conciso

Quanto mais fácil for para os usuários ler e digerir o conteúdo da sua landing page, melhores suas chances de sucesso. Use fontes que são legíveis com uma saudável dose de espaçamento entre letras e altura de linha. E, também é aconselhável evitar extensos blocos de conteúdo de texto. Conteúdo que vai direto ao ponto é mais eficiente e simplesmente aparenta melhor.

Advent é um template de landing page que provê um projeto sólido para essa filosofia. Ele conta com tipografia lindamente executada (porém, um pouco mais de contraste em algumas seções seria legal — isso pode ser ajustado facilmente via CSS) e conteúdo conciso do começo ao fim. Seguir o exemplo de suas páginas demo vai te colocar na direção certa.

Advent Multipurpose Landing Page Template
Advent Template de Landing Page de Múltiplos Propósitos

4. Uso de Informação Visual

Junto com o texto que é tanto curto como agradável, o uso de imagens pode fazer uma grande parte para definir sua mensagem geral. Isso vem na forma de uma foto com legenda, diagrama, gráfico ou infográfico. Elementos visuais como esses geralmente esclarecem o ponto muito melhor do que somente texto.

Ex Watch é um excelente exemplo de uma landing page que usa vários elementos para informar visualmente os usuários. Tem fotos do produto diagramadas, ícones que chamam a atenção para características específicas e um engenhoso uso de animação. É visualmente atrativo e conta uma história.

Ex Watch - Single Product eCommerce HTML
Ex Watch - HTML para eCommerce de Produto Único

Como um bônus, vale notar que existem toneladas de excelentes recursos visuais como esse disponíveis para os membros do Envato Elements. Navegue pela coleção de Infográficos, Ícones e outras Imagens Vetoriais para ter uma noção do que está disponível. Eles podem ser muito úteis para criar a exata aparência e mensagem que você está querendo.

5. Esquema de Cores Atrativo

O uso de cor é certamente um assunto subjetivo de gosto pessoal. Mas vale apontar que uma landing page que use cor de uma maneira amigável ao usuário pode fazer-se mais fácil de usar e entender. Elementos de navegação codificados por cores e usar proporções de alto contraste são maneiras simples de impulsionar o UX.

Dando uma olhada no Landify, seu uso de cores é proeminente. É agradável de se olhar enquanto calls to action são incrivelmente simples de se apontar. De algumas maneiras, a aparência é bem simples, mas isso é o que faz esse template tão efetivo.

Landify
Landify

Sua Mensagem Chegou!

Enquanto você pode usar uma landing page para uma grande variedade de assuntos, certos elementos devem ser comuns nela. Você vai querer ter certeza que é agradável aos olhos e fácil de usar. Ela também pode contar uma história ao usuário da maneira mais efetiva e levá-lo a tomar uma ação. Com a ajuda dos templates acima do Envato Elements, você estará no caminho para alcançar justamente isso.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.