Redesign de site: quando fazer, como planejar e medir resultados

Categoria

Produto & Estratégia

Tempo de leitura

16 min de leitura

Publicação

02/02/2023

Resumo: Apesar de parecer um retrabalho, pensar num redesign de um site pode ser a estratégia crucial que o seu negócio precisa para começar a lucrar.

Um redesign de site não deveria começar porque alguém acha a interface antiga, porque um concorrente lançou um site novo ou porque surgiu uma tendência visual interessante. Reformular um site faz sentido quando existem evidências de que a experiência atual já não atende bem aos usuários, ao negócio ou à tecnologia que sustenta a operação.

Isso muda completamente a forma de conduzir o projeto. Em vez de começar escolhendo cores, referências ou um novo layout, o redesign começa investigando o que funciona, o que precisa ser preservado e quais problemas realmente justificam uma mudança.

Neste guia, você vai entender quando fazer um redesign, quando uma reformulação completa pode ser desnecessária, como diagnosticar o site atual, preservar SEO e acessibilidade, validar a nova experiência e medir se o projeto realmente gerou resultado.

O que é redesign de site?

Redesign de site é o processo de revisar e evoluir um website existente para resolver problemas de experiência, conteúdo, arquitetura da informação, interface, tecnologia, performance ou resultados de negócio.

Dependendo do diagnóstico, o projeto pode envolver mudanças pontuais ou uma reconstrução profunda. O ponto importante é que redesign não é sinônimo de trocar a aparência do site.

Um site pode parecer moderno e ainda apresentar uma navegação confusa. Pode ter boa performance técnica e não comunicar bem a proposta de valor. Pode receber milhares de visitas e converter pouco. Também pode funcionar bem e não precisar de uma reformulação completa.

Antes de pensar no novo layout, vale compreender como um website funciona como sistema de conteúdo, navegação, interface e interação. O redesign atua justamente sobre essas diferentes camadas.

Redesign deve começar pelo problema, não pela interface.

Princípio editorial CamaraUX

Redesign não é decoração: primeiro descubra qual problema precisa ser resolvido

Um dos maiores riscos de um redesign é transformar uma percepção subjetiva em solução antes de entender a causa do problema.

“O site parece antigo”, “precisamos deixá-lo mais moderno” ou “o concorrente está melhor” podem ser sinais para iniciar uma investigação. Ainda não são um diagnóstico.

O problema real pode estar na arquitetura da informação, em uma proposta de valor pouco clara, na velocidade, na experiência mobile, em formulários complexos, em páginas que não correspondem à intenção de busca ou até em uma estratégia de aquisição que leva o público errado ao site.

Antes de decidir pela reconstrução, procure responder:

  • O que os usuários tentam fazer no site?
  • Onde encontram dificuldade?
  • Quais páginas realmente contribuem para o negócio?
  • Quais conteúdos já possuem tráfego, backlinks ou posições relevantes no Google?
  • Em quais etapas acontecem abandonos ou erros?
  • Quais problemas são de interface e quais são de conteúdo, tecnologia ou estratégia?
  • O que funciona hoje e não deveria ser perdido durante a mudança?

A Nielsen Norman Group apresenta o teste de usabilidade como um método de observação de pessoas executando tarefas realistas. Esse tipo de pesquisa permite revelar dificuldades que dificilmente aparecem apenas em métricas agregadas.

Quando fazer o redesign de um site?

Não existe uma idade universal a partir da qual todo website precise ser redesenhado. Um site não vence automaticamente depois de dois ou três anos. O momento certo depende da diferença entre aquilo que a experiência atual entrega e aquilo que usuários e negócio precisam.

A navegação se tornou difícil de entender

Sites crescem. Serviços, produtos, páginas e campanhas são adicionados e uma estrutura inicialmente simples pode se transformar em uma navegação difícil de compreender.

Quando os usuários não conseguem prever onde determinada informação está, precisam voltar repetidamente ou dependem da busca para encontrar conteúdos básicos, pode existir um problema de arquitetura da informação.

