duda
Seu guia completo para fazer um redesign de site

Ronan Mahony • Aug 22, 2022

Muitos clientes podem entrar em contato com a sua agência e pedir um redesign de site, ou seja, um redesenho completo do site atual.

Em geral esses clientes não gostam do site existente. Muitas vezes o site atual oferece uma experiência ruim para o usuário, seu código é desajeitado ou o design está desatualizado.

Um projeto de redesign do site geralmente é necessário a cada dois ou três anos. Isso garante que o site esteja atualizado com os últimos desenvolvimentos em codificação, estrutura e aparência, incluindo as tendências em UX e web design.

Ao mesmo tempo, a reformulação do site oferece a seus clientes a melhor chance de obter os resultados que desejam com sua presença digital. Isso geralmente significa atender melhor os usuários, melhorar o desempenho do site e obter melhores resultados de geração de leads ou vendas.

Prepare-se para dedicar de dois a quatro meses para o redesign de um site. Mas atenção: durante esse período, você deverá tomar algumas decisões importantes e evitar armadilhas comuns.

Continue lendo para obter um guia detalhado e prático para o sucesso no redesenho de sites.

O QUE É UM REDESIGN DE SITE?

O redesenho de um site revisa o site inteiro e incorpora alterações significativas na estrutura do site, código, recursos visuais e até mesmo conteúdo.

Um projeto de redesign de site é como demolir um cômodo da uma casa e reconstruí-lo, ao invés de apenas adicionar uma nova camada de tinta ou substituir alguns móveis.


tipos de redesign de site

Existem algumas maneiras diferentes de abordar um projeto de redesenho em termos de decidir o nível de mudanças necessárias:

  • Rápido — Essa abordagem enfatiza tempos de resposta mais curtos, em vez de se aprofundar o máximo possível. Os clientes podem não odiar completamente seus sites, mas sentem que existem algumas falhas fundamentais em várias áreas diferentes. Um redesenho rápido se concentra em corrigir e otimizar essas falhas em uma janela curta para obter resultados mais rápidos.
  • Radical — Um redesenho radical, como o nome sugere, revisa um site a tal ponto que ele se torna completamente irreconhecível quando o novo site é lançado.
  • Completo — Um redesenho completo do site se concentra em ser o mais aprofundado e abrangente possível, sem necessariamente fazer alterações tão extremas que o site não seja mais reconhecível.
  • Redesenho evolutivo do site — Um redesenho evolutivo adota uma abordagem mais iterativa e de longo prazo do que outros tipos de redesenho. Ao focar em problemas específicos, fazer mudanças e medir resultados continuamente, você obtém melhorias contínuas em vez de esperar pelas típicas reformulações completas pelas quais os sites passam a cada poucos anos.

Nem todas as agências estão em condições de oferecer um redesenho evolutivo do site. Esse tipo de redesign de site é mais comum em agências de performance ou nas fábricas de sites. 

por que fazer um redesign de site?

Redesign de site

Sugerimos algumas das motivações para um redesign de site na introdução. Mas agora vamos detalhar mais os muitos motivos pelos quais você pode optar por redesenhar o site de um cliente.

Design desatualizado

Vamos começar com o que parece um ponto banal, mas não deixa de ser importante. As tendências web design mudam rapidamente. Estar fora de sincronia com essas tendências dificulta os resultados potenciais que as empresas podem obter de seu site.

UX problemático

Um design disfuncional geralmente é a causa raiz da má experiência do usuário. Quando as pessoas não conseguem encontrar o que estão procurando em um site ou se sentem frustradas, normalmente você está enfrentando vários problemas com branding, design, usabilidade e função.

Uma experiência de usuário problemática (UX) é um forte sinal de que é preciso fazer um redesign de site.

Rebranding

Uma iniciativa de rebranding muda toda a identidade de uma empresa em uma nova direção. Embora seja comum pensar em rebranding como exigindo apenas alterações superficiais no site, como atualizar o logotipo, muitos projetos de rebranding são muito mais profundos. Alguns alteram a missão, os valores, os objetivos e a visão da empresa.

