Por que a gente escreve o texto antes de desenhar a tela

Existe uma ordem de trabalho que virou padrão no mercado e que quase sempre custa caro: primeiro desenha-se a tela, depois escreve-se o texto para caber nela.

Faz sentido do ponto de vista de quem vende o projeto. O layout é o que impressiona na apresentação, é o que o cliente consegue avaliar rápido, é o que fecha a venda. O texto vem depois, e vem para preencher.

O resultado é previsível: um desenho bonito com frases genéricas dentro. “Soluções sob medida para o seu negócio.” “Excelência em cada detalhe.” “Sua parceira de confiança.” Frases que caberiam em qualquer empresa de qualquer ramo — e que, por isso, não convencem ninguém de nada.

O texto falso mente sobre o layout

Tem um problema técnico nessa ordem, antes mesmo do problema de conteúdo.

Quando se desenha com texto falso — aquele lorem ipsum, ou frases de exemplo curtinhas —, o layout é calibrado para um texto que não existe. O bloco tem espaço para um título de quatro palavras. O texto real tem doze. O card tem espaço para duas linhas de descrição. A descrição real tem cinco.

Aí acontece uma de duas coisas, e as duas são ruins:

O texto é cortado para caber no desenho. A informação que o cliente precisava dar é sacrificada por causa de uma caixa. É a decisão errada, tomada por um motivo que nada tem a ver com o negócio.

O desenho é remendado para acomodar o texto. As proporções que estavam boas na apresentação se desmancham, e o layout aprovado não é o layout entregue.

Um sintoma comum de layout desenhado com texto falso: todos os títulos de seção têm exatamente o mesmo tamanho de linha, e todos os cards têm a mesma altura de descrição. A vida real não é assim. Quando o texto vem primeiro, o desenho já nasce sabendo que um título tem três palavras e o outro tem onze.

O que muda quando o texto vem antes

As decisões difíceis acontecem cedo, quando ainda são baratas.

Escrever a primeira tela obriga a responder: o que essa empresa faz, e para quem? Se não houver resposta clara, a discussão é essa — e é uma discussão de estratégia, não de design. Melhor tê-la num documento de texto, onde mudar de ideia custa apagar uma linha, do que numa tela pronta, onde custa refazer.

O corte fica de graça.

Decidir que a seção de valores não entra é fácil quando ela é um item de uma lista. É caro quando ela é um bloco desenhado que já foi aprovado e vai deixar um buraco.

O desenho ganha um trabalho.

Isso é o mais importante e o menos óbvio. Quando existe um texto real, o layout deixa de ser decoração e passa a ter uma função: fazer aquele texto específico ser lido na ordem certa.

O que merece peso? O que precisa de respiro em volta? Onde a pessoa vai parar? O que ela vê primeiro se só olhar por dois segundos? Essas perguntas só têm resposta se houver um texto de verdade. Sem ele, o desenho vira arranjo de blocos bonitos.

Como a gente faz na prática

O documento de texto vem antes de qualquer pixel. Ele tem a cara de um roteiro:

SEÇÃO 1 · O que a gente faz  
    Título:     [frase de até 10 palavras]  
    Apoio:      [2 linhas]  
    Ação:       [texto do botão]
SEÇÃO 2 · Prova  
    Etiqueta:   [1 palavra]  
    Título:     ...

Feio, e de propósito. Sem cor, sem fonte, sem imagem — porque tudo isso desvia a conversa. A aprovação nessa etapa é sobre o que está sendo dito, e só.

Depois vem a tela, já sabendo o tamanho de cada coisa.

A parte que assusta o cliente

Essa ordem tem um custo real, e é justo dizer: as primeiras semanas do projeto não têm nada bonito para mostrar.

Enquanto o outro fornecedor já mandou três telas coloridas, a gente mandou um documento de texto. É desconfortável, e mais de um cliente já perguntou se o projeto estava andando.

Está — e é justamente aí que ele anda mais rápido, porque é a etapa em que mudar de ideia não custa nada.

O retorno aparece na aprovação: a tela chega quando o que ela precisa dizer já foi acordado. Aí a conversa é sobre desenho, e não sobre “será que a gente devia falar de preço aqui?” — pergunta que, feita na frente de um layout pronto, custa uma rodada inteira.

O teste, para qualquer site

Se você quiser saber se o seu site foi feito nessa ordem ou na inversa, faça o seguinte:

Copie o texto da sua primeira tela e cole num bloco de notas, sem formatação nenhuma. Sem imagem, sem cor, sem fonte bonita.

Leia. Aquilo, sozinho, faz alguém querer saber mais?

Se sim, o site tem conteúdo e o desenho está trabalhando a favor dele.

Se o que sobrou for “Soluções inovadoras para o seu negócio crescer”, o desenho está carregando a página sozinho — e desenho não responde objeção, não prova nada e não fecha negócio.