Nesse cenário, o redesign deveria começar pela organização do conteúdo e pela hierarquia, não pelo acabamento visual.

Fluxos importantes apresentam abandono ou fricção

Formulários, solicitações de orçamento, cadastros, compras, busca e contato merecem atenção especial. Se existe tráfego, mas as pessoas abandonam antes de concluir a ação esperada, o redesign pode ser uma oportunidade para investigar e reduzir essas barreiras.

Isso não significa assumir que a interface é culpada. É preciso observar dados, comportamento e contexto. Em muitos casos, UX e conversão se relacionam justamente pela capacidade de remover atritos que impedem usuários de concluir aquilo que já pretendiam fazer.

O site já não representa o negócio atual

Uma mudança relevante de posicionamento, público, portfólio ou estratégia pode tornar a estrutura existente incompatível com a organização atual.

Nesse caso, atualizar somente a identidade visual pode não ser suficiente. Talvez seja necessário reorganizar páginas, rever jornadas, mudar a priorização do conteúdo e reconstruir partes importantes da experiência.

A experiência mobile apresenta problemas

Responsividade não significa apenas fazer o conteúdo caber em uma tela menor. Hierarquia, navegação, legibilidade, tamanho de alvos de interação, formulários e ordem dos conteúdos também precisam funcionar adequadamente em diferentes dispositivos.

Se a interface atual foi criada com decisões difíceis de adaptar ao contexto mobile, um redesign pode oferecer uma oportunidade de rever a experiência de maneira mais estrutural. Para aprofundar esse território, veja também o guia sobre design responsivo e UX.

A tecnologia limita a evolução do site

Às vezes, o problema não está na aparência atual, mas na estrutura técnica que tornou qualquer evolução cara, lenta ou arriscada.

Dependência excessiva de código legado, componentes inconsistentes, ausência de padrões, dificuldade de atualização ou limitações graves de performance podem tornar uma revisão mais profunda mais racional do que continuar acumulando correções.

Performance afeta a experiência real

Performance também precisa fazer parte do diagnóstico. As Core Web Vitals utilizadas atualmente para avaliar aspectos importantes da experiência na Web são LCP, INP e CLS.

Como referência, o web.dev considera bons resultados, medidos no percentil 75, LCP de até 2,5 segundos, INP de até 200 milissegundos e CLS de até 0,1.

Essas métricas não dizem sozinhas que um site precisa ser redesenhado. Elas mostram uma dimensão da experiência que precisa ser interpretada em conjunto com objetivos, comportamento dos usuários e limitações técnicas.

Quando não fazer um redesign completo

Nem todo problema pede uma reconstrução. Em alguns contextos, um redesign completo adiciona risco, custo e complexidade quando mudanças menores resolveriam melhor a situação.

Situação observadaPrimeira abordagem a considerar
Uma página específica converte poucoInvestigar e otimizar a página ou o fluxo antes de reconstruir o site
O principal problema é velocidadeDiagnóstico técnico e otimização de performance
A navegação está confusaPesquisa e revisão da arquitetura da informação
A marca mudou, mas a estrutura ainda funcionaAtualização visual e de conteúdo
Usuários têm dificuldade em uma tarefa específicaPesquisa, teste de usabilidade e redesign do fluxo
O site funciona bem e a motivação é apenas estéticaValidar se existe um problema real antes de reconstruir
Nem todo problema de experiência exige um redesign completo.

Essa distinção importa porque usuários recorrentes desenvolvem expectativas sobre interfaces que já conhecem. Alterar padrões que funcionam apenas para tornar a experiência “nova” pode introduzir fricção onde antes não existia.

O objetivo não deveria ser mudar o máximo possível. O objetivo deveria ser mudar aquilo que precisa mudar e preservar aquilo que ainda funciona.

Antes de redesenhar, observe também como outras experiências resolvem o problema

