As etapas da criação de um site profissional (e o que envolve cada uma)

A criação de um site profissional passa por sete etapas: pesquisa de mercado, estrutura das páginas, design, código, conteúdo com SEO, lançamento (domínio, certificado e cadastro no Google) e o acompanhamento que vem depois do site no ar. O desenho das telas, que é o que a maioria imagina quando pensa em "fazer um site", é uma dessas sete. E olha: não é nem a que mais decide o resultado.

Eu crio sites desde 2012, passei dos 350 projetos, e a conta se repete em quase todos: a parte que o cliente vê é um terço do trabalho. O resto acontece nos bastidores. Entender o que o comprador digita no Google, organizar a informação na ordem certa, escrever código que carrega rápido no celular, cadastrar o site nas ferramentas do Google e medir o que acontece nas semanas seguintes. Neste artigo eu abro as sete etapas, uma a uma, com as ferramentas de cada uma, pra você saber o que está comprando quando contrata um site (e o que está deixando de levar quando assina um modelo pronto).

As sete etapas num quadro só

Agora vamos ao que cada linha dessa tabela esconde.

Etapa 1: a pesquisa que quase ninguém faz

Todo site meu começa longe da tela de design. Começa entendendo o negócio: o que a empresa vende, pra quem, o que o comprador pergunta antes de fechar e como os concorrentes se apresentam. Em seguida vem a pesquisa de palavras-chave, que é levantar o que o seu cliente digita no Google quando procura o que você faz. Existem ferramentas que mostram quantas buscas por mês cada termo tem, e esse número muda decisões grandes do projeto.

Um exemplo do meu dia a dia: uma metalúrgica me pediu o site focado em "usinagem CNC de alta precisão". A pesquisa mostrou que o comprador da região dela buscava "peças sob medida" e "usinagem de peças". Mesma empresa, mesmo serviço, palavras diferentes. Se o site tivesse sido escrito na língua da fábrica em vez da língua do comprador, nasceria mudo pro Google.

Essa etapa também revela os concorrentes de verdade: quem já ocupa a primeira página nos termos que interessam. Eu abro esses sites um por um e anoto o que eles respondem bem e o que deixam sem resposta. Buraco de conteúdo do concorrente é oportunidade sua.

Etapa 2: a estrutura das páginas (o tal do UX)

UX é a sigla em inglês pra experiência do usuário. Na prática, significa decidir a ordem das coisas: quais páginas o site tem, o que aparece primeiro em cada uma e quantos cliques separam o visitante do pedido de orçamento. Essa etapa nasce em preto e branco, num rascunho de telas chamado wireframe. Sem cor, sem foto, só estrutura.

É aqui que se decide que o telefone fica visível no topo de todas as páginas, que a home mostra os produtos antes da história da empresa e que o formulário pede 4 campos em vez de 11. Parece detalhe, mas é o que o comprador avalia sem perceber: cada obstáculo no caminho derruba uma parte dos interessados.

Etapa 3: o design (o tal do UI)

UI é a interface: cores, tipografia, botões, ícones e fotos. É a etapa que todo mundo enxerga como "fazer o site", e admito que é a mais gostosa de aprovar. Aqui a identidade visual da empresa veste a estrutura definida antes, com hierarquia (o que grita e o que sussurra na página), contraste pra se ler no sol e a versão de celular desenhada primeiro, porque é nele que a maioria dos seus clientes vai abrir o site.

Minha posição, que já rendeu artigo: site bonito não é site bom. Design serve pra guiar o olho até a ação. Beleza é consequência do trabalho bem feito, não o objetivo dele.

Etapa 4: o código (a parte que o Google lê)

Com o layout aprovado, ele vira código: HTML, CSS e a programação que faz tudo funcionar. É a etapa mais invisível pra quem contrata e uma das que mais separam um site profissional de um modelo pronto. O Google não enxerga o desenho, ele lê o código. Código enxuto carrega rápido no 4G, não quebra em navegador antigo e não deixa porta aberta pra invasão.

Aqui vai uma opinião forte: eu escrevo o código sob medida e evito empilhar plugins prontos. Plugin é atalho na entrega e dívida na manutenção, porque cada um é um pedaço de código de terceiro que precisa de atualização e pode conflitar com o vizinho. Já comparei os dois caminhos no artigo sobre WordPress ou site sob medida.

Etapa 5: conteúdo e SEO andando juntos

SEO é o conjunto de práticas pra aparecer no Google sem pagar anúncio. Metade disso é conteúdo: textos que respondem as perguntas do comprador usando as palavras levantadas lá na etapa 1. A outra metade é técnica: o título de cada página (aquele texto azul do resultado de busca), a descrição que aparece embaixo dele e umas etiquetas no código, os dados estruturados, que explicam pro Google o que é cada coisa: endereço, produto, avaliação, pergunta e resposta.

Escrever pro Google e escrever pro comprador deixaram de ser coisas diferentes faz tempo. O buscador fica cada ano melhor em reconhecer texto que responde de verdade. O caminho completo eu descrevi em como aparecer no Google sem pagar anúncio.

Etapa 6: o lançamento (domínio, cadeado e Google)

Site pronto não é site lançado. O lançamento tem checklist próprio: apontar o domínio (registrado no CNPJ da empresa, nunca no nome do fornecedor), instalar o certificado de segurança que acende o cadeado no navegador e cadastrar o site no Google Search Console. Esse último quase nenhum dono de empresa conhece, e é a ferramenta mais importante do pós-lançamento: um painel gratuito do próprio Google onde se envia o sitemap (a lista de páginas do site) e se acompanha como o buscador enxerga cada uma.

No mesmo pacote entram o Google Analytics, que mede quantas pessoas visitam o site e de onde elas vêm, e o perfil da empresa no Google, que coloca a fábrica no mapa. Sem essas ferramentas o site até fica no ar, mas ninguém sabe se está funcionando. É dirigir de olho vendado.

Etapa 7: velocidade e o trabalho que continua

Depois do site no ar começa a parte que os modelos prontos não entregam: a otimização. A primeira frente é a velocidade. Comprimir imagens (uma foto de fábrica direto da câmera pesa 8 MB e derruba qualquer página), medir com o PageSpeed, que é a ferramenta gratuita do próprio Google, e ajustar até abrir em poucos segundos no celular. Site lento perde venda, e os números disso assustam.

A segunda frente é o acompanhamento: olhar o Search Console todo mês pra ver quais buscas estão trazendo gente, quais páginas aparecem sem receber clique e onde vale escrever mais. Site profissional não termina no lançamento. Ele começa lá.

O que acontece quando se pula etapa

Pulou a pesquisa? O site nasce escrito na língua da empresa, não na do comprador, e não aparece pra quem procura. Pulou a estrutura? Fica bonito e confuso, e o visitante não acha o botão de orçamento. Pulou o código bem feito? A página abre em 9 segundos no celular e o comprador desiste no terceiro. Pulou o Search Console? O site pode ter um erro que o esconde do Google inteiro, e ninguém fica sabendo. Cada etapa existe porque a falta dela cobra a conta depois.

É também por isso que site profissional custa mais que modelo pronto de R$ 50 por mês. Não é capricho: é trabalho acontecendo em sete frentes em vez de uma. Abri essa matemática no artigo sobre quanto custa um site.

Como usar isso antes de contratar

Quer testar o fornecedor que está te atendendo? Pergunte o que acontece antes do design e o que acontece depois do lançamento. Quem só fala de tela bonita entrega desenho. Quem fala de pesquisa, Search Console e velocidade entrega ferramenta de venda. O prazo de tudo isso, etapa por etapa, eu abri no artigo sobre quanto tempo demora um site.

E se quiser descobrir em qual dessas etapas o seu site atual foi mal servido, eu faço essa leitura de graça na análise gratuita: olho o site, aponto o que mais pesa e devolvo em até 2 dias úteis. A informação é sua, pra usar comigo ou com quem preferir.

Perguntas frequentes