Exemplos Visuais

Melhores práticas e oportunidades identificadas nos players analisados

Melhores Práticas Identificadas

VExpenses - Comunicação objetiva

A VExpenses apresenta uma proposta de clara, direta e ao mesmo tempo ampla, logo na primeira dobra do site. A mensagem no banner hero "Gestão de despesas, viagens e cartões corporativos: tudo em uma só plataforma" comunica imediatamente os serviços (sendo oferecido 3 serviços de uma só vez), em uma frase pequena mas bastante forte. Vale ressaltar a frase de headline está dentro de uma heading tag (H1), isso facilitar tanto para os algoritmos, como também para os usuários.

Abaixo da mensagem de headline, são apresentados quatro soluções de maneira muito objetiva, reforçando a proposta dos serviços oferecidos e facilitando a compreensão rápida do usuário e dos algoritmos:

  • Prestação de contas
  • Reservas de viagens
  • Meios de pagamento
  • IAs e ferramentas gerenciais

Principais aprendizados:

  • Comunicar o benefício principal de forma clara e direta na primeira dobra
  • Banner hero com poucas cores, textos grandes que reforçam comunicação
  • Utitlizar CTA's claros e em tamanho grande, sempre abaixo da comunicação
  • Incluir keywords bem relevantes para o usuário e algoritmos

Clara - Formulário de lead simplificado

A Clara possui um formulário de captação de lead simplificado, com apenas 3 campos essenciais: e-mail, telefone e opt-in, abaixo de uma headline que poderia ter um conteúdo mais otimizado, mas ainda assim uma abordagem minimalista que reduz significativamente a fricção no processo de conversão.

Elementos que se destacam neste formulário:

  • Campos (e-mail, telefone e opt-in) claramente identificados
  • CTA com texto orientado objetivo
  • Texto de headline e subtítulo bem simples
  • Formulário de captação bem otimizado para mobile

Principais aprendizados:

  • Minimizar o número de campos para reduzir a fricção na conversão
  • Utilizar camplos claros e objetivos, facilitam a captura
  • Destacar o botão de CTA com cor contrastante
  • Formulário simples para mobile pode aumentar a taxa de conversão

PagCorp - Proposta objetiva

A PagCorp (nova versão do site) apresenta uma estrutura de banner hero que foca no termo gestão de despesas corporativas, essa comunicação está correta, mas precisa colocar dentro de uma estrutura de heading tag (neste caso dentro de um H1), para que a página passe a ter relevância para esse termo.

Elementos de destaque nesta implementação:

  • Headline claro e direto ("gestão de despesas corporativas")
  • Subtexto explicativo que complementa o headline
  • CTA com texto de ação claro ("ABRA SUA CONTA PJ")
  • Representação visual do produto nos slides rotativos
  • Representação de cartão corporativo em destaque, reforçando visualmente o serviço oferecido

Principais aprendizados:

  • Utilizar layout dividido para equilibrar texto e elementos visuais
  • Criar um fluxo visual que guie o usuário da proposta de valor para o CTA
  • Incluir representação visual do produto para tangibilizar a oferta
  • Utilizar headline com palavras-chave relevantes para o negócio

Conta Simples - Comunicação objetiva e com credibilidade

A Conta Simples possui um banner hero bom, possui uma garota propaganda bem conhecida, que aumenta muito a confiança, na headline uma frase contendo uma keyword boa ("Gestão de despesas"), que poderia ser melhor otimizada. Possui 2 botões de CTA's ("Agende uma demo" e "Abra sua conta"), em cores diferentes, para chamar a atenção e dar foco para o usuário, o que ajuda bastante na captação.

Elementos que se destacam nesta implementação:

  • Título claro que comunica o objetivo ("Gestão de despesas")
  • Subtítulo bem forte ("Sua empresa na nova era da eficiência financeira.")
  • Garota propaganda que traz credibilidade
  • Primeira dobra (primeira visualização de tela) mobile boa e simples

Principais aprendizados:

  • Headline objetiva e direta
  • Subtítulo compondo bem o objetivo do banner hero
  • Utilizar design limpo com botões de CTA com cores fortes
  • Garota propaganda aumenta muito a credibilidade para a captura de leads

Portão 3 - Comunicação forte e plataforma robusta

O Portão 3 traz uma primeira dobra bem clean, mas com uma comunicação bem forte e objetiva. Apesar de estar utilizando uma frase forte, não utiliza uma boa prática para SEO, colocando de maneira errada a as keywords na frase. Também oferece uma chamada bem forte ("Milhares de clientes usando a plataforma") que gera bastante credibilidade (milhares de usuários demonstra ser uma plataforma robusta). O botão de CTA poderia ser melhor aproveitado, mas está em excelente posição.

Elementos de destaque nesta implementação:

  • A segunda seção já de cara tras uma frase muito forte ("O cartão para todo o tipo de empresa")
  • A terceira detalha bem os números, o que aumenta ainda mais a visão de plataforma robusta
  • Detalha bem o onboarding, exemplificando de maneira bem visual ("Abra sua conta", "Ative a segurança", "Crie seus cartões")
  • Quase todas as seções trazem botões CTA's

Principais aprendizados:

  • Mensagens bem objetivas nas seções da home
  • Banner hero oferecendo credibilidade
  • Seção de numeros geram bastante confiança
  • Seção de onboarding simples e de fácil compreensão