Análise competitiva não deveria servir para copiar telas. Ela pode ajudar a entender convenções, identificar oportunidades e observar como outros produtos resolvem tarefas semelhantes.

Neste vídeo, a Nielsen Norman Group explica como avaliações competitivas de usabilidade podem ser utilizadas no início de um processo de design para identificar oportunidades.

Competitive Usability Evaluation, Nielsen Norman Group.

Como planejar um redesign de site baseado em UX

O processo muda conforme tamanho, risco e complexidade do website. Ainda assim, uma sequência estruturada ajuda a reduzir a chance de tomar decisões importantes cedo demais.

1. Defina o problema e os objetivos do projeto

Antes de desenhar qualquer tela, transforme a motivação do redesign em objetivos que possam ser avaliados.

“Modernizar o site” é difícil de medir. “Aumentar a conclusão do formulário”, “reduzir erros na navegação”, “facilitar a descoberta de serviços” ou “melhorar a experiência mobile das páginas de maior tráfego” oferecem uma direção mais clara.

Esse também é o momento de registrar uma linha de base. Se não sabemos como o site se comportava antes, será difícil demonstrar posteriormente se a nova versão melhorou alguma coisa.

2. Faça um inventário do site atual

Antes de remover, juntar ou alterar páginas, descubra o que já existe.

  • URLs e templates existentes;
  • páginas com tráfego orgânico;
  • principais páginas de entrada;
  • conversões e eventos;
  • links externos e internos;
  • conteúdos desatualizados;
  • páginas duplicadas ou sobrepostas;
  • erros 404 e redirects existentes;
  • funcionalidades e componentes compartilhados.

Esse inventário evita um erro recorrente: descobrir depois do lançamento que uma página aparentemente pouco importante possuía tráfego, backlinks ou alguma função relevante na jornada.

3. Combine dados quantitativos com pesquisa qualitativa

Analytics pode mostrar onde existe determinado comportamento. Pesquisa ajuda a investigar por que aquilo está acontecendo.

Dependendo do contexto, um diagnóstico pode combinar análise de dados, entrevistas, testes de usabilidade, análise de contatos de suporte, avaliação heurística, gravações de sessão e análise de busca interna.

A avaliação heurística ajuda a identificar potenciais problemas de usabilidade, enquanto testes com usuários permitem observar pessoas reais tentando executar tarefas relevantes.

Para aprofundar a escolha de métodos, consulte o guia da CamaraUX sobre métodos de pesquisa em UX.

4. Reestruture conteúdo e arquitetura da informação

Redesign é uma oportunidade de questionar se a organização atual ainda representa aquilo que os usuários procuram e aquilo que o negócio precisa comunicar.

Isso pode envolver consolidar páginas semelhantes, simplificar menus, criar novas categorias, rever nomes e melhorar relações entre conteúdos.

Essa etapa deveria acontecer antes do acabamento visual porque a arquitetura define como o usuário encontra e compreende o conteúdo. Métodos como card sorting e tree testing podem apoiar decisões quando existe incerteza sobre a estrutura.

5. Redesenhe jornadas e fluxos antes da interface final

Depois de compreender problemas e estrutura, o projeto pode avançar para jornadas, fluxos e wireframes.

Nessa etapa, o foco ainda não precisa estar nos detalhes visuais. O objetivo é validar prioridades: qual informação aparece primeiro, quais decisões o usuário precisa tomar, quais etapas podem ser removidas e como o caminho até o objetivo pode ficar mais claro.

Protótipos permitem explorar essas hipóteses antes de investir na implementação definitiva.

6. Projete com consistência, responsividade e acessibilidade

Com a estrutura definida, a interface pode traduzir hierarquia, marca e interação de forma consistente.

A acessibilidade também precisa ser tratada como requisito do projeto, e não como correção posterior. As Web Content Accessibility Guidelines 2.2, do W3C, oferecem critérios para tornar conteúdo e interação mais acessíveis a pessoas com diferentes necessidades.

