Redesign do site: um guia completo para o sucesso

De acordo com os números, 90% das pessoas deixaram um site porque foi mal projetado. E essa mesma porcentagem de usuários provavelmente continuará comprando em um site que ofereça uma boa experiência ao usuário.

Podemos entender através dessas estatísticas que uma má experiência do usuário causada por um design ou operação relativamente ruim do site afeta negativamente a atividade de sua empresa. E para remediar isso, a reformulação completa do site é a melhor opção.

De acordo com GoodFirms, fatores que contribuíram para que as empresas redesenhassem seus sites incluíam: 

• Baixa taxa de conversão; 
• Uma alta taxa de rejeição; 
• Experiência ruim do usuário; 
• Não responsividade; 
• Estar desatualizado e não otimizado para SEO.

Se você estiver enfrentando esses tipos de problemas no site da sua empresa, é uma boa ideia considerar uma reformulação.

Abordaremos neste guia as diferentes maneiras de redesenhar com sucesso seu site.

Capítulo 1: O que é o redesenho do site?

Vamos falar aqui neste capítulo sobre a definição de redesign e sua nuance com a atualização do site.

1.1. O que significa redesenho do site?

A reformulação de um site é o processo de fazer alterações significativas em seu site para:

• Melhorar a experiência do usuário;
• Para aumentar o tráfego do site;
• Ou melhore as taxas de conversão.

Existem diferentes tipos de projetos de redesenho de sites, mas eles geralmente compartilham esses objetivos comuns.

As reformulações do site geralmente incluem uma nova interface para o seu site, tornando-o melhor para os visitantes do site e para a equipe que administra seu site.

Isso geralmente inclui a atualização de suas funções para que a experiência do usuário seja a mais interessante possível. Embora o processo possa ser demorado, é essencial garantir que seu site forneça a seus clientes as informações e o acesso de que precisam.

Muitos acreditam que, uma vez que o design original do site esteja completo, qualquer redesenho entrará em alta velocidade. 

Mesmo que seja possível, é melhor não subestimar o processo. Afinal, às vezes um redesenho do site pode envolver a reconstrução completa do site.

1.2. Atualização do site versus redesenho do site

Para colocar a organização de volta na operação ou no layout de um site, geralmente há duas abordagens:

• Uma atualização;
• Ou uma reformulação.

1.2.1. Atualização do site

Um novo site não significa que você precisa começar do zero, às vezes você só precisa fazer algumas atualizações no seu site existente para torná-lo novo e funcionar da maneira que você deseja. 

Uma atualização pode ser usada para fazer grandes alterações em um site, mas em vez de construí-lo do zero, você pode atualizar e alterar algumas coisas que precisam de ajustes. 

A atualização permite, por exemplo, dar uma nova cara ao seu site como se tivesse acabado de ser criado.

Essa abordagem é mais simples, rápida e requer menos recursos a qualquer momento. Mas pode ter limites dependendo da tecnologia que você usa e da operação atual do site.

Um redesenho do site tem uma aparência completamente nova em comparação com o original.

1.2.2. Redesenho do site

Um redesenho é o que a maioria das pessoas pensa quando começa a planejar um novo site. 

Um redesenho adequado envolve projetar, desenvolver e estruturar um novo site do zero. 

Podemos encaminhar um redesenho de site para uma sala que podemos demolir para reconstruí-la do zero, adicionar uma nova cor de tinta etc. 

Esse processo é mais complexo, mais lento e mais caro do que uma atualização, mas às vezes pode oferecer uma melhor relação custo-benefício. 

Se o seu site precisa tanto de trabalho que levará mais tempo para atualizar as coisas do que começar do zero, uma reformulação é provavelmente a melhor opção para você.

A melhor maneira de determinar qual abordagem é melhor para sua organização é ter uma conversa honesta com uma agência digital sobre o que você precisa:

• Seus objetivos; 
• Seus problemas existentes; 
• Seu orçamento ;
• Seu calendário. 

Também é importante deixar de lado as preferências pessoais e focar no que é bom para a organização.

Capítulo 2: Quais são os benefícios de uma reformulação do site?

Há uma abundância de benefícios que você pode colher de um redesenho do site.

2.1. Redesenho ajuda a melhorar a imagem da marca

Redesenhar um site ajuda a estabelecer ainda mais a consistência da marca para o negócio em questão.

Quando o proprietário de uma empresa decide redesenhar seu site, provavelmente achará o design e alguns recursos mais antigos.

O novo visual após o redesenho do seu site permite que sua marca inspire confiança e seja rapidamente reconhecida pelos consumidores.

A maioria dos consumidores geralmente confia no design para avaliar a confiabilidade de uma empresa na primeira vez que a encontra online.

Para ilustrar isso, vamos usar esta estatística que diz que as primeiras impressões contam e são influenciadas a 94% pelo design do seu site.

A partir disso, pode-se entender que se o seu site tiver a era antiga com um design antiquado, estará longe de dar confiança aos potenciais clientes da empresa.

A boa impressão que seu site adquire com a reformulação torna sua marca bastante relevante e valoriza ainda mais sua imagem.

2.2. O redesenho do site mantém você atualizado com a evolução da Internet

Todos os dias a Internet está em constante mudança e está espalhando novas sensibilidades de web design. Isso altera mais ou menos os padrões que esperamos ao navegar em sites.

Como exemplo, vamos nos referir ao crescimento muito crescente do desenvolvimento de sites responsivos devido ao número de usos de dispositivos móveis na Internet que está se tornando cada vez mais importante.

Outro fato interessante, hoje preferimos HTML5 em vez de Flash de antes.

Ao mesmo tempo, a resolução do monitor high-end mudou de sub HD para 2K ou até 4K, e os modos também mudaram.

Para isso, a percepção que você teria de um site de alta qualidade em anos anteriores não será mais a mesma para o mesmo site de hoje.

Em outras palavras, um site que foi considerado autoritário no passado não será mais hoje se os proprietários não fizerem uma revisão para atualizar as coisas.

Isso significaria que, se o seu site foi redesenhado pela última vez há mais de dois anos, você provavelmente parece um pouco antigo com imagens de resolução muito baixa e sensibilidades antiquadas.

Faz toda a diferença para as primeiras impressões que você cria quando alguém visita seu site. E como uma cadeia de arrasto, você pode perder muitos clientes em potencial.

2.3.redesenho comunica a mudança

Um redesenho também pode ser uma boa maneira de comunicar uma mudança na direção do seu negócio. 

Quando você planeja definir a imagem da sua marca de forma diferente, ou quer focar as atividades da empresa em outros aspectos, ou quer se juntar a outros parceiros e remover outros, o redesenho é muitas vezes um novo começo. 

Nesses casos, optar por serviços de redesign do seu site é a melhor opção, pois envolverá a adoção de mudanças significativas.

Pode ser apenas adicionar algumas páginas ao seu site e realmente não funcionará com o layout e a configuração existentes. 

Ou pode ser uma questão de adicionar recursos interessantes que você descobriu em outros sites e que funcionam bem.

2.4. O design gera conversões

Não importa qual ação você deseja que os visitantes realizem, como compartilhar seu endereço de e-mail ou número de telefone, agendar uma demonstração, fazer uma compra, o objetivo principal de qualquer site comercial é transformar clientes em potencial em clientes. 

Ao planejar o redesenho de um site, você precisa projetar todos os aspectos para otimizar esse esforço.

Seu site é sua maior isca digital. A forma como os visitantes visualizam sua marca quando chegam ao seu site tem um impacto significativo na probabilidade de eles realizarem uma ação e se tornarem um lead. 

De acordo com uma velha estatística conhecida por todos, os usuários gastarão aproximadamente 2,6 segundos para navegar em seu site e encontrar as informações que estão procurando. 

Quanto mais tempo o usuário permanecer em sua página, melhor será a impressão percebida de sua marca, e o design desempenha um papel importante para manter os visitantes no site. 

O redesenho é uma ótima maneira de abraçar um novo visual. As pessoas são mais tolerantes com páginas bem projetadas, e essa primeira impressão pode ser feita em 2,6 segundos após visitar um site.

Como o novo design após uma reformulação adequada estimula as pessoas a passar mais tempo no site, isso resulta em um aumento considerável na taxa de conversão.

Uma reformulação do site oferece a capacidade de criar um site que oferece uma experiência do cliente verdadeiramente positiva, ajudando a transformar visitantes em leads e, portanto, em conversões. 

O design é um dos fatores que os visitantes usam para julgar a credibilidade e a segurança do seu site antes de tomar decisões sobre sua marca. 

Mesmo pequenas alterações de design podem levar a um maior envolvimento, retenção e confiança do visitante.

2.5. Redesenho leva a classificações mais altas nos mecanismos de pesquisa

Uma experiência de site otimizada significa que também é otimizado para pesquisa, o que ajudará sua empresa a subir nos resultados de pesquisa do Google e aumentar o tráfego orgânico.

Um site com o melhor design não se incomodará se os usuários não conseguirem encontrá-lo online.

SEO não é um projeto único, é um conjunto de processos contínuos e em constante mudança que exigem sua atenção e esforço constantes. 

Embora ofereça um ROI impressionante, o SEO não fará maravilhas mágicas ou instantâneas. 

Como pode levar algum tempo para que os efeitos se tornem visíveis, as práticas de SEO provavelmente não são muito óbvias para objetivos de negócios mais urgentes. 

Assim como trazer a identidade da sua marca de volta à vida, um redesenho do site é uma boa oportunidade para resolver quaisquer deficiências de SEO para trazer seu site ao padrão. Isso também resulta em uma experiência de usuário otimizada.

Um ótimo site pode ajudar a atrair mais backlinks, o que pode dar à sua empresa uma forte pontuação de autoridade para classificações ainda mais altas do Google e tráfego de referência adicional. 

2.6. Redesenho aumenta receita e reduz custos

Um redesenho de website estrategicamente planejado ajudará sua empresa a aumentar o reconhecimento da marca, melhorar as classificações dos mecanismos de pesquisa, transformar visitantes em clientes e maximizar os resultados da sua empresa. 

Assim como todos esses benefícios, o redesenho do site também pode ajudar a reduzir suas despesas. 

Muitas vezes, é mais econômico implementar uma revisão completa de um site do que corrigir problemas de funcionalidade e adicionar mais recursos ao longo do tempo. 

Para reduzir os custos de oportunidades perdidas e receita perdida, geralmente é melhor fazer uma revisão completa e começar do zero do que adicionar funcionalidades a um site antigo. 

Além disso, um novo site baseado em tecnologia moderna pode funcionar com muito mais eficiência, ocupar menos espaço em seu servidor e funcionar com mais facilidade para todos os seus visitantes.

2.7. Redesign melhora sua estratégia de conteúdo

O objetivo principal do conteúdo e das informações do seu site é ajudar os clientes em potencial a saber mais sobre sua empresa, produtos e serviços antes de fazer negócios com você. 

Uma das razões benéficas para o redesenho do site é que você pode moldar as informações de exibição para que todas as informações relevantes sejam facilmente acessíveis, pois os visitantes fluem naturalmente de uma página para outra.

Seja fornecendo informações sobre sua marca, contando a história de sua marca ou educando-os sobre seus produtos e serviços, o objetivo principal de um site é fornecer informações que capacitem os visitantes a realizar a ação desejada. 

E um fluxo ideal de informações é necessário para persuadir seus leitores a se envolverem com suas ofertas e se tornarem clientes valiosos.

Por exemplo, um design simples torna mais fácil para o leitor ler as informações na página, em vez de se sentir sobrecarregado por um design confuso. 

No entanto, um ótimo design de site não pode compensar um conteúdo ruim.

Um bom serviço de SEO deve ser capaz de trabalhar com você para criar uma aparência que funcione em conjunto para atrair visitantes, mantê-los em seu site e convertê-los em clientes.

2.8. Um novo design do site garante segurança e design responsivo

Quando os plugins, o tema ou o software CMS do seu site ficam desatualizados, isso pode tornar seu site vulnerável a diferentes tipos de ameaças à segurança.

Mas quando você projeta seu site, seu desenvolvedor pode ajudá-lo a atualizar quaisquer plugins, temas ou software CMS necessários, protegendo assim seu site. 

Existem muitas práticas que seu construtor de sites pode adotar ao redesenhar seu site para torná-lo mais seguro. 

Aqui estão alguns deles:

• Alterar a URL de acesso convencional do backend do seu site;
• Alterar o nome de usuário convencional da área de administração do seu site;
• Garantir que a senha de back-end do seu site seja forte e difícil de adivinhar;
• Restrinja o acesso a arquivos cruciais em seu site;
• Garantir que todos os plug-ins usados ​​em seu site venham de fontes confiáveis. 

