Sua landing page ficou pronta. Mas poderia ser de qualquer empresa?

PARTE 01 / 11

Você troca o nome, muda a cor, pede uma versão mais sofisticada. A página melhora um pouco e continua dizendo quase a mesma coisa. Bonita o suficiente para uma captura. Difícil de defender quando o cliente pergunta por que aquela é a melhor forma de apresentar o negócio dele.

A saída começa antes de mais uma rodada de design: descobrir quais decisões específicas do cliente ainda não entraram na página.

Neste guia, você vai comparar uma abertura genérica com uma proposta orientada por contexto, reorganizar uma página inteira e preparar um pedido de execução que preserve o que importa. O exemplo é fictício. Não é uma versão histórica de um cliente da Roldra.

PARTE 02 / 11

O teste da troca de nome

Leia a abertura sem a marca. Agora imagine outro negócio do mesmo setor usando o mesmo texto e a mesma sequência de seções.

Se quase nada precisa mudar, você encontrou um sinal de baixa especificidade. Não é uma regra matemática: páginas de empresas parecidas podem compartilhar estruturas úteis. O teste serve para localizar decisões ausentes, não para proibir layouts convencionais.

Considere esta abertura inventada:

Embalagens que elevam sua marca.

Qualidade, inovação e personalização para transformar a experiência dos seus clientes.

Saiba mais.

Ela diz que a empresa vende embalagens e sugere valor. Não ajuda a escolher uma linha, entender o processo de personalização ou saber o que fazer em seguida. Uma nova fonte pode melhorar o acabamento. Não responde a essas perguntas.

Antes de pedir outra versão, escreva: o que esta empresa precisa explicar que não poderia ser decidido sem conhecer sua operação?

PARTE 03 / 11

Monte um contexto pequeno que mude decisões grandes

Para o exercício, vamos usar uma empresa fictícia com estas condições:

• Vende envelopes de segurança, sacolas e sacos zip personalizados.
• Atende negócios que enviam pedidos e precisam escolher uma embalagem compatível com seu produto.
• O preço depende de informações como linha, medida, quantidade e arte.
• A conversa comercial acontece pelo WhatsApp. Não existe checkout nessa página.
• Há imagens autorizadas das três linhas. Prazos e condições precisam ser confirmados por pedido.

Essas cinco informações já mudam a experiência. A página deve ajudar a escolher, preparar a conversa e preservar a representação dos produtos. Não deve inventar preço único, promessa de entrega imediata ou botão de compra que não leva a uma compra.

O contexto ainda tem dúvidas: quais medidas existem, quais quantidades são aceitas e o que o atendimento precisa receber para orçar. Essas lacunas não impedem você de projetar toda a lógica. Impedem afirmar as condições que ainda não foram confirmadas.

Uma forma prática de separar as informações é manter três campos: confirmado, hipótese de trabalho e pergunta que muda a entrega. “A compra acontece pelo WhatsApp” pode estar confirmado. “O visitante prefere um formulário” pode ser hipótese. “A empresa aceita pedidos pequenos?” pode ser uma pergunta decisiva para a copy.

Não transforme toda dúvida num formulário enorme para o cliente. Pergunte primeiro o que realmente muda a decisão que você vai executar.

PARTE 04 / 11

A nova abertura responde a uma escolha

Com aquelas premissas fictícias, uma abertura possível seria:

Embalagens personalizadas para o produto que você envia.

Compare envelopes de segurança, sacolas e sacos zip. Escolha uma linha e conte as medidas, a quantidade e o que precisa personalizar para conversar sobre seu pedido.

Escolher minha embalagem

Já sabe o que precisa? Preparar meu pedido.

Ela não promete mais. Ela orienta melhor.

O título liga o produto à situação de uso. O apoio apresenta as linhas. A primeira ação conduz à escolha. A alternativa atende quem já chega decidido. O próximo passo corresponde ao atendimento disponível.

Agora faça uma objeção ao próprio exemplo: e se a maior parte dos compradores já conhece a linha e está repetindo um pedido? Nesse caso, abrir com comparação pode atrasar quem quer repor. Uma entrada de reposição pode ganhar destaque, com comparação como caminho secundário.

Esse é o ponto: você não encontrou uma headline universal. Encontrou uma resposta para um contexto. Quando o contexto muda, a resposta deve ser revista.

PARTE 05 / 11

Desenhe a página pela dúvida que cada trecho resolve

Uma lista de seções como hero, benefícios, depoimentos e FAQ descreve recipientes. Não explica o trabalho que a página precisa fazer.

No nosso exercício, a sequência poderia ser esta:

1. Qual embalagem faz sentido para mim? Uma comparação entre as três linhas, usando imagens e informações confirmadas. A pessoa pode abrir uma linha sem preencher nada.

2. O que preciso decidir para pedir? Medida, quantidade, personalização e informações que serão confirmadas pelo atendimento. O texto distingue escolha possível de condição ainda a combinar.

3. Como funciona a personalização? Explicação do processo real: que material deve ser enviado, o que será avaliado e como o cliente recebe a próxima orientação. Se essa etapa não estiver documentada, a página não deve fingir conhecê-la.

4. O que posso examinar antes de conversar? Fotos autorizadas do produto, detalhes que ajudem a avaliar formato e fechamento e exemplos identificados corretamente. Uma imagem conceitual não vira foto de produção.

5. Como continuar? Um rascunho de mensagem que carrega a linha selecionada e deixa os demais dados editáveis.

Veja o que não entrou automaticamente: depoimentos inexistentes, contadores de clientes, selos sem comprovação e uma seção de “resultados extraordinários”. Também não entrou um bloco de benefícios só porque todo template costuma ter um.