Muitas vezes, as empresas desejam remover quaisquer links entre a aparência e a sensação do site atual versus o site antigo. Portanto, um redesenho está definitivamente na mesa nesses casos.

Segmentação para um público diferente

Ao buscar atingir um nova audiência, a empresa vai precisar fazer mudanças no seu site. E elas vão além de simplesmente atualizar as mensagens.

Diferentes públicos têm expectativas e necessidades variadas em estilos de design, funcionalidades e conteúdo.

Inclusão de nova funcionalidade no site

Em muitos casos, os clientes podem procurar uma agência esperando adicionar algum tipo de nova funcionalidade importante ao site. Essa funcionalidade pode ser uma loja online, pesquisa aprimorada no site, navegação renovada ou até mesmo um sistema de gerenciamento de conteúdo (CMS).

O site existente (e muitas vezes desatualizado) pode não funcionar em nenhum nível para integrar essa nova funcionalidade, exigindo um redesign completo.

Melhorar conversões ou vendas


Existe um grande fator que muitas vezes influencia a decisão de optar por um redesign do site: é o fato da empresa estar obtendo resultados insatisfatórios em termos de conversões ou vendas online com o site atual. 

Um redesenho centrado na conversão considera ajustar todos os aspectos do site para maximizar a probabilidade de os visitantes realizarem ações específicas.

Otimização para dispositivos móveis

O Google começou a usar a indexação mobile-first em 2016, o que sinalizou uma mudança em direção ao design responsivo. Os usuários esperam que os sites funcionem tão bem ou melhor em dispositivos móveis quanto em desktops.

Os web designers também entendem isso, com 53,8% citando um design de site não responsivo como o principal motivo para um redesenho.

Confira dicas de como criar um site responsivo com a Duda.

CMS antigo que causa frustração

Como você já deve saber, um Content Management Systems (CMS) permite que proprietários de sites não conhecedores de tecnologia gerenciem seu site usando um aplicativo de software em vez de confiar no conhecimento de codificação.

As plataformas CMS legadas podem causar frustração por vários motivos, como atualizações irritantes, plugins vulneráveis, integração deficiente com as funcionalidades desejadas e desempenho lento.

Uma empresa com um CMS causando alguns ou todos esses problemas geralmente precisará de um redesenho como parte da integração de uma nova plataforma.

Melhorar o SEO

Qualquer agência que se preze entende a importância de seus clientes terem uma forte presença nas páginas de resultados dos mecanismos de pesquisa.

Com 60% dos profissionais de marketing citando o SEO como sua preocupação número um no inbound marketing, é imperativo ter uma estratégia eficaz de SEO.

A estrutura do site e a arquitetura geral do site são partes vitais de qualquer estratégia de SEO.

Além disso, o desempenho e o design do site desempenham um papel no Core Web Vitals, que o Google usa como critério de desempate ao decidir como classificar páginas de diferentes sites com qualidade de conteúdo semelhante.

QUAIS ARMADILHAS EVITAR? PRINCIPAIS ERROS no REDESIGN De um SITE

Redesign de site

Antes de entrar em algumas práticas recomendadas e dicas para redesenhos de sites, vamos apontar rapidamente algumas armadilhas irritantes a serem evitadas:

  • Não se concentre apenas no aparência - O redesign deve ir muito além do aspecto visual. Coloque um design esteticamente agradável em cima de uma estrutura e funcionalidade sólidas.
  • Seja capaz de explicar claramente o raciocínio que justifica um redesenho do site - Se a única razão é que o site não parece ótimo, mas todo o resto funciona bem, considere uma atualização do site.
  • Evite mergulhar em um projeto de web design a pedido de um cliente sem definir metas específicas - Pode haver uma meta abrangente que você precisará dividir em metas menores se o projeto for executado com eficiência.
  • Não negligencie o conteúdo - Não importa quão bom um site seja, quão bem ele funcione ou quão otimizado ele seja para SEO. Se o conteúdo em si não ressoar com o público-alvo do cliente, o site dificilmente vai alcançar seus objetivos. Realize uma auditoria de conteúdo para garantir que você não migre conteúdo irrelevante, de baixa qualidade ou desatualizado para o novo design.
  • Faça uma estimativa de custos - Nunca inicie um projeto de redesenho sem estimar os custos antecipadamente e mapear essa estimativa para as metas e orçamento do cliente.
  • Não hesite em pedir ao cliente dados sobre a performance do site atual - Essa informação é fundamental para descobrir os pontos fortes e fracos do site, especialmente à luz dos objetivos específicos do cliente para o redesenho.


checklist para fazer o redesign de um site

Redesign de site

1. Crie uma estratégia de redesenho do site


É fundamental que você tenha uma estratégia abrangente de redesign do site. Uma boa estratégia fornece uma estrutura repetível para uso em diversos projetos.

Mesmo que cada cliente seja diferente em termos de setor, qualidade do site atual e objetivos gerais, é fundamental que você coloque no papel o que deve ser alcançado com o redesign do site e como isso será feito.

Essa estratégia deve ser apresentada ao cliente antes do início do projeto.


2. Estabeleça quem deve ser envolvido no projeto


Dependendo do tamanho do cliente, você provavelmente precisará identificar e envolver várias partes interessadas no processo.

Como gerente de projeto, sua agência assume a responsabilidade pelo processo geral de redesenho. Entretanto, você precisará de informações de várias fontes da empresa do seu cliente, incluindo o(s) proprietário(s), departamento de marketing, vendas e qualquer pessoa responsável pelo upload de conteúdo.

Seja claro desde o início sobre a necessidade de envolvimento dessas diferentes partes interessadas.


3. Determine as metas de reformulação do site


Mesmo que o cliente tenha apenas um objetivo de alto nível, divida-o em vários sub objetivos cobrindo diferentes mudanças de design que ajudam a atingir o objetivo de alto nível.

Considere aspectos relevantes como tecnologia, estrutura, tema visual e desempenho ao definir metas.


4. Determine seu orçamento e cronograma


Com base no orçamento do cliente e nas mudanças desejadas, determine seu próprio orçamento para o que cobrar pelo projeto. 

Seja realista sobre o cronograma proposto para a conclusão. Você quer evitar frustrar seus clientes com custos mais altos do que o previsto ou atrasos.


5. Faça uma auditoria do site atual


Faça uma auditoria detalhada do site atual em termos de aparência, experiência do usuário, funcionalidade, desempenho de SEO, otimização para conversões e arquitetura geral.

Se necessário, utilize uma página de site em construção enquanto o redesign do site não for concluído.


6. Analise os sites dos concorrentes






Revise os sites dos concorrentes para estabelecer os padrões visuais, UX e estruturais dentro do setor do cliente.

Provavelmente não há necessidade de reinventar a roda. Na verdade, desviar-se muito dos designs típicos de sites em um setor específico tem a chance de afastar o público-alvo do cliente.



7. Siga as diretrizes de branding e mensagens


Cada cliente provavelmente tem suas próprias diretrizes de branding e mensagens na forma de um arquivo PDF ou no Google Drive. Converse sobre as diretrizes para a logomarca e a paleta de cores do site.

Sempre consulte essas informações ao longo de um projeto de redesenho.  Desviar-se das diretrizes resultará na insatisfação do cliente, mesmo que o site renovado pareça adequado, seja agradável de usar e tenha um bom desempenho.


8. Proteja os resultados de SEO


Há um equilíbrio delicado a ser alcançado quando se trata de redesenhos e resultados de SEO.

Às vezes, um cliente tem um site com uma classificação decente para algumas palavras-chave desejáveis, mas está tão insatisfeito com o site que é necessário um redesenho.

Faça o seu melhor para preservar os resultados de SEO existentes, sendo cauteloso com qualquer redirecionamento e mantendo essas páginas de alto desempenho junto com o conteúdo delas.


9. Crie um mapa do site e mapeie seu conteúdo


Não é incomum que as empresas cheguem a uma agência sem um mapa do site no seu site atual. 

Parte do processo de redesenho envolve a criação de uma base estrutural que facilite a navegação e a compreensão dos usuários para onde estão indo, não importa quantas páginas estejam no site.

