web design uiMay 1, 202610 min read

O Problema da Página de Preços

A maioria das páginas de preços é teatro de conversão montado por times de growth que nunca precisaram desenhar mais nada. A página de preços é a tela mais honesta do site. Veja o que as claras acertam e no que as inchadas erram.

By Boone
XLinkedIn
the pricing page problem

A página de preços é a página em que o time admite que não conseguiu decidir pelo que cobrar. Quatro planos, oito colunas de checkmarks, um portão "Fale com vendas" no meio, um seletor anual escondido no canto. O time de growth chamou isso de experimento de conversão e publicou. O visitante rola uma vez, volta para a outra aba e nunca te conta por que foi embora.

Se o usuário não consegue saber em qual plano se encaixa lendo o título, o problema é o produto, não o layout. Preço é uma decisão de produto renderizada como design. A maioria das páginas de preços usa layout para compensar uma opinião que o time nunca terminou de formar.

A página de preços é a tela mais honesta do site

Uma página de preços expõe se o time sabe quem paga e por quê. Toda outra página de marketing pode se esconder atrás do texto. Esta não pode.

Uma homepage vende uma vibe. Uma página de recursos vende uma lista. Uma página de preços precisa se comprometer: planos, números, para quem são, o que muda entre eles. Toda ambiguidade em outro lugar aparece aqui como uma quarta coluna ou uma nota de rodapé.

Times que acertam escolhem um lado antes de escolher um layout. Times que não acertam rodam um teste A/B no layout e chamam de estratégia. "Testar 7 variantes" é um substituto para clareza de produto, e o cliente sente a diferença mesmo sem saber nomeá-la.

Os cinco modos de falha

Toda página de preços fraca falha de um entre cinco jeitos reconhecíveis. Os cinco estão em produção agora mesmo.

Grade de voxels com quatro blocos rotulados: MURO DE QUATRO PLANOS com colunas idênticas, MAR DE CHECKMARKS com linhas empilhadas, PÁGINA CALCULADORA com campos de entrada e PORTÃO FALE COM VENDAS com uma porta coral fechada
Grade de voxels com quatro blocos rotulados: MURO DE QUATRO PLANOS com colunas idênticas, MAR DE CHECKMARKS com linhas empilhadas, PÁGINA CALCULADORA com campos de entrada e PORTÃO FALE COM VENDAS com uma porta coral fechada

O muro de quatro planos. Hobby, Pro, Team, Enterprise, as quatro colunas com a mesma altura e listas de recursos que se sobrepõem. Quatro planos geralmente significa que o time não conseguiu se comprometer com três e não conseguiu justificar dois. Uma indecisão fantasiada de escolha.

O mar de checkmarks de recursos. Oito colunas, quarenta linhas, cada célula um check verde ou um traço apagado. Usuários avançados não precisam disso. Compradores casuais não conseguem ler. O olho do visitante desiste na linha quatro.

A página-calculadora como preço. Um slider para assentos, um seletor para uso, um multiplicador por região. O usuário agora está desenhando os planos da empresa. Calculadoras funcionam quando a unidade é a calculadora. Falham quando o time recorre a uma para fugir de uma decisão de preço.

O portão "Fale com vendas" no meio. Três planos visíveis, o do meio um botão com ponto de interrogação no lugar de um número. O usuário veio se qualificar e a página acabou de desqualificá-lo. O padrão indica que o time vende por ligação porque não consegue articular valor numa página.

A tabela comparativa que ninguém lê. Uma matriz expandida abaixo dos cards, vendida como "transparência". Não é. É o documento de especificação que o time de produto não conseguiu transformar em preço. Transparência de verdade é ter uma opinião clara.

Preço é uma decisão de produto renderizada como design

As páginas de preços mais claras refletem uma opinião clara de produto sobre quem é o usuário e pelo que ele paga. A página é curta porque a opinião é curta.

Uma página de preços é a seção hero do caminho de conversão. O que você disser ali é a oferta. O visitante lê a página como o produto, do mesmo jeito que uma landing page é lida como a marca.

A maioria das páginas de preços fica mais pesada a cada trimestre porque o time adiciona planos em vez de remover. Cada novo segmento vira uma coluna. Cada objeção de vendas vira um asterisco. Dois anos depois, a página é um museu de desacordos internos em checkmarks.

Exemplos que mereceram a tela

Nomes reais, detalhes reais de superfície.

Diagrama de voxels com três pedestais rotulados HOBBY, TEAM, BUSINESS, cada um com um chip coral que nomeia uma única decisão: SOLO, ASSENTOS, ESCALA, com botões ciano na base
Diagrama de voxels com três pedestais rotulados HOBBY, TEAM, BUSINESS, cada um com um chip coral que nomeia uma única decisão: SOLO, ASSENTOS, ESCALA, com botões ciano na base

Linear. Free, Standard, Plus, Enterprise. Conta por assento, números reais acima da dobra, uma tabela comparativa curta em que as colunas realmente significam coisas diferentes. Opinativa sobre para quem é o Plus, sem desvio para território de "landing page de marketing".

Vercel. Hobby, Pro, Enterprise. Por assento é honesto, os números de banda e minutos de build ficam visíveis, a calculadora só aparece onde corresponde à unidade. Hobby grátis, Pro vinte por assento, Enterprise é a ligação. Três decisões, três botões, nenhum portão no meio.

Stripe. O caso raro em que a calculadora é o preço. A unidade é por transação, então a calculadora é o produto. 2,9% mais 30 centavos é a referência que o mercado cita de cabeça.

Cursor. Por assento, simples, com o plano de IA posicionado como padrão. Free é um plano de verdade, não um programa de reabilitação. O Pro tem um número, sem asterisco. O Business é para times que precisam de SSO.

GitHub. Free, Team, Enterprise. O modelo mal mudou em uma década e ainda funciona. Quem está sozinho não paga nada. O Team ganha repositórios privados compartilhados. O Enterprise ganha SAML, SCIM e logs de auditoria. Cada plano corresponde a um estado organizacional real.

Superhuman. Trinta dólares por mês e eles falam sério. Sem plano grátis, sem plano isca, sem a indecisão do "starter". Ou você precisa do produto por esse preço, ou não precisa.

Figma. Assento com papel. Editores pagam, visualizadores não. O Dev Mode é um chip ao lado, não um quarto plano enfiado entre Professional e Organization.

Notion. Por assento, com o complemento de IA como linha separada. Essa decisão diz ao comprador que a IA é um custo real e um recurso real, não um aumento de preço embutido.

Anthropic. Dois cortes, desenvolvedores e empresas, com faixas de uso dentro de cada um. O corte é a opinião. Um dev solo na API não é o mesmo comprador que um time no Claude for Work.

Framer. O contraexemplo que a maioria dos leitores vai reconhecer. A proliferação de planos produziu uma página que faz mais perguntas do que responde. O produto é excelente, a página de preços parece de um time que ainda não terminou de decidir o que ele é.

O contraexemplo sem nome: a página de preços de SaaS com 27 recursos por plano que perde o comprador na linha quatro. Você fechou essa aba. Todo prospect também.

Cinco regras para uma página de preços que entrega uma opinião

Essas regras se acumulam. Acerte quatro e a página funciona. Acerte duas e você tem o muro de quatro planos.

Pilha de voxels com cinco barras inclinadas rotuladas UMA OPINIÃO DE PRODUTO, UMA DECISÃO POR PLANO, NÚMEROS REAIS NO TOPO, SEM CALCULADORA A MENOS QUE A UNIDADE SEJA A CALCULADORA, SEM PORTÃO DE VENDAS ANTES DE QUALIFICAR
Pilha de voxels com cinco barras inclinadas rotuladas UMA OPINIÃO DE PRODUTO, UMA DECISÃO POR PLANO, NÚMEROS REAIS NO TOPO, SEM CALCULADORA A MENOS QUE A UNIDADE SEJA A CALCULADORA, SEM PORTÃO DE VENDAS ANTES DE QUALIFICAR

Regra 1: Uma opinião de produto, declarada acima da dobra

A página abre com uma frase sobre para quem é o produto. Não o slogan da homepage. Uma frase que o comprador usa para se qualificar em três segundos. A Linear abre com time e fluxo de trabalho. A Vercel abre com desenvolvedor e deploy. A Superhuman abre com o preço e a promessa.

Regra 2: Uma decisão por plano

Cada plano corresponde a uma decisão que o comprador está tomando. Solo versus time. Cinco assentos versus cinquenta. Self-serve versus contrato. Se dois planos existem para a mesma decisão, você tem dois planos a mais. Nomes de planos devem descrever a decisão, não pedras preciosas.

Regra 3: Números reais acima da dobra

Uma página de preços sem número acima da dobra é um formulário de geração de leads fantasiado. O preço é o pixel mais importante da tela. Se a página esconde o número atrás de um CTA "Ver preços", o time está vendendo outra coisa que não o produto.

Regra 4: Sem calculadora, a menos que a unidade seja a calculadora

A Stripe merece uma calculadora porque a unidade é por transação. A AWS merece uma porque a unidade é por segundo. Conta por assento não merece. Se o time recorre a uma calculadora para fugir de uma decisão de plano, a calculadora está piorando a página. A análise sobre projetar fricção de propósito mostra quando a fricção se paga. Na página de preços, quase nunca.

Regra 5: Sem "Fale com vendas" antes de o usuário poder se autoqualificar

O Enterprise ganha um botão de contato. Tudo bem. Colocar "Fale com vendas" no plano do meio é um imposto sobre o tempo do comprador. Se o time precisa da ligação para precificar, o time não terminou de precificar.

Antipadrões para deletar à primeira vista

Cinco padrões que aparecem em quase toda auditoria de preços. Cada um é sinal de que o time está se escondendo atrás do layout.

O desvio do "solicite um orçamento" com falso modal. Um botão que abre um formulário em vez de mostrar um número. O usuário preenche um formulário pelo privilégio de ser qualificado por um vendedor.

O seletor de cobrança anual escondido. Um seletor pequeno no canto que alterna todos os preços entre mensal e anual, com o padrão no número que fica melhor no print. O princípio de divulgação progressiva explica quando esconder coisas. Isto é o oposto.

O preço riscado como dark pattern. "Era $99, agora $79." Permanentemente. O risco não aponta para um preço anterior real há dois anos. O comprador sabe. A confiança acabou.

O selo "Mais Popular" no plano que o time quer vender. Selos de popularidade reais, baseados em dados reais, são ok. Selos pintados em qualquer plano que tenha a melhor margem são teatro, e os compradores fazem engenharia reversa da jogada. A análise estados vazios são o produto se aplica: a voz nas telas de venda tem que combinar com a voz nas telas honestas.

Planos com nomes de pedras preciosas. Bronze, Prata, Ouro, Platina. Os nomes não dizem nada ao comprador sobre para quem é o plano. Desperdiçam a única chance que a página tinha de qualificar o visitante num relance.

A auditoria da página de preços

Árvore de decisão em voxels a partir de um único chip coral de pergunta rotulado A PÁGINA PASSA, ramificando para seis cartões pequenos rotulados PLANOS, NÚMEROS, OPINIÃO, PORTÃO, SELO, AUDITORIA, cada um com uma caixa de seleção ciano
Árvore de decisão em voxels a partir de um único chip coral de pergunta rotulado A PÁGINA PASSA, ramificando para seis cartões pequenos rotulados PLANOS, NÚMEROS, OPINIÃO, PORTÃO, SELO, AUDITORIA, cada um com uma caixa de seleção ciano

Passe qualquer página de preços por estas sete perguntas. Se você não consegue responder cada uma com um sim claro, a página não está pronta.

  1. Um visitante de primeira viagem consegue escolher o plano em menos de dez segundos? Sem tour, sem rolagem, sem matriz. Título mais três cards deveriam bastar. Se precisam da tabela, os cards falharam.
  2. Há um valor real em dinheiro acima da dobra para pelo menos um plano? "Fale conosco" em todo lugar é uma página de contato fantasiada, não uma página de preços.
  3. O nome de cada plano descreve a decisão, não o metal? "Solo", "Team", "Enterprise" vencem "Bronze", "Prata", "Ouro". Se os nomes dos seus planos podem ser trocados sem mudar o sentido, eles não estão trabalhando.
  4. A tabela comparativa é curta o bastante para ser lida em uma tela? Se rola, perdeu. A tolerância do comprador é uma tela, um segundo por linha.
  5. A página funciona sem o seletor? Anual versus mensal deve ser uma escolha clara, não esconde-esconde. Use como padrão o preço que o time aceita defender por escrito.
  6. O selo "Mais Popular" é defensável? Se o time não consegue apontar dados por trás dele, o selo é teatro e o comprador está a um passo de perceber.
  7. "Fale com vendas" está reservado para o Enterprise? Em qualquer outro lugar, é fricção de que a página não precisa.

Uma página que passa nessas sete é uma em que o comprador confia. Uma página que falha em qualquer uma é aquela que o comprador abandonou sem te dizer por quê. A análise o anti-dashboard aplica a mesma disciplina às superfícies de produto, e o texto sobre princípios de web design mostra como o resto do site de marketing acompanha.

Velocidade faz parte da página

Uma página de preços que leva três segundos para renderizar perdeu o visitante antes de os cards aparecerem. Performance faz parte da decisão de preço, não é uma tarefa de engenharia separada. A análise velocidade é a marca explica por que tempo de carregamento é um atributo de marca. Páginas de preços punem a lentidão mais do que qualquer outra superfície do site.

As páginas de preços mais limpas renderizam rápido porque fazem menos. Três cards, uma tabela curta, um CTA. Sem carrossel de logos, sem vídeo com autoplay. A opinião é a página, e a página pesa menos por causa disso.

Perguntas frequentes

Quantos planos de preço um SaaS deve ter?

Três para a maioria, dois para alguns, quatro só se cada plano representar uma decisão claramente diferente. Passando de quatro, cada coluna dilui o resto da página. Um quinto plano geralmente significa que o time não se comprometeu com qual comprador o produto atende.

Uma página de preços deve mostrar preços reais ou escondê-los atrás de "Fale com vendas"?

Mostre preços reais para todo plano em que o comprador pode entrar por conta própria. Reserve "Fale com vendas" para o enterprise de verdade, em que o negócio exige contrato, compras e integração personalizada. Esconder o preço self-serve atrás de um portão de vendas sinaliza que o time não confia no preço.

Às vezes, mas só quando o selo reflete comportamento real dos clientes. Selos pintados em qualquer plano com a melhor margem ensinam o comprador a desconfiar da página. A conexão entre design de identidade de marca e preços importa: um selo desonesto custa mais em confiança do que rende em conversão.

Escolha a opinião, depois publique a página

A maioria das páginas de preços não falha porque o layout está errado. Falha porque o time não terminou de decidir para que serve o produto. A página vem depois da opinião de produto. Nenhuma quantidade de teste de variantes fecha essa lacuna.

As páginas que funcionam em 2026 são curtas, opinativas e óbvias. Linear, Vercel, Stripe, Cursor, GitHub, Superhuman, Figma, Notion. Nenhuma publica um muro de quatro planos. Nenhuma esconde o número. Nenhuma pede ao comprador que desenhe o próprio plano. Escolheram um lado, e a página carrega esse lado.

Se você quer um time que desenha a página de preços como decisão de produto em vez de experimento de growth, contrate a Brainy. Entregamos superfícies de preço que combinam com a marca e qualificam o comprador em menos de dez segundos.

Want a pricing page that ships an opinion instead of four indecisive tiers? Brainy designs pricing pages as a product decision, not a growth experiment.

Get Started

More from Brainy Papers

Keep reading