Contraste, navegação por teclado, foco visível, nomes acessíveis, estrutura semântica, formulários compreensíveis e áreas de interação adequadas são exemplos de decisões que precisam continuar da etapa de design até a implementação.

7. Teste antes de lançar

Um protótipo visualmente resolvido ainda é uma hipótese.

Testes de usabilidade ajudam a verificar se as pessoas entendem a nova organização, encontram informações e conseguem executar tarefas críticas sem dificuldades inesperadas.

Além de UX, a etapa de QA precisa verificar diferentes tamanhos de tela, navegadores, formulários, links, acessibilidade, analytics, performance e SEO técnico.

Como fazer redesign sem perder SEO

SEO precisa participar do redesign antes do lançamento. Esperar a nova versão entrar no ar para descobrir o que aconteceu com URLs, títulos, links internos ou páginas importantes transforma uma mudança controlável em um problema de recuperação.

O princípio mais seguro é simples: não altere uma URL que funciona sem uma razão real.

Quando uma URL precisa mudar ou diferentes páginas serão consolidadas, a documentação da Central da Pesquisa Google recomenda mapear cada endereço antigo para o destino correspondente e usar redirects permanentes, como 301 ou 308. Também é importante atualizar links internos, canonicals e sitemap.

Durante um redesign, eu verificaria pelo menos:

  • quais URLs devem permanecer exatamente como estão;
  • quais páginas serão consolidadas ou removidas;
  • redirects 301 diretamente para os destinos finais;
  • ausência de cadeias desnecessárias;
  • canonical autorreferente nas páginas definitivas;
  • titles e descriptions das páginas estratégicas;
  • headings e conteúdo principal;
  • links internos;
  • dados estruturados;
  • robots e diretivas noindex;
  • sitemap XML;
  • páginas 404;
  • analytics, eventos e conversões;
  • Search Console após a publicação.

O Google informa que mudanças de URL podem provocar oscilações temporárias enquanto os endereços são rastreados e reprocessados. Para redirects permanentes, também recomenda evitar cadeias e apontar o endereço antigo diretamente para o destino final.

Performance também precisa ser medida antes e depois

Um novo design pode melhorar a performance, mas também pode fazer o contrário. Imagens maiores, vídeos, bibliotecas, animações, fontes e componentes adicionais podem transformar uma interface sofisticada em uma experiência mais lenta.

Por isso, performance deveria ter uma baseline antes da mudança e critérios de aceitação para a nova versão.

Core Web VitalO que observaReferência para “bom”
LCPCarregamento do conteúdo principal≤ 2,5 s
INPCapacidade de resposta às interações≤ 200 ms
CLSEstabilidade visual≤ 0,1
Limites de referência das Core Web Vitals no percentil 75, segundo o web.dev.

Além das Core Web Vitals, vale observar peso das páginas, tempo de resposta do servidor, recursos bloqueantes, comportamento em conexões mais lentas e diferenças entre testes de laboratório e dados reais de campo.

Como medir se o redesign realmente funcionou

O sucesso do redesign não deveria ser definido depois do lançamento. As métricas precisam nascer dos problemas que justificaram o projeto.

Se o objetivo era melhorar a descoberta de serviços, por exemplo, olhar apenas pageviews não responde se a mudança funcionou. Podem fazer mais sentido taxa de sucesso de tarefa, uso da busca, navegação entre páginas ou chegada aos destinos esperados.

Se o objetivo era melhorar conversão

  • taxa de conclusão do fluxo;
  • abandono por etapa;
  • leads ou vendas;
  • erros em formulários;
  • tempo necessário para concluir a tarefa.

Se o objetivo era melhorar usabilidade

  • taxa de sucesso em tarefas;
  • tempo por tarefa;
  • quantidade e gravidade de erros;
  • problemas encontrados em testes;
  • percepção de facilidade ou satisfação.