Isso não significa que benefícios e prova social sejam ruins. Significa que precisam ter conteúdo real e função naquela decisão.

PARTE 06 / 11

Dê uma direção visual, não apenas um adjetivo

“Faça algo premium” é um pedido amplo. Duas pessoas podem interpretar premium como minimalismo, riqueza de detalhes, fotografia dramática ou aparência editorial.

Para o exercício, uma direção executável seria:

Use os produtos reais como elementos principais. O contraste entre as três linhas deve ajudar a escolher, não competir com a leitura. Preserve formato, proporção e fechamento das embalagens. A hierarquia deve destacar linha, diferenças confirmadas e próximo passo. Use movimento apenas onde ele esclareça uma escolha ou mudança de estado.

Repare que a direção não exige um estilo universal. Ela estabelece relações. O produto não pode ser alterado para caber na imagem. O efeito não pode cobrir a diferença entre as linhas. A navegação precisa funcionar sem assistir a uma animação inteira.

Uma referência visual ajuda quando você explica o que está tomando dela: tratamento de luz, espaço negativo, comportamento da galeria, composição do título. Pedir “igual a esta referência” costuma esconder decisões que você ainda precisa tomar para o cliente.

PARTE 07 / 11

Peça um recorte completo, não uma nova página inteira a cada tentativa

Depois de organizar o contexto, escolha a parte que vai provar a direção. No exercício, é a abertura conectada à escolha de linha e à mensagem de contato.

Um pedido de execução possível:

```text
Implemente a abertura e o percurso de escolha de embalagem deste projeto.
Use as condições e os assets confirmados no material anexado.
A pessoa deve comparar as três linhas, escolher uma e abrir um rascunho
editável para o WhatsApp. Não envie mensagens durante os testes.

Use a copy fornecida. Preserve formato e proporção dos produtos. Não acrescente preços, prazos, depoimentos ou condições que não estejam nas fontes. Se faltar uma informação, mantenha a lacuna no relatório interno, sem inventar texto público.

Entregue esse percurso funcional no ambiente de revisão e teste-o em desktop e mobile. Mostre o que foi executado, o que foi observado e qual informação ainda impede concluir a entrega.

```

Esse pedido não precisa conter toda a implementação. Precisa definir o que a pessoa conseguirá fazer e as informações que não podem se perder.

A IA continua tendo espaço para resolver a parte técnica. Não recebe a responsabilidade de inventar a oferta ou reinterpretar a verdade do produto.

PARTE 08 / 11

Revise em três passagens diferentes

Na primeira, olhe a verdade do cliente. O produto está correto? A condição existe? O CTA descreve o destino? Há alguma promessa que veio da geração, e não de uma fonte?

Na segunda, olhe a decisão do visitante. Ele consegue distinguir as linhas? Encontra a informação de que precisa? Sabe o que acontecerá depois do clique? Um percurso com menos etapas pode ser pior se omitir uma pergunta essencial.

Na terceira, execute a interação. Selecione, volte, troque de linha, navegue pelo teclado e leia em uma tela estreita. Não use apenas a captura inicial como prova de que o percurso funciona.

No teste de zoom ou reflow, verifique se o conteúdo continua utilizável, não apenas se desapareceu a barra horizontal. A referência da WCAG para reflow considera leitura equivalente a 320 pixels CSS de largura, com exceções para conteúdos que exigem disposição bidimensional. Isso não transforma um teste isolado em certificação de acessibilidade. Fonte: W3C — Reflow.

PARTE 09 / 11

Transforme uma crítica vaga num próximo pedido

Compare as duas anotações:

“Ainda está genérico. Deixa mais profissional.”

“As três linhas usam a mesma imagem e não mostram diferença de formato. No mobile, selecionar Saco Zip não muda a mensagem de contato. Preserve a abertura aprovada; corrija a comparação e a passagem da seleção para o rascunho. Depois teste trocar entre as três opções.”

A segunda separa um problema de apresentação de um problema funcional. Diz o que preservar e qual reteste pode confirmar a correção.

Você não precisa escrever um relatório de cinquenta páginas. Precisa dar à próxima execução uma observação utilizável.

PARTE 10 / 11

O que entregar ao cliente

Ao apresentar o trabalho, mostre o percurso, não apenas o hero. Explique a decisão: “Começamos pela escolha da linha porque o atendimento precisa dessa informação para continuar.” Abra a página e demonstre que a escolha chega ao rascunho.

Separe três estados: o que já foi implementado, o que foi testado e o que ainda depende de informação ou decisão do cliente. Uma página pode estar visualmente aprovada e ainda depender de confirmar uma condição comercial.

No material de apoio desta leitura, você encontra a Ficha de direção da página. Ela reúne contexto confirmado, dúvida de compra, estrutura proposta, ativos permitidos e critério de revisão. Use-a para uma página real sua. Ao terminar, você deve conseguir defender pelo menos uma escolha que não poderia ter sido tomada sem conhecer aquele cliente.

PARTE 11 / 11

Onde a Roldra entra

Esse trabalho atravessa contexto, copy, direção visual, implementação e revisão. A Roldra reúne o ambiente para conduzi-lo, com o Orchestrator coordenando as capacidades necessárias e você dirigindo as decisões.

No trabalho da Icompack, a fidelidade ao produto e a crítica às primeiras versões fizeram parte da construção de uma experiência comercial. Explore o case para relacionar esse critério a um trabalho realizado.

Seu próximo passo: preencha a ficha, escolha um percurso e teste uma versão. Antes de pedir mais uma página, descubra o que a atual ainda não sabe sobre o cliente.