Por outro lado, se o design do seu site estiver desatualizado, é provável que você não tenha um design responsivo. 

Mas a boa notícia é que a maioria dos temas disponíveis hoje para o redesenho do seu site vem com um design responsivo. 

Em outras palavras, quando você contrata um desenvolvedor web para redesenhar seu site existente, você não precisa se preocupar com a capacidade de resposta. 

Com um design responsivo, você obtém muitos benefícios, como:

• Rankings notáveis ​​nos mecanismos de busca;
• Mais vendas e conversões de usuários móveis;
• Taxa de rejeição reduzida;
• A velocidade de carregamento otimizada do seu site em dispositivos inteligentes;
• Ampla cobertura de público, pois a maioria dos usuários da Internet navega em sites usando seus smartphones.

2.9. O redesenho do site aumenta o reconhecimento da marca O reconhecimento da marca 

de alguma forma se refere à capacidade dos consumidores de lembrar e reconhecer uma marca.

Tornando-se sinônimo dos serviços e produtos oferecidos por uma empresa, o reconhecimento da marca é um fator determinante e incentivador nas decisões de compra repetidas. 

Embora investir na visibilidade da marca não gere conversões da noite para o dia, tornar sua empresa memorável para seu público-alvo ajuda a criar confiança em seus serviços e produtos ao longo do tempo.

Se a sua marca tiver um design desatualizado ou oferecer uma experiência de usuário confusa, ela poderá distrair os visitantes com facilidade e rapidez sem que eles tenham tempo para aprender mais sobre sua empresa. 

O redesenho do site oferece a oportunidade de dar um passo atrás e garantir que sua marca forneça uma experiência on-line positiva que ajude a moldar a identidade da marca e aumentar a conscientização para resultados comerciais maximizados. 

Capítulo 3: Quando você deve fazer uma reformulação do site?

Existem sinais que devem informar que seu site precisa ser redesenhado para funcionar corretamente.

3.1. Quando seu site está desatualizado

Pode acontecer que o design do seu site não ressoe mais dinamicamente com os comportamentos do mercado-alvo.

Isso não é problema, mas quando as coisas ficam cada vez mais modernas, um design antigo não atrai mais a atenção.

Como dissemos antes, você tem um tempo limitado para impressionar seu público antes que ele aperte o botão Voltar.

Quando os consumidores veem a página inicial de um site, eles a interpretam como a maneira do proprietário de administrar seus negócios. 

Os designs desatualizados dão a impressão de que, se os proprietários estão negligenciando o estado de seu site, provavelmente negligenciaram outros aspectos importantes de seus negócios, o que prejudica o esforço investido na obtenção de um produto. 

À medida que as preocupações com a privacidade aumentam com os dados, os sites desatualizados são mais propensos a hacks e violações de segurança, especialmente aqueles sem certificado SSL. 

Se o seu site não tiver um ícone de cadeado na barra de endereço, poucas pessoas ficarão por perto. 

Os usuários procuram sites que ofereçam soluções e sejam profissionais, de última geração e atualizados em seu setor.

O site de uma empresa pode atender a todas essas expectativas do usuário. Mas sem um design moderno, haverá uma desconexão e a credibilidade da sua empresa ficará em dúvida.

3.2. Quando seu site não está

respondendo Atualmente, as pessoas fazem a maior parte de seus negócios por meio de seus telefones. Isso às vezes envolve operações importantes, como inserir dados bancários. 

O web design responsivo ajuda a energizar a aparência de um site, dependendo do tamanho da tela e da orientação em que você o está visualizando.

Sem capacidade de resposta, os usuários ficariam presos a redimensionamento, rolagem e panorâmica desnecessários. Isso dá ao usuário mais trabalho, o que pode criar frustração e ele pode sair.

De fato, os números mostram que 57% dos usuários dizem que não recomendariam um site que não seja exibido bem em dispositivos móveis.

Outro estudo sobre o uso de dispositivos móveis versus desktop nos diz que 68,1% das visitas ao site de varejo vieram de dispositivos móveis. 

O design responsivo promove uma melhor experiência móvel para os usuários, incentivando-os a permanecer em seu site por mais tempo, aumentando o tráfego do site e aumentando as classificações dos mecanismos de pesquisa.

3.3. Ao mudar a marca da sua empresa

À medida que a sua empresa cresce, é natural querer mudar a marca para corresponder ao seu mercado-alvo atual. 

O rebranding revitaliza a estética visual de uma empresa, incluindo logotipos, cores, layouts e conteúdo. 

É uma necessidade acompanhar as tendências modernas. Temos diante de nós o exemplo de Google , que renomeou seu logotipo de serif para sans-serif.

O rebranding é para todo o site, se algum dos elementos de design estiver fora de linha, os usuários perceberão. 

Por exemplo, criar um layout consistente para todas as páginas do site significa que você está se afastando o máximo possível da marca antiga. 

Isso muitas vezes exige a criação de um livro de marca que sirva de guia para reforçar a consistência.Este  

documento serve, na verdade, como um guia sobre 

• As cores a serem respeitadas; 
• Uso do logotipo; 
• Regras de fotografia; 
• Fontes; 
• Iconografia;
• E muito mais. 

3.4. Quando você precisa de uma solução personalizada para seu site

À medida que as empresas crescem, elas desejam incorporar mais recursos em seus sites para otimizar a experiência do cliente. 

Estes podem incluir:

• Portais e painéis avançados de contas de clientes; 
• sistemas CMS de comércio eletrônico; 
• Portais de reserva ou técnicas avançadas de design, como recursos de rolagem parallax. 

À medida que sua empresa cresce e você precisa adicionar recursos revolucionários ou avançados, os plugins farão menos do trabalho.

Pode ser uma boa ideia encontrar uma empresa de desenvolvimento de sites personalizados.

3.5. Quando você precisa de um novo conteúdo

Não é incomum notar que alguns conteúdos de sites ficam tão desatualizados que não vale mais a pena reutilizá-los.

Nesses tipos de casos, você sente imediatamente a necessidade de revisar completamente o conteúdo do site.

Em alguns casos, você notará que seu site geralmente não reflete mais suas ofertas ou precisa adicionar seções que não foram desenvolvidas durante a construção para ajustar seu site à evolução de sua atividade.

Fonte : marcante 

Como o site já existia, adicionar conteúdo pode ser uma tarefa fácil, especialmente se você estiver usando um sistema de gerenciamento de conteúdo de qualidade.

3.6. Índice de velocidade lenta

Em abril de 2012, o Google iniciou Índice de velocidade que ajuda a medir o desempenho do site. 

Índice de velocidade é o tempo médio em milissegundos que as partes visíveis da página da web são preenchidas e exibidas.

Em outras palavras, mede a velocidade com que o usuário recebe o conteúdo visível. 

WebPageTest salva uma página enquanto ela é carregada. 10 quadros por segundo são analisados ​​para ver a porcentagem de conteúdo carregado. 

Como o Índice de velocidade é baseado na porcentagem da janela de visualização, você pode usar essa métrica para comparar sites na visualização de computadores, dispositivos móveis e tablets. 

3.7. Quando seu site não tem engajamento 

O engajamento é uma métrica que pode medir a duração e a profundidade da experiência de um usuário. 

Se um usuário interage com um site, é um sinal de que o conteúdo é atraente e facilmente acessível aos visitantes. 

Embora não exista um padrão universal para um bom engajamento, usar suas páginas de melhor desempenho como referência pode dar uma ideia das metas de engajamento.

Uma das métricas de engajamento mais acessíveis é a duração da sessão. 

O Google Analytics mostra quanto tempo os visitantes passam no site e suas páginas individuais. 

Embora a duração da sessão nem sempre seja 100% precisa, ela ainda pode ser usada como uma ótima métrica para medir o engajamento.

Se o engajamento for muito baixo, agora é um bom momento para considerar um redesenho.

A razão simples é que 38% das pessoas deixarão de interagir com um site se o conteúdo e o layout não forem atraentes.

3.8. Seu site não agrega valor ao usuário final

O que mantém um usuário em seu site por muito tempo é o valor que você oferece a ele por meio do site.

Isso significaria que, se eles não encontrarem valor lá, eles imediatamente se recuperarão e irão para sites concorrentes.

No cenário digital de hoje, os clientes potenciais realizam a maior parte de suas pesquisas online. 

Essa é outra razão pela qual você precisa criar um destino digital atraente.

A cada passo, o site da sua empresa deve fornecer valor agregado aos visitantes. 

Para entregar valor continuamente ao seu público, você precisa criar tipos de conteúdo como:

• blog;
• livros eletrônicos;
• Vídeos.

Seu site deve ser um centro de informações úteis sobre sua organização. Também deve ser um centro de recursos educacionais para ajudar os clientes em potencial a tomar suas decisões.

3.9. Quando seu site não reflete sua marca 

Sua marca deve ser comunicada por meio de sua marca. 

Esta comunicação encontra o seu significado através:

• da imagem da marca que é experiencial;
• A aparência e beleza da sua marca; 
• A maneira como sua equipe se veste, fala e funciona;
• Suas principais mensagens de marketing, seus slogans e tudo o que é visual.

Seu site deve ser um embaixador da marca central e poderoso, trabalhando em seu nome 24 horas por dia, 7 dias por semana, sem interrupção. 

Muitas vezes, no entanto, as marcas tratam mal seus sites e as inconsistências mais comuns incluem:

• Fontes, cores e logotipos errados usados;
• Layouts desatualizados e difíceis de navegar;
• Falta de recursos e funcionalidades;
• etc.

Para alinhar seu site com sua marca nesse caso, você precisa fazer uma revisão completa do seu site.

3.10. Quando sua equipe se esforça para gerenciar

Outro problema comum que algumas organizações percebem é que elas não conseguem usar seu próprio site.

Na maioria dos casos, eles apenas modificam a cópia e as imagens sem pensar em alterar o próprio código.

Normalmente, eles enfrentam um dos dois problemas:

• O site não usa um sistema de gerenciamento de conteúdo (CMS);
• O local não foi bem construído.

O CMS é o mediador entre código e conteúdo. Isso é o que é usado para fazer upload de fotos e adicionar páginas.

Os sistemas de gerenciamento de conteúdo mais populares são WordPress, Drupal, Magento e HubSpot. 

Todas essas interfaces CMS oferecem diferentes conjuntos de benefícios. Um dos papéis mais importantes que eles desempenham, além de seus benefícios, é ajudar as organizações a gerenciar seu conteúdo.

Sem um CMS, você só pode confiar em quem criou o site para grandes mudanças no site.

Isso geralmente é um ótimo sinal de que o site é construído puramente em HTML e CSS. Do lado do design, isso pode parecer bom, mas do lado do gerenciamento, pode tornar as coisas mais complicadas.

Mas às vezes o site simplesmente não é bem construído.

Se for difícil realizar tarefas simples, como adicionar locais de imagem ou editar texto, é um problema de desenvolvimento.

Um site sem um CMS fácil de gerenciar não é ideal para você ou sua equipe, especialmente se você deseja independência para implementar conteúdo por conta própria.

Você pode optar por deixar a implementação para seu parceiro de design do site, mas também deve ter a opção de fazê-lo, se desejar.

Capítulo 4: Alguns pontos a serem considerados para o redesign de um site

Agora que você já sabe o que é um redesign de site e suas diferentes fases, vamos discutir as dicas para torná-lo um sucesso.

4.1. Analise suas métricas

Quando você percebe que seu site está com defeito, sabemos o quanto você está ansioso para mergulhar em todas as excitantes mudanças estéticas e reformatação modernizada que seu site precisa. 

Mas você não pode começar a criar seu novo visual sem antes dar alguns passos.

Antes de se comprometer totalmente com um projeto de reformulação do site, a importância de revisar cuidadosamente as estatísticas atuais do site e os dados disponíveis não pode ser exagerada.

Afinal, você não terá ideia do que melhorar e do que manter. 

Para isso, é bastante óbvio recorrer às suas métricas de marketing e deixar que os números falem por si.

• Verifique se o seu site tem padrões de tráfego significativos: Concentre-se em suas fontes, tráfego orgânico, tráfego direto, e-mail marketing, redes sociais e sites de referência… Em seguida, identifique qualquer correlação com desempenho de página forte ou fraco e identifique as falhas nelas;
• Verifique sua taxa de rejeição: a taxa de rejeição mede a porcentagem de visitantes do site que entram e saem do seu site em vez de continuar navegando em suas outras páginas. As taxas de rejeição da página do seu site podem apontar para a origem de um problema significativo.

• Avalie as taxas de conversão relevantes: determine quantos visitantes se convertem em leads e quantos leads se convertem em clientes. As conversões são o objetivo final do marketing. Portanto, veja as páginas que convertem e ajuste as que não convertem.

• Descubra suas páginas de destino com melhor desempenho: Da mesma forma, suas páginas de destino que recebem o maior tráfego e facilitam o maior número de downloads devem ser destacadas e promovidas;
• Como você está classificando nos mecanismos de pesquisa com sua estratégia de palavras-chave atual? É hora de descobrir se sua estratégia de palavras-chave faz sentido. Descubra quantas de suas palavras-chave prioritárias o levam à primeira página dos resultados dos mecanismos de pesquisa;
• Descubra o volume de pesquisa mensal para suas palavras-chave prioritárias: verifique se suas palavras-chave são realmente termos que as pessoas usam. Pense em como as pessoas pesquisam empresas, produtos ou serviços. Isso permite que você identifique as palavras e frases que eles digitam nos mecanismos de pesquisa.

4.1.1. O que funciona melhor no seu site?

Aqui, será uma questão de identificar os pontos em que seu site já obteve sucesso.

Então,

• quais são suas páginas mais populares? 

As páginas de melhor desempenho em seu site podem servir como ótimos benchmarks. Use páginas de alta conversão e tráfego como modelo para todas as áreas que precisam ser reformuladas.

• Para que realmente servem essas páginas? 

Na verdade, cada uma de suas páginas é criada por um motivo específico. Compreender sua finalidade ou funcionalidade fornece informações sobre como os visitantes usam principalmente seu site.

• Por que essas páginas são tão populares? 

Analisar a popularidade da página envolve avaliação quantitativa e qualitativa. Descubra o que torna o conteúdo dessas páginas viral e como você pode aplicar esses recursos diferenciadores em todo o seu site.

• O que pode tornar essas páginas ainda mais visíveis e acessíveis aos visitantes? 

Inclua links para essas páginas em sua navegação, nas barras laterais de outras páginas do site e na cópia de postagens relevantes do blog. Tire o máximo proveito do seu melhor conteúdo.

4.1.2. O que deu errado no seu site?

Nem tudo pode funcionar no seu site de uma só vez. Antes de considerar um redesenho, pergunte-se o que precisa ser retocado.

• De quais páginas você pode se livrar? 

É provável que algumas páginas estejam contribuindo para o mau funcionamento do seu site ou para uma experiência ruim. Páginas desatualizadas ou irrelevantes podem ser excluídas, não publicadas, arquivadas e redirecionadas.

• Qual é uma melhoria crítica que você pode fazer em suas páginas da web? 

Comece abordando um componente para cada tipo de página, ou seja, página de destino, postagem de blog, contato etc., que precisa ser alterada. Por exemplo, você pode adicionar uma frase de chamariz relevante a cada uma das postagens do seu blog.

• Você pode usar o Google Analytics para avaliar melhor seu site? 

Não é apenas a sua página inicial que serve como porta de entrada para o seu site. Identifique as primeiras impressões do tráfego de entrada observando os números.

Se os visitantes gastam muito pouco tempo em páginas específicas, pressionando continuamente o botão “voltar” após alguns segundos, você já encontrou áreas para focar.

Analisar suas medições atuais e dados disponíveis é uma etapa essencial.

4.2. Planeje seu redesenho

Agora que sua intenção está definida e seus objetivos estão claros, é hora de descobrir como você vai realmente fazer o redesenho de seu site.

4.2.1. Escreva seu documento de visão e trabalhe de trás para frente

Ao gerenciar um projeto, o melhor lugar para começar é no final.

Pergunte a si mesmo se tudo correu exatamente como desejado, como seria este novo site. Pense nisso como trabalhar para trás. 

Isso permitirá que você encontre inspiração para o tipo de site que deseja que o seu se torne. 

Você também pode dar um passo adiante e criar um documento de visão que é apenas uma breve descrição de como será o site quando estiver completo. Explique o que ele fará, o que conterá e por que seus usuários vão adorar.

Um bom documento de visão esclarece o que você precisará fazer para tornar o site uma realidade. 

Isso facilita para um designer saber se deve pegar um tema padrão do WordPress ou passar horas pesquisando e testando usuários para criar uma experiência inovadora.

Outro método é fazer o que a Amazon faz e iniciar um projeto escrevendo o comunicado de imprensa correspondente.

O comunicado de imprensa descreve de forma simples e muito precisa o que o produto faz e por que existe, quais são as características e benefícios. Escrever um comunicado à imprensa com antecedência esclarece como o mundo verá o produto, não apenas como você pensa sobre ele internamente.

4.2.2. Construir uma lista de tarefas detalhada

Construir uma lista de tarefas é como atribuir uma tarefa ou solução específica a cada um de seus objetivos listados em seu documento de estratégia.

O que é ótimo nesse método é que mesmo não sabendo exatamente como será o site final, você tem uma ideia dos resultados que deseja alcançar. 

A partir daí, você pode decidir quais recursos, páginas, elementos de design, CTAs, você precisará tocar para atingir esses objetivos.

Em última análise, cada meta deve ter marcos mapeados para concluir seu projeto de redesenho.

4.2.3. Estime seus custos de tempo e dinheiro

Para criar um plano de ação para o redesenho do seu site, você precisa atribuir um tempo e um custo para cada tarefa.

Mesmo os gerentes de projeto mais experientes têm problemas com estimativas. 

Mas mergulhar em um projeto de redesign de site significa ter pelo menos uma boa ideia de quanto tempo vai demorar e quanto vai custar.

Se você está tendo problemas para estimar, ou se esta é sua primeira reformulação, aqui estão algumas dicas para estimar corretamente:

Analise sua lista de tarefas e estime quanto tempo cada uma levará com base em sua experiência anterior. Em seguida, multiplique a estimativa que você fez por:

• 1 vez para tarefas nas quais você tem experiência e confiança;
• 1,5 tempo para tarefas que você nunca fez, mas tem uma ideia clara de como fazer;
• 2 ou mais tempo para tarefas que você nunca fez e que exigem pesquisa e testes.

Às vezes, você realmente não saberá quanto tempo uma tarefa levará até que esteja na fase de prática. 

4.3. Concentre-se na personalidade

da sua marca Falando da sua marca, você precisa ser capaz de estabelecer uma descrição rápida de sua personalidade aderindo às diretrizes consistentes da marca.

Quando alguém visita seu site, deve ser capaz de dizer instantaneamente que está relacionado à sua marca. 

Como você sabe, seu site deve ter um cartão de visita que inspire os pesquisadores a explorar todo o site.

Estamos falando de cores e fontes consistentes, além de imagens específicas da marca e um logotipo facilmente reconhecível. 

Misturar cores e imagens sem nenhum controle é a oportunidade perfeita para que seu redesign não seja focado na marca.

Ao se redesenhar, não se deixe levar pelas infinitas possibilidades de design. Em vez disso, pense na verdadeira mensagem, missão, objetivos e personalidade da sua marca. 

Em vez de apenas pensar na personalidade da sua marca, defina os detalhes em um guia da marca. 

Pesquisas indicam que as empresas podem aumentar a receita em até 23% sempre apresentando uma marca de forma consistente. 

Seu site é a cara do seu negócio, e é por isso que você precisa garantir que ele combine bem com os elementos da sua marca se quiser obter um lucro alto.

4.4. Reorganize o texto e o conteúdo do seu site

Se você já tem boas fontes para o seu site, é um bom começo começar a olhar para outros aspectos do conteúdo.

Fonte : e-meusite 

Embora você possa simplesmente copiar e colar seu conteúdo antigo em seu novo site, isso nem sempre é a melhor ideia. O redesenho do seu site oferece uma ótima oportunidade para otimizar cada palavra do seu site.

Com toda a honestidade, escolher um design de site sólido é bastante fácil, mas apenas ótimos sites têm conteúdo tão poderoso quanto as imagens e gráficos que selecionam. 

Todo o seu conteúdo, desde descrições de produtos até títulos e texto de botões, deve ser escolhido com muito cuidado.

Isso é especialmente verdade, uma vez que a maioria dos sites está começando a usar menos cópias do que nos anos anteriores. 

4.5. Priorize os objetivos do seu público sobre os seus

Normalmente, o seu público sempre deve ser o fator mais importante no redesenho do site da sua marca. 

Não importa se é apenas você e sua equipe que apreciam o site ao contrário do seu público-alvo.

O objetivo de redesenhar seu site é atrair melhor seus clientes antigos e futuros.

Isso nos leva a um conceito conhecido como ‘UX design’ ou ‘fluxo de usuário’. 

O fluxo de UX é a jornada de um visitante desde o desembarque em seu site até alcançar uma meta ou ação específica. 

Quanto mais complicado for para eles atingirem seu objetivo em seu site, mais ineficiente será seu fluxo de UX.

Durante o redesenho do site, cabe a você mapear o fluxo típico de UX do seu produto e descobrir o que seus usuários realmente querem do seu site.

E para isso, certifique-se de que eles:

• Tenham acesso mais fácil aos seus produtos;
• Ter facilidade em chegar até você ou pedir ajuda;
• São mantidos em suas páginas por um longo tempo graças aos visuais atraentes.

Quando se trata de fluxo de usuários, você definitivamente precisa pensar em como seus usuários operam. 

4.6. Saber quem está visitando seu site e por que

Identificar suas páginas mais valiosas é um ponto forte para concluir com sucesso o projeto de redesenho do seu site.

Infelizmente, isso por si só não é suficiente, você também deve descobrir quem visita essas páginas e os motivos de suas visitas.

Há alguns anos, um estudo do Google revelou quatro tipos principais de intenções que levam as pessoas a um site: 

• “Eu quero saber”;
• ”Eu quero ir” ;
• ”Eu quero fazer ” ;
• E ”eu quero comprar”.

Nesse contexto, os visitantes do site podem chegar ao seu site porque:

• Estão curiosos sobre algo sobre sua marca ou produtos;
• deseja entrar em contato físico com você; 
• Precisa aprender a usar um de seus produtos;
• Estão prontos para comprar algo.

Cada visitante tem seus motivos para visitar seu site e quando você usa o redesign para apresentar melhor suas páginas para o target certo, significa que agora você conhece melhor as intenções do seu público.

A melhor maneira de fazer isso é criar personas de clientes que sejam apenas representações semi-ficcionais de seus clientes existentes e ideais, com base em dados demográficos e psicográficos reais. 

Personas ajudam você a determinar com um bom grau de clareza:

• Quem são seus clientes ideais, ou seja, o perfil preciso de seus clientes;
• Qual é a intenção principal deles quando visitam páginas específicas do seu site.

Os insights de persona ajudam você a ter uma ideia clara de para quem você está planejando um redesenho e suas necessidades e motivações.

Se os clientes estão acessando sua página de destino principal e a única coisa em que estão interessados ​​é um localizador de lojas, a melhor coisa que você pode fazer é fornecer isso a eles. 

4.7. Priorize o redesenho do seu blog

Atualmente, a maioria das empresas com presença online tenta ter um blog para expandir seu alcance. 

É graças ao blog que o site de uma empresa começa a adquirir mais visitantes com o marketing de conteúdo.

Em muitos casos, um blog é o maior ativo de marketing de uma empresa. 

Um blog oferece às empresas a oportunidade de impulsionar sua marca, informar os usuários sobre atualizações e novos produtos e envolver seu público-alvo com conteúdo relevante.

Mas hoje em dia, é muito difícil prender a atenção do leitor por um tempo. 

Embora isso se refira diretamente ao conteúdo, uma experiência ruim de blog em geral pode ser o sinal errado. Os usuários abandonarão uma página da web se o UX não for o ideal. 

Um bom designer deve saber como melhorar a legibilidade, eliminar distrações visuais e inserir CTAs em pontos de alta conversão.

Os designers também devem usar a análise do site para melhorar a experiência do usuário do conteúdo para saber onde os usuários param de ler e por quê. Isso permite que ele tome decisões de design com base em dados. 

4.8. Faça o redesenho do comércio eletrônico

O design do comércio eletrônico é um dos aspectos mais complicados do UX e também requer uma vasta experiência em design orientado a dados.

De acordo com um estudo, as lojas de e-commerce sofrem com uma taxa média de abandono de carrinho de 69,23%. 

Onde US$ 738 bilhões foram gastos em comércio eletrônico nos EUA e na Europa, cerca de US$ 260 bilhões foram recuperados por meio de um melhor fluxo de caixa e melhor design. 