Se o objetivo envolvia SEO e aquisição

  • cliques e impressões orgânicas;
  • consultas e posições;
  • páginas indexadas;
  • erros de rastreamento;
  • conversões originadas da busca;
  • Core Web Vitals.

Não existe uma única “métrica de redesign”. Existe um conjunto de indicadores relacionado aos objetivos definidos para aquele projeto. Veja também o guia da CamaraUX sobre métricas de UX.

Como calcular o retorno de um redesign

ROI pode ser útil, mas precisa partir de efeitos que o negócio consiga relacionar ao projeto de maneira razoável.

Uma fórmula financeira simples é:

ROI = (ganho incremental − investimento) ÷ investimento × 100

O desafio está em definir o ganho incremental. Em um site comercial, ele pode estar relacionado ao aumento de leads qualificados ou vendas. Em um portal de serviço, redução de contatos de suporte, maior conclusão de tarefas ou menor custo operacional podem ser mais importantes.

Também é preciso cuidado com causalidade. Se tráfego, mídia, produto, preços e campanhas mudaram simultaneamente ao website, não é correto atribuir automaticamente toda variação ao redesign.

Erros comuns em projetos de redesign

Começar pelo visual

Quando o projeto começa pela interface final, existe o risco de redesenhar sintomas em vez de resolver causas. Pesquisa, objetivos e diagnóstico deveriam orientar o design.

Apagar tudo que existia antes

Redesign não significa assumir que todas as decisões existentes estão erradas. Padrões conhecidos, páginas que performam bem e jornadas eficientes podem precisar ser preservados.

Ignorar conteúdo

Interface não consegue compensar indefinidamente uma proposta de valor confusa, nomes incompreensíveis, informação ausente ou conteúdo sem hierarquia.

Migrar URLs sem planejamento

Alterações estruturais sem inventário e mapeamento podem gerar erros 404, cadeias de redirects, perda de links internos e páginas importantes desaparecendo do índice.

Medir apenas depois do lançamento

Sem uma linha de base, qualquer resultado posterior fica mais difícil de interpretar. O redesign precisa começar sabendo quais indicadores pretende mover.

Tratar o lançamento como o fim do projeto

Depois que a nova versão entra em produção surgem dados que não existiam no protótipo. Monitoramento, pesquisa e evolução contínua completam o ciclo.

Redesign de site e redesign de produto digital não são a mesma coisa

Embora compartilhem métodos de UX, um redesign de website costuma envolver com maior intensidade conteúdo, navegação, SEO, páginas de entrada e aquisição. Já o redesign de um software ou aplicativo pode envolver regras de negócio, estados de interface, recorrência de uso, funcionalidades e jornadas operacionais mais complexas.

Se o problema está em um sistema, plataforma, aplicativo ou produto SaaS existente, veja o guia sobre redesign de produto digital e quando evoluir ou reconstruir.

Exemplos de redesign orientado por UX

Projetos reais ajudam a mostrar por que redesign não é apenas uma troca estética. O formato da intervenção depende do problema, da escala e do contexto de uso.

Portal Sebrae Paraná

No projeto de redesign do Portal Sebrae Paraná, o desafio envolvia uma grande quantidade de conteúdo e diferentes públicos. Isso exigia olhar para organização da informação, comportamento de navegação, jornadas e padronização, não apenas para a camada visual.

Tela do novo portal Sebrae Paraná com destaque para usabilidade e recursos. Laptop sobre mesa com canetas.
Redesign do Portal Sebrae Paraná com foco em usabilidade e experiência do usuário para microempreendedores.

Mageuni

O redesign do site e sistema da Mageuni é outro exemplo de projeto em que website e experiência do produto precisavam ser analisados de forma conectada, considerando jornada, informação e interação.

Os dois projetos reforçam a mesma ideia: o formato do redesign depende do problema. Não existe um pacote universal de telas que todo website precise redesenhar.

Comparativo entre o design antigo e novo do site da Mageuni, destacando melhorias visuais.
Visualização das mudanças no design da Mageuni, destacando a evolução estética e funcional do site.

Checklist antes de publicar o novo site

  • Objetivos do redesign possuem métricas de referência.
  • Principais jornadas foram testadas.
  • Versões mobile e desktop foram revisadas.
  • Formulários e integrações funcionam corretamente.
  • Estados de erro e feedback foram verificados.
  • Navegação por teclado e foco foram testados.
  • Contraste, textos alternativos e nomes acessíveis foram revisados.
  • URLs antigas e novas foram mapeadas.
  • Redirects necessários apontam diretamente para os destinos finais.
  • Links internos usam as URLs definitivas.
  • Canonicals estão corretos.
  • Robots e noindex foram revisados.
  • Sitemap contém as URLs definitivas.
  • Analytics e eventos continuam funcionando.
  • Core Web Vitals e performance foram avaliadas.
  • Search Console será monitorado depois do lançamento.

Redesign é uma hipótese de melhoria, não uma garantia

O melhor redesign não é necessariamente aquele que transforma mais coisas. É aquele que consegue explicar por que cada mudança existe, qual problema pretende resolver e como o resultado será avaliado.

Quando pesquisa, dados, conteúdo, arquitetura, design, acessibilidade, tecnologia e SEO trabalham juntos, a reformulação deixa de ser uma troca de aparência e passa a ser uma evolução planejada da experiência.

Também significa aceitar que algumas decisões serão validadas apenas depois que usuários reais começarem a interagir com a nova versão. Monitorar, aprender e evoluir depois do lançamento faz parte do próprio redesign.

Se você está avaliando uma reformulação e ainda não sabe se o problema exige ajustes pontuais ou uma mudança estrutural, uma consultoria de UX pode ajudar a diagnosticar a experiência atual antes de decidir o tamanho da solução.

Perguntas frequentes sobre redesign de site

O que é redesign de site?

Redesign de site é o processo de revisar e evoluir um website existente para resolver problemas de experiência, conteúdo, arquitetura da informação, interface, tecnologia, performance ou resultados. Não significa necessariamente reconstruir tudo do zero.

Quando é hora de fazer um redesign?

O redesign faz sentido quando existem problemas relevantes que a estrutura atual não consegue resolver de forma eficiente, como dificuldades de navegação, abandono em jornadas importantes, experiência mobile inadequada, mudanças de posicionamento ou limitações técnicas.

De quanto em quanto tempo um site precisa ser redesenhado?

Não existe um prazo universal. O gatilho para redesign deve ser a existência de problemas, mudanças relevantes de contexto ou limitações estruturais, e não uma quantidade fixa de anos.

Redesign de site pode prejudicar o SEO?

Pode haver impacto quando URLs, conteúdo, links internos ou diretivas de indexação são alterados sem planejamento. Uma migração bem executada mapeia as URLs, utiliza redirects permanentes quando necessário e atualiza links internos, canonicals e sitemap.

É melhor fazer redesign ou criar um site novo?

Depende do diagnóstico. Se conteúdo, estrutura e tecnologia ainda oferecem uma base adequada, evoluir o site pode ser suficiente. Quando existem limitações profundas, uma reconstrução mais ampla pode fazer sentido, preservando os ativos digitais que continuam relevantes.

Como saber se o redesign deu resultado?

Defina antes do projeto quais problemas devem ser resolvidos e registre métricas de referência. Depois do lançamento, compare indicadores relacionados aos objetivos, como conclusão de tarefas, conversão, erros, abandono, tráfego orgânico, performance ou satisfação.

Fontes e referências

Este artigo foi útil para você?

Escrito por Lucas Camara

Senior Product & UX Designer com experiência em produtos digitais, estratégia, pesquisa e otimização de experiências. Atua conectando UX, tecnologia e objetivos de negócio para criar soluções mais claras, eficientes e orientadas a resultados.

Leia também: