Dia 19: A oferta (planos e preços)
Transformando valor em conversão. Aprenda a projetar tabelas de preço que sejam claras, comparativas e que ajudem o usuário a escolher.
A psicologia por trás dos preços
Uma tabela de preços é uma ferramenta de persuasão. Mais do que apenas listar valores, ela deve guiar o usuário para a melhor escolha. Um truque comum é o efeito de ancoragem: destacar um plano como "Mais Popular" ou "Recomendado". Isso simplifica a decisão do usuário, que tende a seguir a sugestão, e cria um ponto de foco visual na sua interface.
Anatomia de uma tabela de preços eficaz
Para que uma tabela de preços funcione, cada plano deve ser apresentado em um card claro e comparável. Os elementos essenciais são:
- Nome do plano: Um título claro (ex: Básico, Profissional, Empresa).
- Preço: O elemento com maior destaque visual.
- Público-alvo: Uma linha curta que ajuda o usuário a se identificar (ex: "Ideal para freelancers").
- Lista de benefícios: O que o plano inclui. Use ícones de checkmark (✓) para facilitar a leitura.
- Botão de CTA: Uma chamada para ação clara (ex: "Assine Agora"). O botão do plano em destaque deve ser um botão primário.
Seu desafio de hoje: a oferta irrecusável
Sua missão é projetar a seção de Planos e Preços para a sua landing page, aplicando princípios de psicologia de design para guiar a decisão do usuário.
Checklist do desafio:
- Crie uma seção com 2 ou 3 planos para o seu produto/serviço do Dia 15.
- Para cada plano, defina um nome, um preço, um público-alvo e uma pequena lista de benefícios.
- Destaque visualmente um dos planos como a opção "Mais Popular" ou "Recomendada".
- Use um botão primário para o plano recomendado e botões secundários para os outros.
- Conecte ao seu Design System: Aplique consistentemente a paleta de cores, a tipografia e os espaçamentos que você já definiu.
Concluiu? Mostre como você vende seu peixe!
Uma boa página de preços é fundamental para qualquer negócio. Mostre como você estruturou a sua.