Ferramentas

Quinze ferramentas na ordem em que o trabalho acontece, do briefing aos primeiros noventa dias no ar, ligadas entre si. Tudo roda no seu navegador; nada é enviado para lugar nenhum.

15 ferramentas · 5 fases · 39 modelos para copiar

Começar pelo briefing Ver os modelos

Projeto em andamento

Um nome só para as quinze. Briefing, proposta, checklist, inventário e o depois de publicar ficam guardados por cliente — troque o nome e cada uma abre o que já tinha daquele projeto. O que uma ferramenta já sabe aparece na seguinte, com um botão para usar.

FASE 1

Antes do projeto

Da primeira conversa à proposta aceita. O briefing vira o começo da proposta, e o preço entra no investimento.

BriefingAs dez perguntas da reunião de descoberta. Preencha durante a conversa e copie no fim — o texto sai pronto para colar no Claude Code ou mandar o cliente confirmar.— PreçoPrimeiro o seu custo real por hora trabalhada — que quase nunca é o que se imagina. Depois a faixa do projeto, a partir das horas que ele realmente leva.— Proposta que fechaOs nove pontos que fazem uma proposta mostrar que você entendeu o problema antes de mostrar o preço — com as garantias que o cliente confere sozinho. Preencha e copie o texto pronto para mandar.—

FASE 2

Identidade

As decisões visuais que viram código: cor, contraste, fonte e escala. No fim da fase, o Design system junta tudo em tokens — para o CSS e para o Figma.

Paleta em tokensOs seis papéis que resolvem qualquer site de serviço — não seis cores bonitas, seis funções. Escolha a cor de destaque e saia com o :root pronto, já com o contraste conferido.— ContrasteCole as duas cores do projeto e veja a razão, o veredito de cada nível e uma amostra real nos dois tamanhos de texto.— TipografiaEscolher as duas famílias pela classe, ver a escala inteira nelas, medir a altura-x e a medida da linha, e sair com o <link> do Google Fonts pedindo só os pesos usados e o CSS com o acabamento — que é onde o peso da página e o ar de improviso escapam sem ninguém ver.— Escala de texto e espaçoEspaçamento escolhido no olho — 13px aqui, 27px ali — é o que faz a página parecer amadora sem ninguém saber dizer por quê. A solução é não escolher: gere a escala e use só ela.— Design systemO fim da fase. Conta os valores soltos do CSS que já existe, junta paleta, tipografia e escala com as decisões que faltam — raio, sombra, movimento e modo escuro — e entrega os tokens em três camadas, os componentes com todos os estados e o JSON que plugins de tokens do Figma importam.—

FASE 3

Montar a página

O pedido para a IA, o <head>, o botão de WhatsApp e os links de divulgação. Nome, telefone, endereço, cor e fontes passam de uma para a outra.

Gerador de comandoO pedido para a IA montado a partir das decisões, com o que está fraco apontado antes de você mandar. Onze tipos de comando, do brief da página à correção de um defeito — cada um saído de um tópico da trilha, e todos puxando o que as outras ferramentas já sabem.— Cabeçalho da páginaO bloco de <head> que toda página precisa e que ninguém lembra de cor: título, descrição, canonical, Open Graph e os dados de negócio em JSON-LD. Preencha uma vez, cole no projeto.— Link de WhatsAppMonta o link com a mensagem já escrita, com a codificação correta — que é onde o acento quebra quando se faz na mão.— Gerador de UTMA URL marcada, com a convenção já aplicada — minúscula, sem acento, sem espaço. E o histórico do que você já gerou, que é a planilha que a trilha Tráfego manda manter.—

FASE 4

Entregar

O que se confere na URL de produção antes de dizer que está pronto, e o que se entrega junto com o site.

Checklist de entregaOs quatorze itens que se confere na URL de produção antes de dizer ao cliente que está pronto. Marque conforme for; fica salvo por cliente.— Inventário de acessosO mapa de onde está cada acesso do projeto e em nome de quem — sem senha nenhuma escrita nele. Entrega junto com o site.—

FASE 5

Acompanhar

O site no ar é o começo, não o fim: os primeiros noventa dias decidem se ele aparece no Google e se traz contato — e é onde nasce a manutenção mensal.

Depois de publicarO roteiro dos primeiros noventa dias em datas, a partir do dia em que o site entrou no ar: Search Console, sitemap, Perfil da Empresa, Analytics, avaliações, o primeiro relatório e o que decidir no terceiro mês. Baixa os lembretes para a agenda.—