Um mapa do site é incrivelmente útil para ajudá-lo a mapear e agrupar conteúdo em uma estrutura sensata.


10. Escolha a plataforma certa de criação de sites e garanta que o site seja compatível com dispositivos móveis


Como agência, é aconselhável usar uma plataforma de criação de sites que permita dimensionar facilmente suas operações.

Um construtor de sites profissional como a Duda reduz o tempo de construção pela metade e vem com otimizações de desempenho prontas para uso, incluindo compatibilidade com dispositivos móveis e velocidade do site.

11. Examine seus CTAs com cuidado

Certifique-se de que todas os call to action ou chamadas para ação no novo site se encaixem no novo design e estrutura. Visualmente, esses botões importantes devem se destacar do resto da página.

Além disso, como os botões de CTA exigem código para funcionar, verifique novamente se eles ainda apontam os usuários para as páginas corretas depois que outras alterações importantes no design forem feitas.

12. Lançamento!

Um passo bastante auto-explicativo, mas ainda assim fundamental. É aqui que o site redesenhado entra no ar.

Antes de clicar no botão de lançamento, dê uma olhada extra no site para verificar se tudo parece e funciona conforme o esperado e se elementos importantes, como descrições de produtos, estão incluídos.

13. Teste o site

Teste o site redesenhado usando uma quantidade razoável de dados após o lançamento inicial.

No mínimo, verifique o Google Search Console em busca de erros que possam afetar o desempenho de SEO.

Compare os resultados do Google Analytics entre o site novo e o antigo e avalie as alterações em métricas importantes, como taxas de rejeição, tempo na página e volume de tráfego.

14. Compartilhe o novo site via redes sociais e newsletter (e colete feedback)

Qualquer redesign de site é um momento importante na história de uma empresa.

Vale a pena criar um hype sobre o design e chamar a atenção para ele por meio de vários canais de marketing, incluindo mídias sociais e boletins informativos.

Avalie as impressões do público-alvo sobre o novo design do site pedindo feedback e use esses dados para ajustes adicionais.

15. Certifique-se de ter uma estratégia pós-lançamento (e continue otimizando)

Tenha uma estratégia pós-lançamento que se concentre na otimização contínua baseada principalmente em dados e no feedback do usuário.

Pegue os resultados de pesquisas, e-mails e até mesmo testes de usuários dedicados para fazer mais melhorias.

Essa etapa pode envolver uma transferência da sua agência para o cliente com uma lista de verificação de recomendações com base no feedback pós-lançamento.



CONCLUSÃO

Os projetos de redesign de sites visam superar problemas fundamentais no site atual do seu cliente. Por isso, esse tipo de projeto pode ser complexo e delicado. Procure alternativas para melhorar a produtividade e a eficiência da sua agência.

Considere o Duda, o construtor de sites profissional criado especialmente para agências, para ajudar a concluir esses projetos mais rapidamente e obter sites de alto desempenho.

Comece hoje mesmo com a ajuda da Duda. Faça um teste grátis agora ou agende uma conversa com um dos nossos especialistas.




A website shows a picture of a tropical island in the middle of the ocean.
By Shawn Davis 02 May, 2024
Third party aggregation platforms are vacuuming up small business profits with no recourse. What if it didn’t have to be this way? See how one SaaS company is giving SMBs the tools they need to fight back.
Forbes logo and the headline How Verticalized SaaS Companies Can Accelerate Their Growth In 2024
By Itai Sadan 29 Apr, 2024
Uncover the playbook for vertical SaaS success in 2024! Dive into the transformative power of multi-product strategies with insights from Itai Sadan, CEO and cofounder of Duda. Learn how to skyrocket revenue, boost customer loyalty, and dominate your market niche.
Entrepreneur's logo and How to design an eye-catching website that truly captures your audience.
By Itai Sadan 24 Apr, 2024
The rules governing a "well-designed website" are in constant flux. So getting insights into the latest web design trends for 2024 is crucial to captivate visitors and engage the right audience for your business.
Show More

Latest Posts

Share by: