Todo projeto de site come\u00e7a do mesmo jeito: uma lista do que precisa entrar. E a lista \u00e9 sempre grande demais.<\/p>\n\n\n\n
Quem manda fazer quer contar a hist\u00f3ria da empresa, os valores, a miss\u00e3o, o diferencial, a equipe, o processo, os certificados, os parceiros, o portf\u00f3lio, o blog, a newsletter e a \u00e1rea do cliente. Cada item entrou na lista por um motivo leg\u00edtimo \u2014 algu\u00e9m, em algum momento, sentiu falta daquilo.<\/p>\n\n\n\n
O problema \u00e9 que uma p\u00e1gina que diz tudo n\u00e3o diz nada. A aten\u00e7\u00e3o de quem visita \u00e9 finita e curta, e cada elemento a mais divide o que sobrou.<\/p>\n\n\n\n
A gente usa uma regra s\u00f3, e ela \u00e9 bruta de prop\u00f3sito:<\/p>\n\n\n\n
\nCada elemento da p\u00e1gina precisa fazer uma destas tr\u00eas coisas: responder uma obje\u00e7\u00e3o, provar alguma coisa, ou pedir uma a\u00e7\u00e3o. O que n\u00e3o faz nenhuma das tr\u00eas, sai.<\/strong><\/p>\n<\/blockquote>\n\n\n\n
Parece simplista. \u00c9 justamente por isso que funciona: ela transforma uma discuss\u00e3o de gosto numa pergunta que tem resposta.<\/p>\n\n\n\n
Quando algu\u00e9m defende manter uma se\u00e7\u00e3o, a pergunta n\u00e3o \u00e9 “voc\u00ea gosta disso?”. \u00c9 “qual das tr\u00eas?<\/strong>“. Se a resposta demora a vir, j\u00e1 est\u00e1 respondida.<\/p>\n\n\n\n
Como isso derruba as se\u00e7\u00f5es mais comuns<\/h2>\n\n\n\n
“Nossa hist\u00f3ria”, com a linha do tempo desde 1998.<\/strong> Qual das tr\u00eas? Pode ser prova \u2014 tempo de mercado \u00e9 prova. Mas ela quase nunca est\u00e1 no lugar certo. Uma linha do tempo na primeira dobra responde uma pergunta que ningu\u00e9m fez ainda; a pessoa acabou de chegar, ela quer saber o que voc\u00ea faz. “H\u00e1 27 anos no mercado” como uma linha, junto de outras provas, faz o mesmo trabalho em um cent\u00e9simo do espa\u00e7o.<\/p>\n\n\n\n
“Miss\u00e3o, vis\u00e3o e valores.”<\/strong> Qual das tr\u00eas? Nenhuma. Ningu\u00e9m nunca contratou ningu\u00e9m por causa de um quadro de valores, e todo mundo escreve os mesmos. \u00c9 a se\u00e7\u00e3o que mais consome espa\u00e7o nobre e menos produz. Se os valores importam de verdade, eles aparecem no jeito como o resto da p\u00e1gina est\u00e1 escrita \u2014 n\u00e3o numa lista.<\/p>\n\n\n\n
O carrossel de banners na primeira tela.<\/strong> Qual das tr\u00eas? Ele tenta<\/em> fazer as tr\u00eas, e \u00e9 por isso que falha. Um carrossel \u00e9 uma se\u00e7\u00e3o que n\u00e3o conseguiu decidir. Na pr\u00e1tica, quase todo mundo v\u00ea s\u00f3 o primeiro slide, e os outros existem para acalmar a discuss\u00e3o interna sobre qual mensagem vem primeiro. Escolha uma.<\/p>\n\n\n\n
O v\u00eddeo institucional de dois minutos.<\/strong> Qual das tr\u00eas? Prova, em tese. Mas exige do visitante dois minutos de aten\u00e7\u00e3o antes de ele saber se voc\u00ea resolve o problema dele. \u00c9 pedir cr\u00e9dito antes de dar motivo. V\u00eddeo funciona bem \u2014 depois, quando a pessoa j\u00e1 se interessou.<\/p>\n\n\n\n
Logotipos de clientes sem nome, sem link, sem contexto.<\/strong> Qual das tr\u00eas? Prova fraca. Prova que existiu uma rela\u00e7\u00e3o comercial, n\u00e3o que deu certo. Tr\u00eas casos com nome, link e resultado valem mais que trinta logotipos.<\/p>\n\n\n\n
O que quase nunca sai<\/h2>\n\n\n\n
Do outro lado, existem elementos que passam na regra com folga e que costumam estar mal colocados ou ausentes:<\/p>\n\n\n\n
A frase que diz o que voc\u00ea faz e para quem.<\/strong> Responde a obje\u00e7\u00e3o mais b\u00e1sica de todas. Deveria ser a primeira coisa leg\u00edvel, e em metade dos sites ela n\u00e3o existe em lugar nenhum \u2014 est\u00e1 subentendida.<\/p>\n\n\n\n
O telefone vis\u00edvel.<\/strong> Pede uma a\u00e7\u00e3o. No celular, deveria estar a um toque de qualquer ponto.<\/p>\n\n\n\n
A faixa de pre\u00e7o.<\/strong> Responde a obje\u00e7\u00e3o mais forte. Quase sempre ausente.<\/p>\n\n\n\n
Um caso com link.<\/strong> Prova, de verdade.<\/p>\n\n\n\n
A resposta \u00e0s d\u00favidas chatas.<\/strong> Prazo, forma de pagamento, o que acontece se der errado, quem faz o trabalho. Toda empresa tem uma lista dessas \u2014 s\u00e3o as perguntas que se repetem em toda conversa de WhatsApp. Cada uma respondida na p\u00e1gina \u00e9 uma conversa que come\u00e7a mais adiantada.<\/p>\n\n\n\n
O corte acontece antes do desenho<\/h2>\n\n\n\n
Uma observa\u00e7\u00e3o sobre ordem, que muda o custo do processo.<\/p>\n\n\n\n
Se a p\u00e1gina for desenhada primeiro e o conte\u00fado entrar depois, cortar fica caro: cada corte quebra um layout que j\u00e1 foi aprovado, e a discuss\u00e3o deixa de ser sobre a utilidade do elemento e passa a ser sobre o buraco que ele deixa.<\/p>\n\n\n\n
Se o conte\u00fado for decidido primeiro, cortar \u00e9 de gra\u00e7a \u2014 \u00e9 apagar uma linha de uma lista.<\/p>\n\n\n\n
\u00c9 por isso que a gente escreve antes de desenhar. N\u00e3o por prefer\u00eancia de m\u00e9todo: porque \u00e9 onde o corte custa menos.<\/p>\n\n\n\n
O teste final<\/h2>\n\n\n\n
Quando a p\u00e1gina estiver montada, fa\u00e7a este exerc\u00edcio com ela:<\/p>\n\n\n\n
Tape tudo menos a primeira tela.<\/strong> O que sobrou responde “o que essa empresa faz e para quem”? Se n\u00e3o, nada do que vem abaixo vai ser lido, porque ningu\u00e9m rola uma p\u00e1gina que ainda n\u00e3o entendeu.<\/p>\n\n\n\n
Conte as a\u00e7\u00f5es poss\u00edveis.<\/strong> Se houver mais de duas coisas diferentes pedindo o clique da pessoa na mesma altura da p\u00e1gina, voc\u00ea dividiu a aten\u00e7\u00e3o dela em duas e n\u00e3o vai ganhar nenhuma.<\/p>\n\n\n\n
Leia em voz alta.<\/strong> O que soar como texto de folder \u2014 “solu\u00e7\u00f5es inovadoras”, “excel\u00eancia no atendimento”, “parceria de sucesso” \u2014 \u00e9 enchimento. Enchimento nunca passa na regra das tr\u00eas.<\/p>\n","protected":false},"excerpt":{"rendered":"
Toda p\u00e1gina come\u00e7a querendo dizer tudo. A regra que a gente usa para cortar tem uma pergunta s\u00f3, e ela resolve quase todas as discuss\u00f5es de aprova\u00e7\u00e3o.<\/p>\n","protected":false},"author":1,"featured_media":24,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-23","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bastidores"],"_links":{"self":[{"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/posts\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":1,"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/posts\/23\/revisions"}],"predecessor-version":[{"id":25,"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/posts\/23\/revisions\/25"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/media\/24"}],"wp:attachment":[{"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/media?parent=23"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/categories?post=23"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/grupomelvor.com.br\/blog\/wp-json\/wp\/v2\/tags?post=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}