Para uma loja de comércio eletrônico, o fluxo de checkout é o aspecto mais crítico. E um designer que consegue identificar onde os usuários estão desistindo é o especialista que pode melhorar isso.

Aqui, o designer deve garantir que:

• O site inspira confiança e segurança;
• O site possui um certificado SSL válido;
•  Os formulários de pagamento são bem rotulados e fáceis de usar;
• Os campos de entrada exibem o tipo correto de teclado;
• O usuário pode pesquisar e deve encontrar o que procura;
• Você engana os usuários a se inscreverem quando preferem pagar como convidados.

4.9. Reexaminando links e revisões

Pode parecer muito trivial, mas obviamente um site suspeito com muitas fontes desatualizadas tem menos probabilidade de ser visitado. 

A razão é bem simples. Ninguém quer se distrair com erros de ortografia, links quebrados ou visuais desatualizados. 

Procure maneiras de corrigir todos os erros em seu blog e páginas principais do site para que eles não tenham um efeito negativo para o público.

Quando você ignora essas pequenas coisas, os clientes se perguntam se:

• Este site está ativo; 
• As informações mencionadas são confiáveis ​​o suficiente; 
• Esta marca oferece sempre bons serviços.

Comece com o mapa do site atual e trabalhe com sua equipe nos requisitos para o novo mapa do site, pois este será seu guia para o restante das etapas do processo de reformulação de SEO. 

Se você tem um site grande, essa pode muito bem ser a parte mais complexa e importante do processo de redesenho.

4.10. Investigue o comportamento do seu cliente

Também é essencial para você, como designer ou profissional de marketing, fazer uma pequena pesquisa que demonstre os principais incentivos e opiniões dos clientes.

O design é uma comunicação indireta que, quando usada de forma eficaz, pode ajudá-lo a entrar na mente do cliente. 

E o redesenho do site é basicamente a mesma coisa. 

O uso de relatórios visuais, como mapas de calor ou mapas de rolagem, para analisar o comportamento do visitante do site também pode ajudá-lo a identificar possíveis problemas. 

Os logs podem fornecer informações ainda mais detalhadas sobre as atividades dos visitantes do site em páginas específicas.

No entanto, ele se concentra mais nos modelos de comunicação atuais que trazem maior clareza e acessibilidade em um estágio posterior.

Parece que o design representa apenas necessidades e restrições visuais, mas há muito mais do que isso. 

Dê um pequeno primeiro passo mergulhando em um redesenho com ferramentas de suporte criativas que facilitam o valor e a imagem geral da sua marca. 

Por exemplo, você pode pedir aos clientes um feedback honesto ou uma lista de desejos. 

As métricas e revisões descreverão os resultados do redesenho do site e é assim que você continuará melhorando as deficiências.

4.11. Acelerar a velocidade de carregamento do site

Quando um site é mal projetado, os servidores web tendem a demorar mais para processar todos os elementos da web e exibi-los no navegador do usuário.

Como resultado, o site fica lento e isso pode ser um grande inconveniente para a maioria dos usuários da Internet.

Pesquisas mostram que em cada 10 usuários que visitam um site lento, 5 provavelmente sairão antes de ver seu conteúdo se levar mais de três segundos para carregar. 

O primeiro aspecto que você precisa observar é a qualidade da hospedagem que você está usando para o seu site. 

É importante que você tenha certeza de que os problemas relacionados à velocidade do site não vêm do seu host. 

Segundo, use elementos web leves para minimizar a carga em seu servidor web. Por fim, desinstale plug-ins e complementos usados ​​com pouca frequência em seu site ou configure-os para carregar sob demanda.

4.12. Considere os Progressive Web Apps

Desde sua criação há alguns anos, os Progressive Web Apps revolucionaram rapidamente a indústria de web design. 

Se você nunca ouviu falar deles antes, eles são sites simples que fornecem conteúdo em um formato semelhante a um aplicativo em navegadores típicos usando o arquivo de manifesto do aplicativo da Web. 

A maioria das empresas os usa para fornecer interfaces de tela cheia, enviar notificações da Web e envolver instantaneamente os visitantes com transições de página animadas.

De acordo com AppInstitute, Progressive Web Apps (PWAs) podem aumentar as conversões de leads em cerca de 50% e o engajamento do usuário em até 136%. 

Esses aplicativos oferecem interfaces e experiência semelhantes a aplicativos em um site, eliminando a necessidade de visitar lojas de aplicativos para baixar aplicativos dedicados. 

É importante observar que os mecanismos de pesquisa podem indexar o conteúdo postado em PWAs, enquanto o acesso pode ser imposto por meio de URLs sem uma instalação real do aplicativo.

4.13. Envolva os visitantes

Ao projetar seu site, os canais de comunicação que o ajudam a interagir com seus visitantes também são importantes. 

Eles podem assumir a forma de portais de bate-papo ao vivo, seções de comentários, recursos de classificação e muito mais.

A ideia é tornar mais fácil para seus leitores e clientes compartilharem seus pensamentos e opiniões sobre sua marca. 

Com isso, você pode medir os níveis de aceitação de seus produtos ou serviços e entender as áreas que precisam de melhorias.

Como a maioria das empresas modernas, você pode optar por instalar bots que podem fornecer recursos úteis acionados pelas palavras-chave que o visitante pesquisa. 

Outra abordagem é adicionar páginas de perguntas frequentes para atuar como ponto de referência para consultas comuns. 

Por fim, você pode sincronizar todos os canais de comunicação do seu site em uma única plataforma que o notifica imediatamente quando um visitante inicia uma conversa sobre sua empresa.

Capítulo 5: Quais são as diferentes fases do redesenho de um site?

Quando falamos em redesenho do site, ignoramos que ele pode ser focado apenas em uma única parte do site, pois pode afetar todo o site.

Aqui estão algumas fases de um redesenho:

5.1. A fase de estruturação de conteúdo A

maioria dos proprietários de sites ignora completamente o conteúdo do site quando se trata de fazer um redesenho.

O que mais os preocupa é a beleza do site, que os leva a vestir o site com conteúdo ruim.

É por isso que você precisa ser proativo para fazer a diferença em seu setor.

No entanto, manter o conteúdo antigo após a reformulação do site ainda dá a impressão de um site que nunca é atualizado.

Para isso, você precisa aproveitar todas as proteções existentes se quiser que seu público tenha uma nova visão positiva do seu site.

Aqui estão algumas coisas a serem consideradas:

5.1.1 O 

mapa do site O mapa do site, também chamado de estrutura do site, contém todas as páginas do site e como todas elas se relacionam. 

Sitemaps podem ser pensados ​​como os esqueletos sobre os quais vive o corpo dos sites.

Para fazer uma revisão completa do conteúdo do site, você precisa exibir os dados atuais do seu site em um arquivo do Google. 

Isso permitirá que você faça um inventário de todas as páginas com seus URLs correspondentes. Esta lista pode ajudá-lo a configurar redirecionamentos com nosso novo site.

Com base nos resultados obtidos através da auditoria, torna-se mais fácil o estabelecimento de uma nova planta do site. 

Nesse ponto, você pode iniciar um processo de atualização de redesenho de conteúdo adicionando novas páginas da Web ou excluindo algumas páginas existentes que prejudicam a experiência do usuário.

Reconstruir e/ou renomear páginas da web também pode ser importante ou necessário, dependendo das necessidades e objetivos da sua marca.

5.1.2. Extração de conteúdo 

Às vezes, alguns proprietários investem tempo, dinheiro e energia suficientes no design de um site para obter um site que dê um resultado impecável.

Para redesenhar sites como esses, os empresários preferem manter o conteúdo do site por causa de sua qualidade.

Nesse caso, você pode fazer isso extraindo todo o conteúdo do site atual e consolidando-o em uma série de Google Docs.

5.1.3. Imagens

Além de extrair conteúdo do Google Docs, o compartilhamento de imagens também é feito usando o Google Drive. 

Para usar esse recurso de forma eficaz, você precisa configurar uma série de pastas do Google Drive. O objetivo é ter um novo sitemap do site para uma navegação melhor e mais fácil.

Assim como seu design, suas fotos podem ficar desatualizadas com o tempo.

Fonte:.muzli.space 

Considere novas fotos para usar ao redesenhar seu site. Se a sua empresa não tiver uma variedade de fotos da equipe ou da empresa para usar, escolha algumas nos arquivos para equilibrar o conteúdo do site. 

Embora as fotos de banco de imagens possam ser personalizadas, é importante usar menos delas porque seus consumidores estarão menos propensos a confiar em sua marca se as fotos de banco de imagens dominarem suas páginas da web. 

Também pode ser uma ótima ideia usar estrategicamente infográficos em seu site. 

Infográficos atraem visitantes e são ótimas iscas para links de entrada que aumentam a pontuação de autoridade da sua página da web.

5.2. A Fase de Design

A fase de design do site é onde surgem algumas dificuldades durante os projetos de redesenho do site. 

Aqui, você não saberá se deve priorizar o conteúdo do site ou seu design. Normalmente ambos são necessários para uma boa experiência.

No entanto, é melhor começar com o mapa do site, que descreve todas as páginas do seu site. Em seguida, você precisa trabalhar na estrutura da página inicial.

Aqui estão alguns elementos gerais de design:

5.2.1. Primeira página inicial 

A fase de design do site exige que a página inicial seja finalizada primeiro. Um rascunho completo pode resolver o problema.

Uma vez que o design da página inicial é estabelecido, suas cores, fontes e idioma geral do site também podem ser definidos.

Projetar sua página inicial de forma eficaz requer muita atenção porque geralmente é a primeira interação online que um cliente em potencial tem com sua marca.

O erro mais comum na página de destino é tentar colocar muita informação na página. A chave para um design de página inicial bem-sucedido é a simplicidade.

Você deve evitar qualquer coisa que possa tornar as informações prontamente disponíveis para os visitantes. 

Você também pode tornar seu site mais fácil para os mecanismos de pesquisa, otimizando seu conteúdo com palavras-chave direcionadas.

Outras práticas recomendadas de design de página inicial incluem:

• Crie personas para os visitantes do seu site e, em seguida, desenvolva uma aparência em seu site que ressoe emocionalmente com esse grupo-alvo;
• Fornecer auxílios de navegação intuitivos para ajudar seus visitantes a acessar rapidamente informações mais detalhadas;
• Integre links de mídia social, postagens de blog e outros conteúdos sociais em seu layout de página inicial;
• O mesmo foco no cliente que sua marca tem offline também deve ser sentido em seu site.

5.2.2.design 

Maquetes de design são uma imagem exata de como seu site deve ser. Isso geralmente é feito com software de design gráfico.

Ao trabalhar com um designer de sites, você precisa ter certeza de receber maquetes.

Estes são modelos de trabalho do seu novo site:

não só lhe dá algo que se parece com um produto acabado, mas como explica Filipppo Di Trapani, designer do Shopify Plus, ele permite que você veja o design pelos olhos do seu público.

Quando o designer do site apresenta um site funcionando desde o início, significa que ele está trabalhando com um modelo. E modelos pré-fabricados significam que você não está começando de novo. 

5.2.3. Wireframes para trabalhar em problemas de UX e navegação

Wireframes são a visualização de como será o seu novo site. Eles são representações estáticas e de baixa fidelidade de como suas páginas serão dispostas, onde o conteúdo é necessário e como tudo funcionará.

Fonte : balsâmico 

Wireframes são como uma planta para uma casa. Com uma planta de casa, você tem muitas informações, mas não sabe realmente como será a casa pronta. E, como os planos de casa, os wireframes permitem que você experimente diferentes estilos e estruturas antes de começar.

Há muitas maneiras pelas quais os designers podem criar wireframes.

Alguns usam software de design geral como o Photoshop para desenhar os wireframes no papel, enquanto alguns preferem usar software especializado em UX como o Balsamiq.

5.2.4. Fontes e cores de 

conteúdo Fontes e cores de conteúdo são os elementos mais subestimados e negligenciados ao projetar um site. 

O conteúdo da maioria dos sites é em grande parte texto, portanto, a fonte pode ter um enorme impacto no sucesso de um site.

A regra geral com fontes é que você precisa de no máximo dois estilos de fonte para seu projeto. 

Quanto às cores, a regra geral com as cores é ter:

• Duas a três cores primárias;
• E duas a três cores de destaque.

Para garantir que você escolheu cores extremamente contrastantes, é recomendável usar um verificador de contraste e ler um guia de cores. 

5.3. A fase de SEO do redesenho do site

