A ferramenta orienta a decisão. O modelo entrega a base visual. Nunca publique sem adaptar o conteúdo e testar a experiência.
Regra principal: A ferramenta ensina. O modelo copia. Não misture as camadas.
Manual de ferramenta · Modelo 001
Site institucional para escritório
Use este modelo para contabilidade, advocacia, consultoria, arquitetura ou serviços profissionais que precisam explicar valor, gerar confiança e conduzir o visitante para um contato real.
01 · briefing obrigatório
Defina antes de editar
- Qual tipo de escritório e qual serviço principal?
- Quem é o público e qual problema ele quer resolver?
- Qual é a ação principal: mensagem, orçamento ou agendamento?
- Quais provas reais o negócio pode mostrar?
- Quais informações legais, de localização e contato são obrigatórias?
02 · estrutura
Jornada recomendada
- Promessa clara para o público certo.
- Serviços e resultados que o visitante entende.
- Explicação do método e das próximas etapas.
- Provas verificáveis, sem inventar números ou clientes.
- FAQ que reduz objeções reais.
- Contato fácil, testado e pertencente ao negócio.
03 · execução
Edite com responsabilidade
- Troque marca, promessa, serviços, e-mail, telefone e localização.
- Não mantenha dados fictícios ou promessas sem prova.
- Escreva títulos voltados ao problema do cliente, não somente ao negócio.
- Teste no celular antes de publicar.
- Registre as decisões importantes no arquivo de decisões do projeto.
04 · critérios de aceite
Checklist de entrega comercial
- Título, descrição e texto do hero refletem o negócio real.
- Todos os links e canais de contato foram testados.
- Navegação funciona em celular e desktop sem corte lateral.
- Botões têm ação clara e área de toque confortável.
- Textos têm hierarquia, contraste e leitura fácil.
- Imagens, caso usadas, possuem texto alternativo útil.
- Não há prova social falsa, dado inventado ou promessa indevida.
- README, briefing, checklist, decisões e prints foram atualizados.
05 · portfólio
O que você deve conseguir explicar
Problema do cliente, escolha de estrutura, CTA principal, decisões de responsividade, testes realizados, adaptações feitas e resultado publicado. Isso é o que transforma uma tela em projeto defendível numa entrevista.
06 · status da auditoria
Em revisão
O modelo recebeu base de conteúdo e CSS, mas só recebe selo profissional após teste visual real no celular e desktop, revisão humana registrada e confirmação de canais de contato.