O que é desenvolvimento de sites
Desenvolvimento de sites é a fase do projeto em que profissionais de programação constroem o site a partir do que foi planejado e desenhado. O trabalho se divide em duas frentes: o front-end, parte que o visitante vê e com que interage no navegador, e o back-end, que guarda o conteúdo, processa formulários e conversa com outros sistemas.
O termo costuma aparecer junto de “criação de sites”, que descreve o projeto inteiro, da estratégia ao lançamento. Quem está avaliando fornecedores para esse projeto completo encontra os critérios no guia sobre empresa de criação de sites.
Como funciona o desenvolvimento de um site
Um projeto de site passa por várias mãos, e o desenvolvimento é uma delas. Na tabela, a divisão mais comum de papéis:
| Papel | O que faz | Entrega |
|---|---|---|
| Estratégia e conteúdo | define objetivo, público e páginas | mapa do site e textos |
| UX | organiza a navegação e o caminho até o contato | arquitetura de informação e protótipo |
| Design | aplica a identidade visual às telas | layout aprovado para computador e celular |
| Desenvolvimento front-end | converte o layout em código que roda no navegador | páginas responsivas e acessíveis |
| Desenvolvimento back-end | configura CMS, banco de dados, formulários e integrações | painel de edição e sistemas conectados |
| SEO técnico | confere estrutura de URLs, metadados, redirecionamentos e velocidade | site pronto para indexação |
| Qualidade | testa navegadores, dispositivos e formulários | lista de correções antes da publicação |
A base técnica mais comum é um CMS, sistema que permite à equipe editar o site sem programar. Pela medição da W3Techs[1] de 05/10/2026, o WordPress roda em 40,1% de todos os sites e em 58,6% dos sites com CMS identificado; Wix aparece em 4,2% e 6,2%, e Webflow em 0,8% e 1,2%. A mesma medição registra 31,5% de sites sem nenhum dos CMS monitorados, grupo que inclui sites programados do zero. As particularidades de um projeto feito em WordPress estão no artigo sobre desenvolvimento de sites em WordPress.
Por que o desenvolvimento importa para o negócio
O desenvolvimento decide três coisas que o visitante sente sem ver o código: se a página abre rápido, se funciona no celular e se o formulário chega a quem responde. O Google usa a versão mobile do conteúdo para indexar e classificar páginas e recomenda o design responsivo, segundo a documentação do Google Search Central[2]. Quando o layout é bom e o desenvolvimento falha, o site perde visitas na busca e contatos no formulário.
Exemplo ilustrativo, sem cliente real: uma rede de clínicas aprova um layout com fotos grandes no topo de cada página de unidade. No desenvolvimento, as imagens entram sem compressão e o carregamento no celular fica lento. A correção (formatos modernos de imagem, tamanhos por tela, carregamento sob demanda) é trabalho de desenvolvimento e mantém o layout aprovado. Se for feita antes da publicação, custa algumas horas de trabalho; depois do lançamento, o site já terá perdido visitas enquanto esteve lento.
As etapas do desenvolvimento
- Receber o material fechado: mapa do site, textos e layout aprovado. A etapa de UX, explicada no artigo sobre o que é UX, precisa estar concluída antes do código.
- Montar o ambiente: repositório de código, ambiente de testes separado do site no ar e hospedagem dimensionada para o tráfego previsto.
- Desenvolver o front-end: componentes reutilizáveis, layout responsivo, acessibilidade e imagens otimizadas.
- Configurar o back-end e o CMS: tipos de conteúdo, permissões de usuário, formulários e integrações com CRM ou ferramenta de e-mail.
- Atender à LGPD: política de privacidade, consentimento quando necessário e canal do encarregado, que o art. 41 da Lei 13.709/2018[3] pede divulgado de preferência no site.
- Testar: navegadores, celulares, formulários, velocidade e links quebrados.
- Publicar: apontar o domínio, ativar HTTPS, aplicar redirecionamentos do site antigo e instalar GA4 e Google Search Console.
- Treinar e documentar: a equipe que vai editar o site aprende a usar o painel, e o fornecedor entrega a documentação do que foi feito.
Erros mais comuns
- Começar a programar com texto provisório, o que obriga a refazer páginas quando o conteúdo real chega.
- Desenvolver direto no site no ar, sem ambiente de testes.
- Publicar sem redirecionar as URLs do site antigo, o que derruba páginas que já tinham visitas da busca.
- Usar plugins ou bibliotecas em excesso, que deixam o site lento e aumentam o trabalho de atualização.
- Entregar o site sem acesso administrativo ao cliente ou com domínio e hospedagem em nome do fornecedor.
- Não documentar integrações, o que trava a manutenção quando o fornecedor muda.
Quanto custa e quanto esforço exige
O esforço de desenvolvimento aumenta conforme o número de modelos de página, as integrações, o volume de conteúdo a migrar e o nível de personalização do CMS. O WordPress é software livre sob a licença GPLv2 ou posterior, segundo o WordPress.org[4], e o custo está no trabalho, na hospedagem e nas licenças de extensões pagas.
Em sites pequenos e sem integração, uma plataforma hospedada reduz o desenvolvimento a um trabalho de configuração. O Webflow oferece plano gratuito limitado a 2 páginas estáticas e 50 envios de formulário e planos pagos a partir de US$ 15 por mês com cobrança anual, segundo a página de preços do Webflow[5] em 05/10/2026; o Wix informa na central de ajuda[6] que o preço dos planos Premium varia por região.
Como medir o resultado do desenvolvimento
- Core Web Vitals: segundo o web.dev[7], os limites recomendados são LCP de até 2,5 segundos, INP de até 200 milissegundos e CLS de até 0,1, no percentil 75 das visitas, separando celular e computador.
- Indexação: páginas indexadas e erros de rastreamento no Google Search Console nas semanas seguintes à publicação.
- Contatos: envios de formulário e cliques em telefone marcados como eventos principais no GA4, conforme a ajuda do Google Analytics[8].
- Autonomia da equipe: quantas alterações de conteúdo a equipe faz sozinha no painel, sem abrir chamado.
Próximo passo
Com objetivo, páginas e layout definidos, já dá para orçar o desenvolvimento com escopo claro. A página de criação de sites mostra como a Studio Visual organiza o projeto, da arquitetura à publicação.