Um site com um design super atraente não valeria a pena se os consumidores não conseguirem encontrá-lo nos resultados de pesquisa.

Simplificando, se você ignorar os detalhes de SEO do seu site ao redesenhá-lo, ele simplesmente não funcionará corretamente. 

Alcançar um redesenho de site bem-sucedido envolve examinar de perto como seu site funciona tecnicamente.

Para isso, cabe a você descobrir se:

• Seu site está bem otimizado; 
• Você está usando a plataforma certa; 
• Seu novo site pode ser acessado se um cliente antigo pesquisar o endereço antigo.

Esses são todos os tópicos que precisam ser considerados em sua estratégia de redesenho se você quiser ter sucesso sem problemas.

5.3.1. Redirecionamentos de links

Você também deve garantir que tenha um redirecionamento 301 para novas páginas em seu site e que não haja links quebrados.

Todos nós já tivemos a experiência de clicar em um link e terminar em uma página inacessível.  

Normalmente, isso é indicado por um texto ‘mensagem 404’ ou ‘página não encontrada’. 

Esses erros geralmente ocorrem quando uma página do site é movida para um novo URL e o link antigo não foi direcionado corretamente para o novo endereço. 

Isso prejudica seriamente a experiência do usuário e você precisa ficar muito atento a isso.

Pense na oportunidade perdida quando seus clientes ou compradores em potencial desejam informações que não conseguem encontrar devido a um link quebrado. 

Esses sentimentos de frustração por parte dos clientes causam a perda de oportunidades de vendas para o seu negócio.

Outra solução para remediar isso é personalizar sua página de erro 404 para direcionar os clientes de volta ao seu site ou fornecer uma mensagem leve para comunicar o conteúdo em movimento para outro endereço.

5.3.2. Plataformas

Além disso, outro problema técnico que os empresários enfrentam é a escolha da plataforma usada para configurar um site.

De fato, há uma infinidade de ferramentas e plataformas que permitem criar e estruturar sites e aplicativos. As plataformas mais utilizadas podem ser classificadas em uma das três categorias:

• Sistema de Gerenciamento de Conteúdo (CMS);
• Estrutura de gerenciamento de conteúdo (CMF);
• Estrutura de aplicativos da Web.

5.3.3. Palavras

Outro aspecto a considerar ao discutir um redesenho de SEO do site é a extensão em que seu site é otimizado e como as palavras-chave são exploradas.

As palavras-chave desempenham um papel essencial na otimização de um site para os motores de busca (SEO).

No entanto, você deve saber como usá-lo, por exemplo, evitando o preenchimento de palavras-chave nas páginas do seu site.

Os mecanismos de pesquisa podem ver isso como falta de legibilidade e usabilidade, o que pode levar a penalidades graves.

Para fazer isso, posicione suas palavras-chave de forma significativa e inclua versões de cauda longa quando apropriado.

5.3.4. Meta descrições otimizadas nas páginas e texto ALT nas imagens  

Como você sabe, a meta descrição é o texto de 150 caracteres abaixo do título em um resultado de pesquisa.

As meta descrições não têm um impacto direto no SEO, mas melhoram a taxa de cliques. 

A inserção de palavras-chave importantes em uma página permite segmentar mais as consultas às quais ela responde. 

Ao contrário das meta descrições, o texto ALT da imagem se correlaciona diretamente com o SEO. 

Para uma boa otimização, certifique-se de que o texto ALT correspondente de suas imagens inclua um termo-chave de pesquisa e que o nome do arquivo de sua imagem não consista em uma série de caracteres aleatórios.

5.3.5. Títulos de página otimizados para pesquisa

Assim como as meta descrições e os textos alternativos, também é importante incluir palavras-chave relevantes para otimizá-las para os mecanismos de pesquisa.

Uma dica para o sucesso com a otimização de títulos é fazer uma comparação dos seus 10 principais títulos para ver qual deles teve mais sucesso em direcionar seu site para um tráfego significativo.

Isso te dá uma ideia clara de que tipo de título seu público gosta e como você pode fazer melhor para aumentar o tráfego orgânico.

5.3.6.Domínio

A autoridade de sua página é baseada em uma escala de 0 a 100, indicando a relevância das informações e links nas páginas do seu site.

Uma autoridade de página mais alta fornece uma chance maior de sua página aparecer nos resultados dos mecanismos de pesquisa e sua página ser bem classificada.

A autoridade de domínio é o indicador que promove a criação de links para sua página e, em troca, os mecanismos de busca o recompensam por ser uma fonte de informação.

Links de entrada referem-se a qualquer link para seu site de outro site. 

Simplificando, quanto maior a autoridade do outro site, mais pontos de otimização você obtém. O link building para SEO continua sendo parte integrante de qualquer estratégia de inbound marketing. 

Se o seu site não estiver otimizado para pesquisa ou seus links não estiverem funcionando corretamente, ninguém verá seu design aprimorado de qualquer maneira. 

Além disso, a produção consistente de conteúdo novo e valioso é essencial para qualquer estratégia de SEO ou construção de links. Isso mantém você relevante aos olhos dos mecanismos de pesquisa e faz com que outras pessoas voltem ao seu site.

5.4. A fase de desenvolvimento

A fase de desenvolvimento consiste em transformar seu site de uma imagem no Photoshop em um site real.

Aqui está a lista de verificação do processo de desenvolvimento web:

5.4.1. Desenvolvimento inicial

Quando o desenvolvedor termina de codificar em sua máquina local, os códigos são carregados em um URL de teste. 

A maioria dos desenvolvedores codifica a parte HTML e CSS do site primeiro. Quando a revisão estiver concluída, você pode dizer que o aspecto inicial do desenvolvimento está completo.

5.4.2. Desenvolvimento do CMS

Quando o desenvolvimento inicial do front-end estiver concluído, a integração do site em um CMS pode ocorrer. 

Os desenvolvedores geralmente usam o WordPress. O desenvolvimento de CMS pode ser o aspecto mais subestimado do processo. 

Seu desenvolvedor lhe dirá como é fácil fazer alterações e atualizações no back-end do seu site.

5.2.3. Desenvolvimento móvel

Muitos clientes ficam surpresos ao saber que o design da web móvel acontece durante a fase de desenvolvimento. 

A verdade é que existem centenas de ferramentas para construir um site. Para lidar com esse grande número, os desenvolvedores usam web design focado em dispositivos móveis. Essa etapa ajuda a exibir bem o site em todos os dispositivos, atuais e futuros.

5.2.4. Controle

Como proprietário do site, você pode se surpreender ao ver exibições ruins em todos os dispositivos e navegadores. É por isso que é necessária uma série de garantias de qualidade rigorosas.

O controle de qualidade permite que novos sites sejam testados em todas as larguras de dispositivos e em todos os principais navegadores. 

Essa etapa leva tempo, talvez você possa dedicar uma ou duas semanas a ela. 

O tempo que leva depende da escala e do extremo do projeto de redesenho do seu site, sem mencionar seus objetivos para sua organização.

5.2.5. Treinamento

Uma vez que todas as etapas anteriores foram concluídas, seu site agora pode ser colocado online e visível para o seu público.

No entanto, pode haver algumas outras tarefas que você terá que fazer, que geralmente são classificadas na fase de desenvolvimento.

Podem ser tarefas como:

• Edição;
• E a atualização.

É nesta fase que você deve sentir a necessidade de se treinar sobre como atualizar as coisas em seu site. 

Primeiro, você precisa entender como o back-end do seu site funciona. Sabendo o suficiente, você saberá como fazer tipos comuns de alterações em seu site.

Alguns desenvolvedores gravam de 10 a 15 pequenos vídeos de screencast sobre os principais aspectos do back-end do site. Eles funcionam melhor porque alguns usuários vêm e vão. Consultar o vídeo ajuda a treinar qualquer responsável pelo site.

5.5. Fase de teste e otimização

Idealmente, você deve testar o design e a funcionalidade do seu novo site com frequência, à medida que avança no processo. 

Geralmente, é bom testar em diferentes navegadores e dispositivos sempre que você fizer uma alteração significativa em uma página ou recurso.

Além disso, quando você sentir que está chegando ao fim do projeto e talvez algumas semanas antes da data de lançamento, você deve começar com os testes mais formais. 

Este é o momento para testes completos para garantir que o site, a hospedagem, a configuração de backup e os plug-ins estejam livres de bugs, totalmente compatíveis e responsivos. 

Você terá que testar o novo site usando vários dispositivos diferentes, ou seja, PC, Mac, tablets, telefones celulares.

De preferência, teste em pelo menos vários navegadores importantes, como:

• Chrome; 
• Raposa de fogo; 
• Explorador de Internet; 
• Safári; 
• Ópera.

Neste ponto do teste de seu novo design: 

• Refine e finalize os detalhes do design e da funcionalidade do aplicativo;
• Em seguida, defina um prazo para fazer alterações e ajustes de conteúdo;
• Como criador do site, você deve fornecer uma verificação completa de todos os links, formulários e funcionalidades do novo site.

Na vida real, pode levar algumas semanas ou meses para você sentir o impacto dos retoques em seu novo site. 

As melhorias de desempenho geralmente são evidentes dentro de semanas ou meses após o lançamento. 

O monitoramento próximo da análise do site e do feedback do usuário ajudará a manter o desempenho do site de forma consistente. Você pode então fazer pequenos ajustes para maximizar a experiência.

O rastreamento e relatórios de análises personalizadas podem ajudá-lo a avaliar o retorno do investimento e identificar oportunidades para desenvolver funcionalidades adicionais, se houver. 

Você deve ter em mente que os dados comparativos de antes e depois do redesenho do seu site também podem ajudá-lo a dar os melhores passos.

Uma vez que um site redesenhado está no ar, pode parecer o fim e o começo. 

Enquanto o projeto de redesenho em si termina, um site online necessariamente precisa de acompanhamento e aprimoramento.

Para fazer isso, desenvolva um plano para manter o conteúdo atualizado e procure oportunidades para continuar avançando em sua presença digital. 

Considere complementos sofisticados que podem não ter feito parte do seu projeto inicial, como:

• Personalização do site; 
• Um blog com conteúdo educativo; 
• Um localizador de produtos e layouts ou widgets personalizados, como tabelas de comparação dinâmicas. 

A incorporação de conteúdo e recursos novos e relevantes ajudará a fidelizar, aumentar a retenção e dar aos visitantes um motivo para voltar. 

Ele também alimenta seus esforços de marketing digital, fornecendo orientação para campanhas futuras.

Embora o redesenho de um site envolva muitas partes móveis, um processo ponderado e deliberado pagará grandes dividendos a longo prazo. 

A estratégia antecipada promove a colaboração e desenvolve uma visão geral de suas metas e objetivos. 

Capítulo 6: As ferramentas para um redesenho bem-sucedido A 

poucas semanas de sua data de entrada em operação, você precisa começar com testes mais formais. 

Este é o momento para testes completos para garantir que o site, a hospedagem, a configuração de backup e os plug-ins estejam livres de bugs, totalmente compatíveis e responsivos. 

Você terá que testar o novo site usando vários dispositivos diferentes, ou seja, PC, Mac, tablets, telefones celulares.

De preferência, teste em pelo menos vários navegadores importantes, como:

• Chrome; 
• Raposa de fogo; 
• Explorador de Internet; 
• Safári; 
• Ópera.

Neste ponto do teste de seu novo design: 

• Refine e finalize os detalhes do design e da funcionalidade do aplicativo;
• Em seguida, defina um prazo para fazer alterações e ajustes de conteúdo;
• Como criador do site, você deve fornecer uma verificação completa de todos os links, formulários e funcionalidades do novo site.

Na vida real, pode levar algumas semanas ou meses para você sentir o impacto dos retoques em seu novo site. 

As melhorias de desempenho geralmente são evidentes dentro de semanas ou meses após o lançamento. 

O monitoramento próximo da análise do site e do feedback do usuário ajudará a manter o desempenho do site de forma consistente. Você pode então fazer pequenos ajustes para maximizar a experiência.

O rastreamento e relatórios de análises personalizadas podem ajudá-lo a avaliar o retorno do investimento e identificar oportunidades para desenvolver funcionalidades adicionais, se houver. 

Você deve ter em mente que os dados comparativos de antes e depois do redesenho do seu site também podem ajudá-lo a dar os melhores passos.

Uma vez que um site redesenhado está no ar, pode parecer o fim e o começo. 

Enquanto o projeto de redesenho em si termina, um site online necessariamente precisa de acompanhamento e aprimoramento.

