Guia · Criação de Sites
Web Designer
Redesign de sites existentes, design de interface e otimização de conversão, com migração planejada para não perder posições no Google.
Última atualização:
Web designer, na ZenIT, é o profissional que decide como um site se apresenta e como ele conduz o visitante até o contato. Isso envolve layout, tipografia, cores, hierarquia de informação e o comportamento de cada elemento na tela, mas envolve também medir: onde as pessoas clicam, onde abandonam, qual versão de uma página gera mais orçamentos. Design, para nós, é uma decisão que precisa ser comprovada com dados, não apenas aprovada no olho.
A maior parte dos projetos de web design que recebemos é de redesign: a empresa já tem um site, ele ficou datado, não funciona bem no celular ou simplesmente não gera contatos. Reformular um site existente é diferente de criar um do zero. Existe tráfego a preservar, URLs que já ranqueiam, conteúdo que funciona e conteúdo que atrapalha. Por isso, todo redesign da ZenIT começa com auditoria do que existe e termina com um mapa de redirecionamentos 301 para que o Google entenda a troca sem penalizar o site.
Este trabalho faz parte do nosso serviço de Criação de Sites. Atendemos empresas de Resende, Volta Redonda, Barra Mansa e todo o Sul Fluminense presencialmente, além do Vale do Paraíba e do Sul de Minas, e o restante do Brasil de forma remota. O mesmo time que desenha a interface no Figma programa o site e entrega o rastreamento de conversão configurado. Não há passagem de bastão entre agência de design e agência de desenvolvimento.
Redesign de site: quando reformular e quando ajustar
Nem todo site precisa ser refeito. Se a estrutura de páginas é boa, o site carrega rápido e ranqueia, mas a conversão está baixa, o caminho mais barato é a otimização de conversão: revisar a primeira tela, encurtar formulários, reposicionar o WhatsApp, testar títulos. Esse trabalho cabe na faixa inicial de preço e mostra resultado em semanas.
O redesign completo faz sentido quando o problema é estrutural: tecnologia antiga que impede melhorias, layout que não funciona no celular, identidade visual que já não representa a empresa ou arquitetura de páginas que não corresponde ao que os clientes pesquisam. Nesses casos, a reformulação de site aproveita a auditoria para corrigir tudo de uma vez.
Na descoberta, apresentamos as duas opções com o que cada uma resolve e o que custa. Muitas vezes a recomendação é começar pelos ajustes de conversão e planejar o redesign para uma etapa seguinte, sem perder o que foi feito.
Como migrar um site sem perder SEO
A migração é a parte invisível do redesign e a mais importante para quem já tem tráfego orgânico. O Google associa autoridade a URLs específicas; se elas somem ou mudam sem aviso, as posições caem e podem demorar meses para voltar. Nosso processo trata a migração como um projeto dentro do projeto.
Antes de desenhar qualquer tela, exportamos todas as URLs do site atual, cruzamos com os dados de tráfego do Search Console e com os backlinks conhecidos, e decidimos o destino de cada uma: manter, redirecionar ou consolidar. Esse mapa é revisado com o cliente e aplicado no servidor antes de o site novo entrar no ar.
- Inventário de URLs com tráfego, posições e backlinks
- Mapa de redirecionamentos 301 revisado e testado em homologação
- Títulos, descrições e headings preservados ou melhorados, nunca apagados
- Dados estruturados e sitemap atualizados no dia da publicação
- Monitoramento do Search Console nas semanas seguintes para corrigir erros de rastreamento
Design system e otimização de conversão
Um design system é o conjunto de regras e componentes que define como o site é construído: quais cores podem ser usadas e onde, quais tamanhos de texto existem, como um botão se comporta, como um card é montado. Parece burocracia, mas é o que garante que a página criada daqui a um ano fique igual às páginas de hoje, mesmo que outra pessoa a faça.
Para empresas que publicam conteúdo e criam páginas novas com frequência, o design system reduz o custo de cada nova peça e evita que o site volte a ficar inconsistente. Entregamos o arquivo no Figma e a implementação em código, com documentação de uso.
Otimização de conversão (CRO) é o trabalho contínuo de aumentar a proporção de visitantes que entram em contato, sem precisar de mais tráfego. Começa com medição: eventos de clique no WhatsApp, envio de formulário, rolagem até o preço. Depois vêm as hipóteses, baseadas em gravações de sessão e mapas de calor, e os testes A/B para confirmar ou descartar cada uma.
Não prometemos percentuais de melhoria. O que garantimos é método: cada mudança de design é uma hipótese com métrica definida, e a versão que fica no ar é a que os dados apontaram. Para quem já recebe visitas por busca ou por anúncios, seja por conta própria ou pela agência que cuida da mídia, é a otimização de conversão que faz cada visita render mais.
Para quem é
O trabalho de web design atende quatro situações que aparecem com frequência. Em todas elas, o ponto de partida é o mesmo: entender o que o site entrega hoje antes de propor qualquer mudança visual.
- Empresas com site antigo que precisam de reformulação: sites com mais de quatro ou cinco anos costumam ter layout desatualizado, carregamento lento e menus que não funcionam bem no celular. Refazemos a interface preservando as URLs e o conteúdo que já traz visitas.
- Negócios que recebem visitas, mas poucos contatos: quando o tráfego existe e a conversão não, o problema está na página, com proposta pouco clara, formulário longo ou botão escondido. Ajustes de conversão resolvem isso sem refazer o site inteiro.
- Empresas que mudaram de marca ou de posicionamento: nova identidade visual, novo nome ou nova linha de serviços exigem que o site acompanhe. Traduzimos o manual de marca para uma interface consistente, com design system reaproveitável.
- Times que precisam de telas para sistemas e produtos: painéis, áreas do cliente e aplicativos web também precisam de design de interface. Desenhamos fluxos e componentes no Figma que o time de desenvolvimento, nosso ou seu, consegue implementar sem ambiguidade.
Problemas que resolvemos
Redesign não é troca de aparência. Os problemas abaixo são os que mais aparecem na auditoria do site atual e os que mais custam caro quando ficam sem solução.
- Perder posições no Google depois do redesign: é o erro mais caro de uma reformulação. Levantamos todas as URLs indexadas, o tráfego de cada uma e os backlinks, e montamos um mapa de redirecionamentos 301 antes de publicar. Títulos, headings e conteúdo que ranqueiam são mantidos ou melhorados, nunca descartados.
- Layout bonito que não conduz ao contato: aplicamos uma hierarquia clara, com proposta de valor na primeira tela, prova (cases, certificações, depoimentos permitidos), detalhes do serviço e chamada para ação repetida nos pontos certos. O botão de WhatsApp fica fixo no celular e o formulário pede só o necessário.
- Inconsistência visual entre páginas: cada página feita por uma pessoa diferente, em um momento diferente, vira uma colcha de retalhos. Criamos um design system com tokens de cor, tipografia, espaçamento e componentes, aplicado em todo o site e documentado para o futuro.
- Site que exclui parte do público: contraste baixo, textos pequenos, botões que não funcionam por teclado e imagens sem descrição afastam usuários e prejudicam o SEO. Seguimos as diretrizes WCAG 2.1 nível AA em todo redesign.
Como entregamos
O projeto avança em cinco etapas, com aprovação ao fim de cada uma. Nada é desenhado em alta fidelidade antes de a estrutura estar fechada, e nada vai para produção antes de os redirecionamentos estarem testados.
- Descoberta: auditoria do site atual com Analytics, Search Console, mapas de calor quando disponíveis, Lighthouse e revisão página a página. Entrevistamos quem vende e quem atende para entender as objeções dos clientes. Saímos com a lista de problemas priorizados e as URLs a preservar.
- Planejamento: arquitetura de informação, wireframes de baixa fidelidade e definição do design system. Para redesign, o mapa de redirecionamentos 301 é montado nesta fase.
- Desenvolvimento: layouts em alta fidelidade no Figma, com protótipo navegável para validação. Depois, implementação em código com Astro ou Next.js e Tailwind, em ambiente de homologação para revisão a cada etapa.
- Entrega: publicação com os redirecionamentos ativos, verificação no Search Console, teste de acessibilidade e Lighthouse. Configuração dos eventos de conversão para comparar o antes e o depois com dados reais.
- Manutenção e evolução (opcional): ciclos de otimização de conversão com hipótese, teste A/B, leitura dos resultados e aplicação da versão vencedora. Indicado para quem já recebe visitas e quer extrair mais de cada uma.
O que você recebe
Tudo o que é produzido no projeto fica com a sua empresa: arquivos de design, código e contas. A lista abaixo é a de um redesign completo; em escopos menores, como ajustes de conversão em páginas específicas, os entregáveis são proporcionais ao que foi contratado.
- Auditoria do site atual com problemas priorizados por impacto
- Arquitetura de informação e wireframes aprovados
- Layouts em alta fidelidade no Figma, com arquivo compartilhado de sua propriedade
- Design system documentado: tokens, componentes e regras de uso
- Mapa de redirecionamentos 301 e checklist de migração de SEO
- Implementação em código, publicada em ambiente de homologação e depois em produção
- Configuração de eventos de conversão no GA4 e no Tag Manager
- Relatório de acessibilidade e Lighthouse na entrega
Tecnologia e critérios de qualidade
Desenhamos no Figma, com wireframes, layouts em alta fidelidade, protótipos navegáveis e uma biblioteca de componentes compartilhada com o cliente. O design system define cores, tipografia, espaçamentos e componentes uma única vez, para que sejam reutilizados em todo o site e em materiais futuros. A implementação é feita em Astro ou Next.js com Tailwind CSS, fiel ao layout, com HTML estático, responsividade real e CSS enxuto.
Para decidir com dados, configuramos GA4, Clarity e Tag Manager, com eventos de conversão, gravações de sessão e mapas de calor, e rodamos testes A/B com variações controladas de títulos, formulários e chamadas para ação quando há tráfego suficiente para uma leitura estatística confiável. Antes de cada publicação, Lighthouse, axe e uma revisão manual verificam performance e acessibilidade segundo a WCAG 2.1. Estes são os critérios que precisam estar atendidos para considerarmos o projeto entregue:
- Nenhuma URL com tráfego ou backlink fica sem redirecionamento 301 após a publicação
- Contraste mínimo de 4,5:1 em textos e navegação completa por teclado (WCAG 2.1 AA)
- Lighthouse mobile com Performance, Acessibilidade, SEO e Boas Práticas iguais ou acima de 90
- Layout validado em telas de 360 px a 1920 px, sem rolagem horizontal
- Todos os componentes derivados do design system, sem estilos soltos por página
- Eventos de conversão funcionando e conferidos antes da publicação
Faixa de preço orientativa
R$ 2.500 a R$ 12.000
Ajustes de conversão em uma ou poucas páginas ficam na faixa inicial. Redesign completo, com design system, migração de conteúdo e mapa de redirecionamentos, fica na faixa superior. O número de páginas, a existência de manual de marca e a quantidade de integrações são o que mais altera o valor. Valores orientativos, definidos após a auditoria.
Prazo típico
De 2 a 6 semanas. Ajustes de conversão em páginas específicas ficam prontos em 2 semanas; redesign completo de sites institucionais leva de 4 a 6 semanas, conforme o número de páginas e a velocidade das aprovações.
FAQ
Perguntas frequentes sobre web designer
Quanto custa um redesign de site?
Nossos projetos de web design ficam entre R$ 2.500 e R$ 12.000. Ajustes de conversão em páginas específicas ficam na faixa inicial; a reformulação completa do site, com design system e migração de SEO, na faixa superior. Enviamos proposta detalhada após a auditoria do site atual.
Vou perder posições no Google ao refazer o site?
Não, se a migração for planejada. Mapeamos todas as URLs com tráfego e backlinks, criamos redirecionamentos 301 e preservamos os títulos e conteúdos que ranqueiam. Depois da publicação, acompanhamos o Search Console para corrigir qualquer erro rapidamente.
Qual o prazo de um projeto de web design?
Ajustes de conversão levam cerca de 2 semanas. Redesign completo de site institucional leva de 4 a 6 semanas. O que mais influencia o prazo é a velocidade de aprovação dos wireframes e dos layouts pelo cliente.
Vocês só desenham ou também programam o site?
Os dois. Desenhamos no Figma e implementamos em código com Astro ou Next.js. Se você já tem um time de desenvolvimento, podemos entregar apenas os layouts e o design system documentados para a sua equipe implementar.
Preciso ter manual de marca para começar?
Não é obrigatório. Se existe, usamos como base do design system. Se não existe, definimos paleta, tipografia e regras de uso no próprio projeto e entregamos documentado, o que serve de ponto de partida para outros materiais da empresa.
O que são testes A/B e quando valem a pena?
São comparações controladas entre duas versões de uma página, com o tráfego dividido entre elas e a conversão medida em cada uma. Valem a pena quando a página recebe visitas suficientes para uma leitura confiável, em geral algumas centenas por semana. Com menos tráfego, priorizamos boas práticas e análise de gravações de sessão.
Os arquivos do Figma ficam comigo?
Sim. O arquivo do Figma, o design system e o código-fonte são de sua propriedade e ficam nas suas contas. Você pode continuar o trabalho com a ZenIT ou com qualquer outro profissional.
Vocês fazem design para sistemas e áreas logadas?
Sim. Desenhamos painéis, áreas do cliente e fluxos de aplicativos web, com foco em clareza e produtividade do usuário. Esse trabalho costuma acompanhar nossos projetos de sistemas web, mas também pode ser contratado isoladamente.
Guias relacionados
- Quanto custa criar um site
- Site Expresso
- Site Sob Medida
- Site Institucional
- Site com SEO
- Reformulação de Site
- Criação de Loja Virtual
- Landing Pages
- Site em Next.js
- Site em WordPress
- Site para Advogados
- Site para Clínicas
- Site para Psicólogos
- Site para Imobiliárias
- Site para Construtoras
- Site para Indústria
- Site para Consultorias
- Site para Energia Solar
- Site para Transportadoras
- Site para Escolas e Cursos
Contato
Orçamento de web designer
Preencha o formulário ou chame no WhatsApp. Respondemos no mesmo dia útil.
EndereçoPrisma Office, Av. Tenente-Coronel Adalberto Mendes, 680, Manejo, Resende - RJ, CEP 27521-130
HorárioSegunda a sexta, das 9h às 18h
Vamos conversar sobre o seu projeto?
Conte o que a sua empresa precisa. Respondemos no mesmo dia útil com os próximos passos, sem compromisso.