Guia de Componentes

Guia de Componentes

Componentes são os principais blocos de construção usados para montar páginas no FaceFlow.

Se uma página precisa de uma seção estruturada do site, como uma seção de destaque (hero), área de preços, FAQ, galeria, seção de chamada para ação (CTA), grade de serviços ou bloco de contato, um Componente geralmente é a ferramenta certa.

Quando Usar um Componente

Use um Componente quando você precisar de:

  • uma seção visível da página com sua própria estrutura
  • uma seção repetível que pode aparecer em muitas páginas
  • conteúdo que deve permanecer dentro de um padrão de design consistente
  • uma seção com vários campos editáveis, como título, texto, imagem, links ou ações

Bons exemplos incluem:

  • seções de destaque (hero)
  • grades de recursos
  • cartões de serviço
  • seções de preços
  • FAQs
  • seções de depoimentos
  • seções de contato
  • blocos de conversão orientados por formulários

Quando Não Usar um Componente

Não use um Componente quando:

  • o conteúdo for apenas um trecho muito pequeno compartilhado
  • o conteúdo pertencer a um campo de página único e não precisar de estrutura de seção
  • você só precisar reutilizar um fragmento curto, como um aviso, rótulo ou detalhe de suporte

Nesses casos, uma Variável pode ser a opção mais adequada.

Fluxo de Trabalho Recomendado

  1. Comece com o objetivo da página
  2. Escolha as seções que suportam esse objetivo
  3. Reutilize Componentes existentes antes de solicitar ou criar novos
  4. Preencha os campos com cuidado
  5. Reveja a ordem das seções na página
  6. Visualize antes de publicar

Como Escolher Componentes Melhores

Pergunte:

  • Esta seção ajuda o visitante a avançar?
  • Já existe um Componente comprovado para essa necessidade?
  • Esta seção pertence à jornada da página, ou é apenas ruído visual?

As melhores escolhas de Componente geralmente vêm do objetivo da página, não apenas da preferência visual.

Casos de Uso Comuns

  • seções de página de destino
  • visões gerais de serviços
  • áreas de preços e comparação
  • seções de perguntas frequentes
  • seções de prova social e avaliações
  • blocos de CTA orientados por formulários

Erros Comuns

  • adicionar muitas seções a uma página
  • escolher seções que repetem a mesma mensagem
  • criar Componentes quase idênticos por pequenas diferenças de conteúdo
  • sobrecarregar uma seção com muita informação não relacionada
  • esquecer de revisar a ordem e a transição entre seções

Orientações para a Equipe

  • prefira reutilização em vez de quase-duplicação
  • mantenha a nomeação dos Componentes compreensível
  • escolha a seção mais simples que atenda ao objetivo da página
  • trate Formulários e Avaliações como parte da jornada da página, não como complementos

Relacionado