Para fazer isso, desenvolva um plano para manter o conteúdo atualizado e procure oportunidades para continuar avançando em sua presença digital. 

Considere complementos sofisticados que podem não ter feito parte do seu projeto inicial, como:

• Personalização do site; 
• Um blog com conteúdo educativo; 
• Um localizador de produtos e layouts ou widgets personalizados, como tabelas de comparação dinâmicas. 

A incorporação de conteúdo e recursos novos e relevantes ajudará a fidelizar, aumentar a retenção e dar aos visitantes um motivo para voltar. 

Ele também alimenta seus esforços de marketing digital, fornecendo orientação para campanhas futuras.

Embora o redesenho de um site envolva muitas partes móveis, um processo ponderado e deliberado pagará grandes dividendos a longo prazo. 

A estratégia antecipada promove a colaboração e desenvolve uma visão geral de suas metas e objetivos. 

Capítulo 6: Ferramentas para o redesenho bem-sucedido do site

Revise uma lista de ferramentas que você pode usar ao redesenhar seu site.

6.1. Figma

Designers trabalhando como freelancer ou em uma agência digital devem considerar adicionar o Figma ao seu inventário de ferramentas de web design para facilitar a colaboração e o feedback em tempo real de seus clientes.

O Figma é a ferramenta de design mais intuitiva atualmente. A alteração de nomes, números de camadas e objetos leva literalmente um momento, assim como adicionar descrições e reorganizar elementos de design. 

A interface, incluindo a seção de páginas, é muito amigável e claramente projetada. Além disso, importar objetos e criar novos objetos é muito conveniente.

Trabalhar com objetos no Figma é simplesmente divertido. O mesmo vale para objetos de escala, que requer apenas um pressionamento de tecla. 

Ao criar um design, as ferramentas funcionam de forma semelhante às regras CSS, o que agiliza a cooperação entre designer e desenvolvedores.

O Figma é incrivelmente eficiente, o número de visualizações em seu design é quase ilimitado. No entanto, o desempenho da ferramenta não diminui à medida que seu número aumenta. Além disso, é aprimorado pelo fato de você estar trabalhando on-line, para que você não precise abrir grandes arquivos de escritório em seu computador.

Muitas vezes, as ferramentas de design de página não permitem que você crie um gráfico ou modele você mesmo a partir do zero. Este é, por exemplo, o caso do Photoshop. 

O Figma permite criar vetores, suporta vários formatos gráficos e oferece a capacidade de criar independentemente elementos de página ou aplicativo com visualização em tempo real.

6.2. Wireframe.cc

Wireframe.cc é uma ferramenta de wireframe baseada em navegador totalmente gratuita. 

É uma ferramenta minimalista com uma interface de usuário básica e limpa, ideal para maquetes rápidas.

Sua interface de usuário simples permite que os designers mantenham o foco e não se percam na navegação do site.

Esta ferramenta incrível possui recursos como:

• Arrastar para Desenhar: Criar seus elementos de wireframe não poderia ser mais fácil. Tudo o que você precisa fazer é desenhar um retângulo na tela e selecionar o tipo de estêncil que será inserido nele. Você pode fazer isso arrastando o mouse sobre a tela e selecionando uma opção em um menu de contexto. Se você precisar editar alguma coisa, basta clicar duas vezes nela;
• Interface super mínima: Wireframe.cc oferece um ambiente livre de desordem. Agora você pode se concentrar em suas ideias e desenhá-las facilmente;
• Anotação fácil: se você quiser garantir que sua mensagem seja transmitida, sempre poderá comentar em seu wireframe. As anotações são criadas da mesma forma que qualquer outro objeto na tela e podem ser ativadas ou desativadas a qualquer momento;
• Paleta limitada: Se você deseja que seus wireframes sejam nítidos e claros, você precisa mantê-los simples. O Wireframe.cc pode ajudá-lo a conseguir isso oferecendo um conjunto muito limitado de opções. Isso se aplica à paleta de cores e ao número de estênceis que você pode escolher. Desta forma, a essência da sua ideia será ainda mais realista.

6.3. Balsamiq

Balsamiq é uma ferramenta de wireframing rápida que foi empacotada de forma inteligente com recursos colaborativos para melhor atender à natureza iterativa dos processos de experiência do usuário. 

Possui uma curva de aprendizado simples, permitindo fácil integração para usuários iniciantes. 

Em primeiro lugar, Balsamiq é uma das ferramentas mais rápidas usadas para wireframing fragmentado. 

Ele possui uma biblioteca integrada de vários elementos de interface do usuário, que você pode simplesmente arrastar e soltar. 

Há também uma função de adição rápida, que permite inserir rapidamente o item desejado e exibir uma lista de itens correspondentes de sua biblioteca. 

Clicar em um desses itens na lista adiciona imediatamente o item à sua tela. 

Outro recurso que ajuda a acelerar as coisas é a disponibilidade de uma biblioteca de ícones integrada. 

Ícones comuns, como pesquisa, casa, ajuda. estão todos prontamente disponíveis.

6.4. Cloudways

Cloudways é um PaaS (Platform-as-a-Service), uma classificação de serviço de computação em nuvem que fornece uma plataforma para os clientes.

Por meio dessa plataforma, um usuário pode desenvolver, executar e gerenciar aplicativos da Web, permanecendo livre das complicações da construção e manutenção da infraestrutura do site.

É uma plataforma de hospedagem na web que permite que um usuário crie um servidor específico. 

É uma solução de plataforma como serviço ideal para blogueiros, designers e desenvolvedores que desejam hospedar seus próprios sites.

Essencialmente, o Cloudways ajuda você a implantar, configurar e gerenciar vários aplicativos em vários servidores em nuvem, a partir de um painel central. 

Ele protege seu servidor em nuvem, protegendo-o de tentativas maliciosas. Ele faz backups regulares do seu servidor em nuvem e o configura com ferramentas avançadas de cache para aumentar a velocidade do seu site.

Basicamente, um grande número de servidores do mundo real trabalham juntos como um único sistema para fornecer hospedagem estável e segura para servidores virtuais. Isso significa maior desempenho a um custo menor com flexibilidade de hospedagem na web ainda maior.

Cloudways oferece aos clientes um grande número de recursos em comparação com outras plataformas de hospedagem WordPress. 

Com uma interface interativa e amigável para gerenciamento de servidores e aplicativos, oferece aos indivíduos uma solução em um clique para todos os problemas de hospedagem.

Existem muitos outros nomes renomados no mercado de hospedagem em nuvem, mas os recursos do Cloudways são realmente únicos. Na verdade, eles adaptam seus serviços ao que cobram dos usuários.

Com um modelo simples ”Pague conforme o uso”, você pode dimensionar o tamanho do seu servidor e monitorar o tráfego do seu site WordPress com base no seu orçamento. 

Os recursos são divididos em duas guias, Gerenciamento de Servidores e Gerenciamento de Aplicativos.

Na gestão de servidores, Cloudways oferece a possibilidade de controlar o seu servidor, iniciá-lo, pará-lo ou reiniciá-lo. Você também pode usar itens de monitoramento, interagir com serviços, definir configurações, fazer backup do servidor e muito mais.

Com a opção de gerenciamento de aplicativos, você pode escolher entre aplicativos e complementos para tornar seu site mais funcional. Você também pode: 

• Verificar URLs e credenciais. 
• Gerenciar domínios; 
• Instale um certificado SSL gratuitamente:
• Etc.

A Cloudways oferece aos clientes um desempenho excepcional para servidores e aplicativos. A fórmula do ThunderStack não é a única coisa que aumenta seu desempenho.

A plataforma oferece ainda armazenamento SSD revolucionário que suporta consultas de leitura e gravação super-rápidas que reduzem o tempo de carregamento do seu site pela metade e ajudam você a obter altos resultados de SERP.

A segurança desempenha um papel vital ao hospedar sites WordPress por meio de uma boa plataforma de hospedagem em nuvem. 

A Cloudways oferece aos clientes firewalls em nível de plataforma para seus sites WordPress para manter seus dados seguros.

A equipe de suporte técnico da Cloudways está focada na aplicação de técnicas inovadoras de proteção de segurança para criar uma plataforma superior. 

O Cloudways oferece um recurso exclusivo de adicionar uma lista de endereços IP de lista branca aplicando limitações para permitir a entrada no servidor.

Seus servidores em nuvem dedicados e gerenciamento SSL com um clique, juntamente com patches automáticos, garantirão que seu site permaneça seguro nos servidores Cloudways.

6.5. Console de pesquisa do Google

Ao reprojetar seu site, você deve considerar as palavras-chave e os tópicos que usará em seu novo site para ajudá-lo com seus esforços de otimização de mecanismos de pesquisa. 

Com os relatórios detalhados do Google Search Console sobre aparência e tráfego de pesquisa, você pode otimizar seu conteúdo para classificações de mecanismos de pesquisa ao planejar seu novo design.

Com essa ferramenta, você pode ver para quais palavras-chave e tópicos seu site está classificado atualmente e o que as pessoas estão clicando e não clicando. 

Essas informações ajudarão você a otimizar seu conteúdo em torno de sua estratégia de SEO para o redesenho do seu site. 

E quando usado em conjunto com as outras ferramentas anteriores, você poderá determinar se seu novo site está atingindo seus objetivos com sucesso.

Essas ferramentas são essenciais para mostrar o sucesso do seu site atual para garantir que seu plano de reformulação leve em consideração seus erros do passado. 

O uso dessas ferramentas em seu novo site fornecerá informações poderosas sobre o desempenho do novo site em relação às suas metas.

Isso significa que, ao planejar seu redesenho, certifique-se de selecionar um sistema de gerenciamento de conteúdo que permita adicionar essas ferramentas benéficas. 

Para restringir suas opções, confira nossa postagem no blog sobre como escolher um sistema de gerenciamento de conteúdo.

6.6. Hotjar

Hotjar é uma ferramenta completa, pois inclui análises e coleta de feedback do usuário. 

Esta ferramenta tem como objetivo ajudá-lo a entender o que os visitantes estão fazendo em seu site. O ponto forte do Hotjar é que ele combina, em uma única plataforma, uma gama de recursos analíticos essenciais com ferramentas de feedback do usuário.

Antes do Hotjar existir, precisávamos de plataformas diferentes para acessar essa combinação de recursos, cada uma aumentando o custo e a complexidade do seu kit de ferramentas de otimização. 

O Hotjar reúne diferentes recursos de análise, cro e feedback do usuário em uma plataforma.

Depois de saber o que é o Hotjar, vamos fazer um breve resumo das principais funcionalidades desta ferramenta:

• Mapas de calor: Você poderá ver onde seus usuários vão, onde clicam;
• Gravações de visitantes: Gravações em vídeo de sessões de usuários para que você possa ver exatamente o que eles estão fazendo;
• Funis de conversão: mostra onde os usuários saem do seu funil de vendas;
• Análise de formulários: mostra como os usuários estão interagindo com seus formulários para ajudá-lo a reduzir erros;
• Pesquisas de opinião: esse recurso permite que você pergunte aos usuários por que eles fizeram ou não uma determinada ação;
• Feedback: Esta opção permite que os usuários deixem comentários em seu site ou aplicativo, dizendo o que eles gostam, não gostam ou o que os torna indiferentes;
• Pesquisas: Este recurso permite que os usuários sejam alcançados com formulários pedindo sua opinião.

6.7. InVision

InVision é uma plataforma unificada para projetar produtos digitais. Ele facilita a colaboração entre diferentes partes interessadas em todo o fluxo de trabalho de design de interface do usuário. 

Embora usado por muitas das maiores empresas, o software também é projetado para atender equipes menores.

Como outras ferramentas de design de interface do usuário, o InVision permite que os designers criem padrões de navegação de interface do usuário, projetem protótipos e wireframes e planejem as jornadas do usuário. 

Com o InVision, diferentes usuários podem dar feedback para melhorar planos, designs, layouts e até mesmo fluxos de integração criados usando o Freehand, seu quadro branco online.

Aqui estão alguns dos benefícios desta ferramenta incrível:

• Simples e Acessível: InVision é projetado de forma intuitiva e fácil de usar para pessoas de todos os níveis técnicos, com funcionalidade de arrastar e soltar para facilitar o feedback sobre certos aspectos dos projetos;
• Fluxos de trabalho de integração otimizados: os tours de produtos da InVision mostram aos usuários como usar o aplicativo de forma simples e eficiente. Como todos os principais fluxos de trabalho de integração, o InVision segmenta os usuários com base em seu nível de conhecimento para oferecer procedimentos passo a passo;
• Escalável: O software foi projetado para atender às necessidades de todos, de freelancers a empresas globais com milhares de funcionários. Isso se reflete no custo flexível dos serviços da InVision.

6.7. Designmodo

Designmodo rivaliza com a maioria dos outros sites de recursos de design com seus modelos de qualidade. 

Seus artigos e tutoriais exclusivos ajudam os usuários do site a melhorar em vários conjuntos de habilidades.

A informação sobre as últimas tendências e desenvolvimentos de design é o que faz com que os clientes voltem.

Uma vez na página inicial do Designmodo, todos os seus recursos são exibidos. 

O cliente pode avaliar instantaneamente todas as possibilidades que este site tem a oferecer, seja uma pequena startup, um freelancer ou uma empresa global. 

Não há necessidade de experiência em codificação, pois o Designmodo usa um editor de arrastar e soltar, o que é extremamente conveniente para pessoas que estão apenas começando com os criadores de sites. 

Acima de tudo, a confiança é essencial para um relacionamento estável com os clientes. O Designmodo provou seu valor e eficácia ao oferecer seus serviços com sucesso a alguns dos maiores players do mercado. 

Afirma-se em seu site que empresas como Nike, Google, Ikea, Microsoft, NASA e outras estão entre a clientela do Designmodo. 

Este é um fator benéfico para atrair novos clientes, pois dá uma sensação de segurança.

O Designmodo também oferece a oportunidade para web designers e desenvolvedores encontrarem um emprego adequado, seja em tempo integral ou remoto. 

Assim, além de criar construtores de sites e e-mails, fornecendo tutoriais sobre várias tendências e técnicas, eles também ajudam os profissionais de design a construir suas carreiras e fazer conexões úteis com empresas de valor.

Por outro lado, as empresas também podem se beneficiar desse recurso, pois podem publicar uma oferta de emprego. 

Desta forma, Designmodo conecta empresas que precisam de designers ou desenvolvedores especializados com trabalhadores.

Qualquer pessoa com um blog, conta de mídia social ou site tem a oportunidade de participar do Programa de Afiliados Designmodo. 

Este programa lhe dá a chance de ser recompensado por indicar outros produtos Designmodo e ganhar uma comissão de 25%. 

6.8. Behance O

Behance é uma das muitas ferramentas que a Adobe tem para ajudar os criadores a se destacarem. É um pouco como o LinkedIn, pois você pode usá-lo para mostrar seu trabalho profissional e se conectar com outras pessoas.

Criadores de várias áreas podem usar o Behance, mas é especialmente útil para artistas visuais como designers e fotógrafos.

A principal razão pela qual a maioria dos criadores usa o Behance é para criar um portfólio. Você pode postar projetos que fez para clientes ou para sua própria diversão.

Ao criar um novo projeto para compartilhar, você pode incluir vários itens. 

Estes incluem, mas não estão limitados a:

• Fotos;
• Vídeos;
• áudios.

Se você tiver uma conta do Adobe Lightroom, poderá economizar tempo e importar elementos visuais diretamente de lá. 

Ao criar novos projetos no Behance, você pode aumentar sua visibilidade adicionando tags e compartilhando as ferramentas que usou.

Você não está limitado a compartilhar projetos em seu perfil. Se você está atualmente trabalhando em algo interessante, pode criar um trabalho em andamento, que ficará visível pelo tempo que for necessário.

6.9. Adobe Kuler

Kuler é um aplicativo baseado na Web que permite aos usuários navegar, criar e compartilhar temas de cores por meio do site Kuler, aplicativo de desktop Kuler ou um widget Kuler para o painel do Mac OS X. O

Kuler também está disponível no desktop Adobe CS4 favorito aplicativos, incluindo: 

• Photoshop; 
• InDesign; 
• Ilustrador; 
• Instantâneo;
• Fogos de artifício. 

O Kuler está disponível online gratuitamente e você não precisa ser um usuário do CS4 para aproveitá-lo.

O uso da cor costuma ser um dos aspectos mais importantes de qualquer design. 

Mas nem todos os designers têm a sorte de criar combinações de cores que funcionem bem juntas. 

A maioria de nós conhece uma ótima combinação de cores quando vemos uma, mas não poderíamos criar uma se. É aqui que a Kuler pode ajudá-lo.

Os designers podem navegar por milhares de temas de cores criados pela comunidade Kuler, incluindo a capacidade de pesquisar temas de cores por tags, temas, cores hexadecimais e muito mais. 

Os usuários também podem criar novos temas com base nas cores de uma imagem existente que você carrega de sua área de trabalho. 

Depois de encontrar um esquema de cores que você gosta, você pode classificá-lo, adicioná-lo aos seus favoritos, exportá-lo como um arquivo Adobe Swatch Exchange para uso em qualquer aplicativo Adobe Creative Suite ou adicioná-lo diretamente ao painel Swatches do seu aplicativo CS4. 

Você faz isso com um menu suspenso simples no painel Kuler ao lado do nome da amostra.

6.10. Gliffy

Em 2005, dois engenheiros que moravam em São Francisco iniciaram o Gliffy, uma ferramenta de diagramação online para desenvolvedores que queriam compartilhar visualizações do software em que estavam trabalhando. 

Gliffy oferece a seus usuários uma variedade de recursos, incluindo um editor fácil de usar, recursos de compartilhamento e colaboração e controle de versão. 

Hoje, Gliffy é usado por grandes e pequenas empresas como Netflix, Nike, Pixar e Twilio.

O editor de arrastar e soltar permite que você comece com uma lousa em branco. Para criar seus diagramas, você arrasta e solta vários elementos na página, unindo os ícones com os conectores de sua escolha.  

Alternativamente, você pode começar a trabalhar em seu diagrama com um tema ou modelo e construir a partir daí.

Os usuários dos produtos Atlassian podem comprar complementos que permitem que o Gliffy se integre perfeitamente ao Jira ou ao Confluence. 

O complemento do Jira permite adicionar diagramas aos seus problemas para que você possa fazer coisas como documentar visualmente bugs e outros problemas de código. 

O complemento do Confluence permite vincular diretamente a diagramas, usar diagramas criados anteriormente como modelos e trabalhar no conteúdo sem sair do ecossistema Atlassian.

Para compartilhar seu diagrama, você pode criar um URL personalizado vinculado à sua criação ou incorporar sua imagem em outro lugar. 

Você também pode importar e exportar diagramas sob demanda. O Gliffy também inclui recursos de colaboração que permitem que os espectadores comentem ou editem seu diagrama.

Capítulo 7: Alguns exemplos notáveis ​​de redesenho

Neste capítulo, exploramos alguns sites antes e depois de seus redesenhos mais notáveis.

7.1. Yellow Page

Yellow é o site de uma organização cujo objetivo é ajudar as pessoas de uma localidade a encontrar serviços muito próximos a elas.

Sem grandes esforços, você pode encontrar empresas locais ou pessoas que podem ajudá-lo a atender sua necessidade. Pode ser:

• Um advogado;
• De uma restauração;
• Reparação de automóveis;
• De um dentista;
• De um veterinário;
• etc.

De acordo com a página ”Sobre”, a Yellow Page é o único site que pode ajudar todos a viver uma vida melhor com apenas alguns cliques.

Realmente faria sentido se eles reduzissem o esforço do usuário no site, facilitando o acesso às informações de pesquisa.

Aqui você tem uma visão de um rosto antigo do site deles:

A seguir, uma visão do rosto do site após um redesenho

O site não perdeu completamente sua aparência antiga após o redesenho. 

Eles conseguiram manter grande parte das cores originais, em particular as cores da empresa, amarelo e preto. 

O novo design vem com um recurso de localização na barra de pesquisa que é usado para direcionar melhor os resultados de pesquisa dos usuários do site.

Isso reduz o esforço que os usuários têm que fazer para selecionar a localidade que mais lhes interessa. 

Além disso, o design do site após o redesenho é bastante agradável e os recursos menos úteis foram removidos ou movidos.

Por exemplo, o link ”dica de pesquisa”, que pode ajudar usuários novos e existentes a melhorar suas consultas de pesquisa, foi removido. 

Mesmo que as muitas imagens no site antigo sejam realmente atraentes, elas atrapalham seriamente a interface do usuário.

Isso pode reduzir significativamente o desempenho do site, a velocidade de carregamento e a experiência do usuário.

7.2. Mozilla

Em nossa opinião, os sites da Mozilla quase têm um profissionalismo que brilha através deles. Além disso, eles vêm com uma série de recursos selecionados que precisam de ajustes regulares.

Dito isso, vamos dar uma olhada no design antigo da Mozilla:

E aqui está a aparência do site da Mozilla após os redesenhos:

Notaremos que há mais leveza na interface do novo visual, apesar de os recursos que atrapalhavam a interface não serem removidos.

São essencialmente:

• O formulário de registo da newsletter por e-mail;
• Uma apresentação de slides destacando o conteúdo apresentado;
• etc.

De fato, houve algumas reduções nos hiperlinks e no uso de espaços entre os elementos de design.

7.3. Mailchimp

MailChimp é uma plataforma digital que ajuda as empresas de uma forma ou de outra a aumentar seus rendimentos através da internet.

Um tempo atrás, é assim que a interface do usuário do site do MailChimp se parece:

Mas hoje, depois de algumas reformulações, aqui está o novo visual:

Na verdade, mesmo antes do redesenho, o site apresenta uma imagem muito bonita e tudo funcionava praticamente bem.

O objetivo do redesenho do MailChimp foi comunicar melhor os valores da empresa para sua comunidade valorizada e crescente.

A versão antiga da página inicial era limpa e fácil de navegar, com um menu superior e uma página de destino organizada decorada com uma imagem de herói. 

O trabalho de redesenho resultou em uma organização mais correta, uma paleta de cores mais vibrante que se afasta da típica tipografia e marca de palavras.

7.4. Tweeter 

Como todos sabemos, o Tweeter é uma rede social que ajuda as empresas a aumentar sua visibilidade graças à sua grande popularidade.

Esta imagem nos dá uma ideia de como era a hierarquia do Tweeter no passado:

Fonte: byoth 

Em seguida, aqui está a imagem da interface do usuário após um redesenho: 

Após o trabalho de redesenho, o Twitter agora oferece um layout com duas colunas para conteúdo em vez de três. 

O feed está localizado no lado esquerdo da tela, com tópicos de tendências e sugestões de usuários colocados à direita. 

Existem opções adicionais para incluir emojis em tweets, favoritos e explorar. 

A seção Tendências é mais funcional e mostra melhorias marcantes com atualizações.

Ao compor um tweet, o pop-up tem uma aparência distinta, que é um espaço aberto em vez de uma caixa retangular. 

O ícone “tweet” agora é movido para o topo da página.

7.5. Instagram

Assim como um tweeter, o Instagram também é conhecido por ser uma rede social que serve ao propósito de promover os bens e serviços de muitas empresas.

É assim que a interface do usuário se parece em anos passados:

Fonte: img.staticigen 

E podemos ver algumas mudanças do redesenho:

Fonte: f.hellowork 

O site passou por uma reformulação em 2018, mas pode-se notar que a maioria dos recursos populares permanece inalterada. 

Como antes, você ainda tem a opção de rolar pelo feed e tocar duas vezes para curtir fotos, comentar imagens e navegar nos perfis de outras pessoas. 

Mas as fotos de perfil em formato quadrado agora são arredondadas, enquanto a grade de imagens acima do nome de usuário foi removida.

O azul do Instagram é substituído por uma combinação de temas atraentes e modernos em cinza, branco e preto. 

No geral, a interface é simplificada com um design mais plano em comparação com a antiga preferência. 

O conjunto de aplicativos do Instagram não era muito consistente em termos de aparência. O processo de redesenho reuniu todos os aspectos do aplicativo para uma aparência coesa.

7.6. A grande reformulação do Reddit

Reddit também é uma comunidade social que permite que as pessoas compartilhem conhecimento, ideias e sejam informadas das novidades do mundo.

Aqui está sua interface de usuário antes do redesenho:

Fonte: externo 

Assim, vemos o site após alguns ajustes:

O novo Reddit destaca a navegação fácil com um menu de hambúrguer no lado esquerdo da tela, que mostra seu feed, perfis e quaisquer assinaturas que você tenha. 

Há também uma seleção de botões que os Redditors podem usar para alterar o formato do site de acordo com suas preferências individuais. 

O Card View tem uma aparência mais plana como o Facebook, enquanto o Compact View permite visualizar uma grande variedade de conteúdo com rolagem sem esforço.

Capítulo 8: Perguntas e respostas sobre a reformulação do site 

Vamos discutir aqui algumas perguntas frequentes que podem servir de guia para o seu processo de reformulação.

8.1. Devo usar um design orientado ao crescimento ou uma reconstrução completa?

Não muito tempo atrás, a Hubspot iniciou o Growth Driven Design (GDD), um termo para descrever um processo de design iterativo que garante que um site seja construído passo a passo desde o início até a conclusão.

É de certa forma a metodologia do ”produto mínimo viável” implantada no processo de construção de um website.

Isso gera a reatribuição de conteúdo possível e a transição do design do site passo a passo. Assim, as páginas mais importantes são as primeiras a serem convertidas para o novo visual.

A vantagem de uma abordagem GDD é que, uma vez que uma parte do site tenha sido implantada, você pode começar imediatamente a aprender com suas análises, permitindo uma iteração mais frequente e uma taxa de conversão aprimorada. 

O GDD é particularmente útil quando o site antigo não tem possibilidade de conversão. 

Ser capaz de configurar rapidamente um site com os CTAs certos no lugar certo significa que você pode obter leads rapidamente e aprender mais rapidamente sobre os hábitos de navegação do seu público-alvo.

Como alternativa ao GDD, o método tradicional de reconstrução é concluir todo o conteúdo, funcionalidade e páginas antes de colocar o site no ar.

Esse método pode levar tempo suficiente, mas permite que você se concentre mais no design e no conteúdo do site, garantindo que tudo atenda às necessidades de todas as partes interessadas antes de entrar no ar.

É verdade que ambas as metodologias podem exigir um compromisso de tempo para criar conteúdo, mas o método tradicional exige ainda mais antes de começar a ver os resultados.

Qualquer que seja o processo que funcione melhor para você, assim que o site ou um de seus componentes estiver ativo, é importante monitorar seus dados de conversão e aquisição de tráfego para que você possa fazer melhorias.

8.2. Qual sistema de gerenciamento de conteúdo é ideal para você?

Provavelmente existem mais sistemas de gerenciamento de conteúdo no mundo do que aplicativos de processamento de texto, mas isso não significa que você deva ficar obcecado com uma única escolha. 

Se o seu site foi construído nos últimos anos, é provável que você esteja usando o WordPress. 

É o sistema de gerenciamento de conteúdo mais comum do mundo e alimenta quase um terço dos sites na web.

É relativamente fácil de usar, integra-se perfeitamente ao HubSpot e a muitas outras plataformas de automação de marketing.

 Digamos que quase qualquer agência de desenvolvimento web possa ajudá-lo com atualizações de back-end ou template.

Mas essa popularidade também tornou o WordPress um alvo para hackers e outros criminosos. 

Se você for usar o WordPress, é absolutamente essencial que o site e todos os seus plugins sejam mantidos atualizados para manter a segurança do seu site e as classificações de pesquisa. 

Para fazer isso, escolha um provedor de hospedagem de qualidade que exija atualizações frequentes e teste o site para garantir que ainda funcione conforme o esperado.

Apesar de seu surgimento recente e de ser o principal alvo de hackers, o sistema de gerenciamento de conteúdo do WordPress está longe de ser comparado a outros como:

• Drupal;
• Joomla;
• Wix.

A facilidade de uso e flexibilidade do WordPress desempenharam um grande papel em seus números de adoção preferencial.

Claro, também existem sistemas de gerenciamento de conteúdo de código fechado que vale a pena considerar. 

A maioria das plataformas CMS são difíceis de personalizar e tornam muito difícil iterar rapidamente o conteúdo de marketing. 

Eles também tendem a ter interfaces de usuário muito antigas, o que torna a atualização do conteúdo mais complexa.

Se o objetivo principal do seu site é a conversão de leads, o WordPress pode ser uma opção melhor. Mas quando se trata de levar a liderança para o próximo nível, seu CMS pode ser auxiliado por um CMS como o COS da HubSpot. 

Apelidado de Sistema de Otimização de Conteúdo, facilita a adaptação de conteúdo inteligente para cada visitante do site com base em sua posição na jornada do comprador. 

O COS renderiza o conteúdo muito rapidamente e realmente não precisa ser atualizado como o WordPress, o que significa que seu site está sempre seguro e na versão mais recente. 

8.3. Como você usará o conteúdo existente?

Reaproveitar o conteúdo existente pode ser uma das estratégias mais eficazes que você pode usar para economizar tempo em um projeto de reformulação do site. 

Em muitos casos, desde que o conteúdo não seja factualmente incorreto, ele pode ser reutilizado em um layout atualizado e intuitivo.

O objetivo de uma abordagem GDD é reutilizar o conteúdo antigo para melhorar o design do site de conversão ao vivo e, em seguida, identificar o conteúdo mais importante a ser reutilizado primeiro. 

Priorize as páginas com maior potencial de conversão, estas podem ou não ser suas páginas mais visitadas, mas certifique-se de considerar os rankings de busca atuais dessas páginas antes de fazer qualquer revisão importante. 

Você não deseja excluir inadvertidamente o conteúdo que estava ajudando você a classificar termos importantes.

Além disso, muitas formas de conteúdo não escrito são necessárias ao construir um site, incluindo: 

• Fotografia;
• A ilustração; 
• Áudio;
• E o vídeo. 

A reutilização de conteúdo também pode economizar tempo ao lançar um novo site. 

Mas ter os arquivos originais em mãos pode economizar tempo se as imagens precisarem ser redimensionadas para caber em um novo layout do site, por exemplo. 

Em muitos casos, se o seu novo site usa o mesmo sistema de gerenciamento de conteúdo do antigo, você pode manter o acesso a todas as imagens, ícones, infográficos ou fotos do conteúdo do seu site.

8.4. Como faço para alinhar minha persona de comprador com o redesenho?

Se você faz inbound marketing há algum tempo, sabe o que é uma Buyer Persona e por que precisa dela para uma conversão eficaz. 

Basicamente, as personas do comprador são usadas para denotar uma representação fictícia do seu cliente ideal.

Você pode ter uma persona de comprador, embora por experiência isso seja bastante improvável, ou você pode ter mais de uma. 

Algumas organizações até pensam que têm dezenas de personas diferentes.

Embora isso seja possível, é extremamente difícil de gerenciar, especialmente com uma pequena ou média empresa.

Ao criar ou refinar suas personas, certifique-se de investigar minuciosamente os gatilhos que fazem com que suas personas procurem seu produto ou solução para que você possa fornecer respostas apropriadas em seus fluxos de trabalho de marketing.

Suas personas também o ajudarão a desenvolver uma arquitetura de informações ou um sitemap otimizado para pesquisa. 

Procure oportunidades para usar os termos reais que suas personas estão procurando na navegação primária e secundária do seu site. 

Isso tornará o site mais facilmente rastreável quando alguém acessar ele por meio de pesquisa ou outros meios, e sinalizará aos mecanismos de pesquisa que esses são tópicos importantes para sua organização. 

8.5. Quanto tempo demora um projeto de redesign de site

O tempo real para investir em um projeto de redesign de site depende muito do escopo do trabalho e dos resultados esperados.

Caso você opte por realizar seu projeto de redesenho em uma abordagem em fases, observe que a duração pode ser relativamente maior.

Por outro lado, quando se trata de uma simples atualização da interface do usuário, provavelmente levará um mês ou dois para concluir o trabalho de coleta de dados e definição de metas.

Isso sugere que, se você quiser algo maior ou mais complexo do que uma simples atualização, terá que investir meses.

Mesmo que você não esteja tão entusiasmado ao ouvir isso, você precisa se lembrar por que seu site precisa de uma reformulação.

Então você também precisa pensar sobre o valor de adotar uma abordagem metódica para redesenhar por um longo período de tempo. 

Ao priorizar as partes do site que causam os maiores problemas, eles começarão a ver o progresso antes que o trabalho seja concluído. 

Isso significa que você não terá que gastar muito dinheiro em um projeto de redesenho antes de poder esperar um retorno do seu investimento. 

Você pagará por cada etapa do projeto e, lenta mas seguramente, verá seu site começar a gerar mais e mais receita ao longo do caminho.

8.6. O redesenho de um site afetará o SEO?

Se você for bem-sucedido em redesenhar seu site de uma maneira que melhore a experiência do usuário, a taxa de tráfego, o engajamento e as conversões, isso dará ao seu site um impulso nas pesquisas. 

Por outro lado, se você cometer erros durante o redesenho e isso não acontecer com os visitantes, os rankings do site podem despencar e colocá-lo em uma posição pior do que antes. 

Quando você faz alterações excessivas no conteúdo e nos metadados da página, isso pode afetar negativamente suas classificações. Mas nem sempre isso é ruim. 

Por exemplo, se você redirecionar algumas de suas páginas para palavras-chave melhores, pode demorar um pouco para aumentar sua visibilidade de pesquisa novamente. 

Só se torna um problema quando você altera algo como o URL da página. 

Se você simplesmente salvar a página redesenhada no novo URL, qualquer pessoa que acessar esse URL antigo, de pesquisa, mídia social ou outros sites, acabará em uma página de erro 404.

Portanto, se você fizer alterações significativas na estrutura do site, você deve se lembrar de usar redirecionamentos 301 para manter os visitantes em páginas ativas e preservar o link juice da página original na pesquisa.

8.7. Quanto custa uma reformulação do site?

Os web designers freelancers cobram de $ 500 a $ 5.000 + por um novo site. 

O preço é bastante simples, pois você sabe quanto tempo e recursos são necessários para criar um determinado tipo de site, bem como o retorno que pode obter dele.

Realisticamente, pode custar de US $ 500, para uma simples atualização de marca, a mais de US $ 10.000 para uma revisão completa.

O custo do seu projeto também pode depender de coisas como:

• O tempo para executar testes de usabilidade e coletar os dados necessários para criar a estratégia adequada;
• A parte do site a ser redesenhada;
• A complexidade das mudanças;
• etc.

Se você puder estimar o tempo total que gastará no projeto, bem como o custo de recursos adicionais, sua proposta de projeto e os custos serão muito mais precisos.

8.8. Com que frequência você deve redesenhar seu site?

Em geral, uma boa regra é investir em uma reformulação do site a cada 2-3 anos. O número também depende do seu setor. 

Se você trabalha em um setor altamente competitivo que está em constante mudança e progresso, convém redesenhar seu site a cada 1 ou 2 anos. 

Alguns setores, como o setor financeiro e de construção, tendem a mudar o design do site a cada 3-5 anos.

Em grande parte, a frequência do redesenho do seu site dependerá de suas preferências e do estado do seu negócio. 

Se você reformulou recentemente um site e acredita que algumas alterações podem ser benéficas, é aconselhável que já tenham se passado 6 meses ou menos desde a última reformulação do site antes de fazer um novo retoque.

8.9. Devo redesenhar completamente meu site? 

Depende principalmente do estado do seu site, seus objetivos e as razões para um redesenho do site.

Se você tem um site tão desatualizado que não vale mais a pena, oferecemos a você que comece um novo design. 

Para ter uma ideia mais clara do estado do seu site, basta solicitar uma auditoria do site na página inicial do Twaino.

8.10. Por que você deve escolher o Twaino para o redesenho do seu site?

Embora uma reformulação do site possa beneficiá-lo, também pode prejudicar o site da sua empresa de várias maneiras. 

Por exemplo, se o seu site existente tiver muitos links de entrada e palavras-chave de melhor desempenho, você pode perdê-los casualmente durante o redesenho do site.

E isso pode prejudicar significativamente seus rankings e levar à perda de tráfego importante. 

Como os web designers tradicionais não estão muito familiarizados com a otimização de mecanismos de pesquisa, eles não saberão como proteger adequadamente seus ativos online. 

Além disso, a Twaino é uma agência experiente em seu campo que pode ajudá-lo não apenas na fase de conteúdo e desenvolvimento do redesenho, mas também a se tornar uma autoridade em seu setor graças ao trabalho na fase de SEO do processo.

Conclusão

O redesenho do site geralmente é um processo de reconstrução do seu site com um novo design.

Para isso, dá um novo visual ao seu site para torná-lo mais atrativo e resolve outras irregularidades no funcionamento do site.

Torna-se ainda mais indispensável quando você percebe certos sinais como velocidade de carregamento muito lenta, imagens muito antigas e experiência do usuário ruim em geral.

Detalhamos neste conteúdo as melhores práticas para um redesenho eficaz do site.

Se você possivelmente conhece algum outro truque que não compartilhamos neste conteúdo, sinta-se à vontade para compartilhá-lo conosco na seção de comentários.