A lista de verificação definitiva de redesenho de sites [Download grátis]

Os clientes opinam sobre o seu negócio com base no design do site. Na verdade, 94% das primeiras impressões estão relacionadas à aparência do seu site e 75% da credibilidade do site vem de seu design.

Seu site representa seu negócio, sua marca e seus valores pelo design - cores, elementos, estrutura de informação, imagens. Você gastaria tempo em um site que não seja atraente? Ou um site que não está otimizado para seu dispositivo móvel?

Se você está se perguntando se o seu site precisa de uma reformulação e quais são os passos a seguir, você está no lugar certo.

Descrevemos as etapas gerais que você deve seguir ao redesenhar seu site. Dessa forma, você pode monitorar se está no caminho certo.

Quando é hora de redesenhar seu site?

É importante observar que o redesenho é um processo complexo que pode ser abordado em várias abordagens. Um deles é uma atualização gradual das páginas de destino com foco na otimização da taxa de conversão (CRO), o outro é uma revisão completa. Dependendo do orçamento e dos seus objetivos, você deve escolher o que melhor se adapta a você.

Se você está considerando um novo design do site, a primeira pergunta é como você sabe que o seu site precisa de um redesenho? Se o seu site atender à maioria dos critérios abaixo, isso significa que é hora de reformular o site.

Suas metas e estratégia de negócios mudaram

Já se passaram anos desde que você lançou seu site. Sua empresa provavelmente mudou e cresceu, o que significa que suas metas de marketing também mudaram. Seu site deve refletir sua nova estratégia.

Seu site parece desatualizado

As tendências de design evoluem anualmente. No início, os desenvolvedores não se preocupavam muito com o design. Agora o design é muito importante porque representa o seu negócio.

Se o design do seu site for antigo, as pessoas podem pensar que sua empresa não segue as tendências mais recentes. Eles podem até questionar se podem confiar em você ou em seus produtos.

Seu site não gera receita

Se o seu site não traz vendas como antes, você definitivamente precisa de um redesenho. Isso é crucial, especialmente para lojas online. Os produtos e serviços em seu site devem ir de mãos dadas com uma excelente experiência do usuário.

Seu site carrega lentamente

83% das pessoas esperam que um site carregue em 3 segundos ou menos. Quanto menor a velocidade do seu site, maior será a taxa de rejeição e isso se refletirá na taxa de conversão. Uma página lenta pode resultar em 97% do abandono do carrinho de compras móvel.

Além disso, alguns anos atrás, o Google incluiu a velocidade do site como um dos fatores que os algoritmos usam para classificar as páginas.

Um design por si só não tem impacto na velocidade. Porém, mais frequentemente do que não, uma agência ou um freelancer pode melhorar a velocidade de um site ao desenvolvê-lo do zero.

• Artigo relacionado : Como analisar o desempenho de sua página da web usando o Google PageSpeed ​​Insights

Seus visitantes não ficam mais no seu site

Os visitantes visitam seu site, mas não gastam muito tempo nele nem realizam qualquer ação. Os motivos para isso podem variar, mas você deve considerar o design do seu site. Se o seu site não for atraente, os visitantes não terão motivo para ficar e interagir com ele.

Seu site não é compatível com dispositivos móveis

Se o seu site não foi redesenhado recentemente, é normal ter problemas no celular. Em 2020, isso é impensável. Nos EUA, 63% das visitas do Google são de dispositivos móveis.

Pensar que o mobile-first não é mais uma escolha. É obrigatório. Em termos de vendas de comércio eletrônico, os dados mostram que 40% dos usuários irão para um concorrente após uma experiência ruim com seu site mobile.

Lista de verificação de reprojeto de site em 12 etapas

Se o seu site precisa de uma reformulação, você pode estar se perguntando o que fazer a seguir. Felizmente, preparamos um checklist abaixo, que o guiará em todo o processo de reformulação do site.

1. Audite seu site atual

Antes de começar a reformulação do site real, você precisa analisar o seu site atual. Dessa forma, você pode planejar com eficácia o que precisa ser feito. Pense nas seguintes questões:

• Quais páginas têm bom desempenho?
• Quais páginas apresentam mau desempenho?
• Quais páginas podem ser removidas completamente?
• Qual conteúdo deve ficar? Você tem algum conteúdo que precisa ser atualizado?
• Quais páginas precisam ser otimizadas? Verifique se há links quebrados, botões de apelo à ação que não funcionam ou informações desatualizadas.

Verifique seus indicadores-chave do Google Analytics. Concentre-se nos seguintes dados:

• Tráfego
• Taxa de rejeição
• Taxa de conversão
• Abandono do carrinho de compras se você possui uma loja online
• Visitantes recorrentes
• Novos visitantes
• Artigo relacionado: Como aumentar o tempo que os visitantes gastam em seu site WordPress

2. Não exclua o SEO

O processo de redesenho do site é uma grande oportunidade para otimizar seu conteúdo para SEO e buscar por melhores palavras-chave que você possa classificar. A otimização de SEO é algo que você deve fazer regularmente, mas caso tenha negligenciado, agora você tem a chance de melhorá-la.

Em termos do aspecto técnico de SEO, você pode:

• Otimize suas meta descrições, tags de título e elementos H
• Adicione texto alternativo às suas imagens
• Limpar conteúdo duplicado
• Use palavras-chave locais de SEO se sua empresa tiver um local físico
• Melhore o seu link building e corrija os links quebrados
• Considere a pesquisa por voz, já que a tendência continua crescendo
• Artigo relacionado: Como criar a estrutura perfeita do WordPress para SEO

3. Defina suas metas

Uma nova estratégia de negócios online requer novos objetivos. Após a auditoria do seu site, você poderá tomar decisões baseadas em dados sobre o que deseja alcançar e determinar seus novos objetivos.

• Artigo relacionado: Como a reformulação do site aumentará o envolvimento do seu público

4. Comunique sua proposta de valor

Seu negócio cresceu desde que você o iniciou. Você provavelmente oferece uma ampla gama de produtos ou serviços agora. Isso significa que sua proposta de valor exclusiva mudou e você deve comunicar isso claramente.

5. Reformule o seu site para o seu público-alvo

Ao redesenhar seu site, você precisa seguir um princípio simples - redesenhar para seus clientes, não para você. Quando as pessoas abrem seu site, elas devem ter uma compreensão clara do que há nele para elas e como você resolverá seus problemas.

• Artigo relacionado: Infográfico: Como desenvolver conceitos de WordPress centrados no usuário

6. Analise seus concorrentes

Examine seus concorrentes e verifique se eles investiram no redesenho. Pense nos seguintes pontos:

• Quais são as tendências de design que eles estão seguindo?
• A quais tecnologias eles foram apresentados?
• Quais novos recursos ou funcionalidades eles aplicaram em seus sites?
• O que você acha que pode fazer melhor? Esta é a questão mais importante para a qual você deve trabalhar.

7. Liste suas opções de design e ideias de brainstorming

A próxima etapa do processo de redesenho é verificar as últimas tendências de design. Você pode revisar as cores, fontes e estilos de sites mais populares. Pesquise palavras-chave para otimizar seus menus de navegação.

Investigue o que impressionará seu público-alvo. Reúna todas as suas ideias e discuta-as com sua equipe.

• Artigo relacionado: 8 tendências de design da Web de comércio eletrônico a seguir em 2020

8. Encontre uma equipe adequada que realizará suas ideias de redesenho

Este é um ponto muito importante porque você precisa confiar nos profissionais que contrata. Você precisa descrever sua empresa para eles de maneira clara e concisa, para que possam chegar ao cerne da questão.

Para encontrar os especialistas certos, você precisa ter uma ideia clara das diferentes profissões de design e desenvolvedor. Se o seu site gerar milhões de visualizações e seu projeto for bastante complexo, talvez seja necessário contratar uma agência WordPress.

Se o seu site precisa de pequenas mudanças, você pode precisar de um web designer e desenvolvedor ou um freelancer WordPress.

Para um melhor entendimento de qual seria a escolha certa para seu projeto, você pode verificar este artigo que o ajudará a descobrir qual é a diferença entre um web designer e um desenvolvedor web.

9. Use um ambiente de teste

Antes de realizar qualquer alteração em seu site, certifique-se de não danificar o site existente. É por isso que você deve criar um ambiente de teste, copiar seu site existente para ele e começar a trabalhar no seu redesenho. Quando estiver pronto, você pode migrar o código e até mesmo o banco de dados do ambiente de trabalho para o público.

Uma dica bônus é excluir o URL temporário para que possa ser indexado pelos robôs de rastreamento do Google, pois isso pode ser considerado como conteúdo duplicado.

10. Otimize seu site para a experiência do usuário (UX)

Não caia na armadilha de escolher um design que você goste, mas seus clientes não vão.

Em relação à experiência do usuário, você deve considerar os seguintes detalhes:

• Os botões de CTA são a parte mais importante do seu site. Devem ser claros e fazer com que os usuários queiram clicar e seguir a respectiva ação.
• A navegação deve ser simples. Não faça seus usuários perderem tempo procurando informações que deveriam ser exibidas imediatamente.
• Crie páginas de destino ou otimize as existentes .

Se você possui uma loja online, este tutorial sobre como criar uma página inicial de comércio eletrônico que vende pode ser útil ao planejar suas campanhas de marketing e projetar uma página inicial.

11. O design otimizado para dispositivos móveis é obrigatório

Seu site deve funcionar sem problemas em qualquer dispositivo. Ter um design compatível com dispositivos móveis cria uma experiência positiva para o cliente.

Lembre-se de que a estratégia mobile-first ajuda o seu site a ter uma classificação mais elevada no Google, que introduziu o fator mobile-first para indexação alguns anos atrás.

• Artigo relacionado: 4 etapas para conduzir uma auditoria de SEO em WordPress móvel

12. Teste seu site reformulado

A etapa final são os testes de garantia de qualidade. Você precisa testar absolutamente tudo e certificar-se de que seu site recém-redesenhado funcione perfeitamente.

Assim que seu site entrar no ar, você terá a oportunidade de analisar o comportamento do usuário. Os componentes mais importantes são os botões de apelo à ação. Você precisa monitorar se os convidados clicam neles ou se precisam de otimização adicional.

Certifique-se de que a equipe técnica com a qual você confia está disponível para corrigir quaisquer bugs para que seu site funcione perfeitamente.

• Artigo relacionado: Como desenvolver um plano de garantia de qualidade para seu site WordPress

Cinco exemplos de sites reformulados para inspirar você

Vamos verificar cinco exemplos de marcas famosas que fizeram uma boa reformulação do site.

Mailchimp

Antes - apenas um botão de apelo à ação na página de destino, não muito elegante e com uma proposta de valor pouco clara no título.

Mailchimp 2017

Depois - cores alegres, vários botões de apelo à ação, gráficos criativos e uma proposta de valor clara.

Mailchimp 2020

Dropbox

Antes - não é uma página de destino muito atraente. Não chama a atenção dos visitantes.

Dropbox 2017

Depois - cores vivas e uma proposta de valor clara, onde os clientes entendem o que há para eles.

Dropbox 2020

Evernote

Antes - sem cores e uma página de destino abstrata que não está bem organizada.

Evernote 2017

Depois - cores otimistas e textos otimizados.

Evernote 2020

Crazy Egg Blog

Antes - não é um design muito moderno, muita informação.

Crazy Egg Blog 2017

Depois - otimizado de acordo com as últimas tendências de design de blogs. Tem um botão de apelo à ação muito claro que não pode ser perdido.

Crazy Egg Blog 2020

Folga

Antes - uma proposta de valor vaga e cores não muito alegres usadas.

Slack 2017

Depois - uma proposta de valor clara e uma frase de chamariz otimizada, cores brilhantes.

Slack 2020

Baixe a lista de verificação completa para redesign do site

Neste artigo, cobrimos as 12 etapas básicas do redesenho do site.

Além disso, preparamos uma lista de verificação completa do redesenho do site para você baixar gratuitamente . Tudo que você precisa fazer é se cadastrar aqui para receber um e-mail com o link.

Empacotando

A reformulação do site não é um processo fácil, mas é obrigatório. O design do seu site não pode ficar como está para sempre. Tendências, tecnologias e comportamentos de usuários mudam, então você deve se adaptar a essas mudanças e estar um passo à frente.

Como você deve proceder? Comece analisando seu site, examine o de seus concorrentes e veja o que você pode implementar, mas melhor. Coloque-se no lugar de seus clientes e redesenhe um site para eles.