O GUIA DEFINITIVO

PARA REDESIGN
DE SITES
 Introdução

O que é o redesign de sites

O que levar em conta antes de fazer

Se é realmente necessário, qual era o número de acessos do site anterior, se os
usuários se adaptarão ao novo design e se ele será mobile friendly.

Planejamento
Budget
Objetivos
Metas

Melhores práticas
Sites
Blogs
Landing pages

Exemplos famosos de redesign de sites

Wikipedia
Facebook
Itaú Bankline
LinkedIn
Gmail

Como o redesign ajuda na conversão

Qual o impacto que esses detalhes terão nas conversões e de qual forma.

Como mensurar e apresentar essa melhora à diretoria

Quais ferramentas utilizar para mensurar a melhora da conversão e como
apresentar esses dados de forma impactante dentro da empresa.

Conclusão

Sobre a Smartalk

Sobre a Ingage
INTRO
DUÇÃO

Redesenhar um site não se trata apenas de dar-lhe uma nova “cara”.

Qualquer projeto em design implica em estética, mas também em
funcionalidade — e o redesign de sites não é exceção.

Está curioso para compreender mais esse conceito? Aproveite o nosso

e-book e entenda tudo de Redesign de Sites!
O que é o
redesign
de sites?
Desenvolver um novo desenho
para um site significa repensar
a relação da plataforma com o
público. Ou seja, é preciso levar em
consideração todos os fatores que
estão envolvidos na experiência do
usuário com o seu site: aparência,
leitura, conteúdo, navegação,
mobilidade, interatividade, relação
com mecanismos de buscas e redes
sociais.

O redesign deve ter como objetivo

principal melhorar todos esses
fatores, de forma a potencializar a
experiência do público com o site.
Em outras palavras: o seu site deve
se tornar mais bonito, mas também
mais acessível, mais funcional e
mais eficaz.
O que levar em conta antes de fazer
redesign
de sites?
Antes de iniciar o redesign de um site, é preciso ter em mente que esse tipo de
projeto é, na maior parte das vezes, uma empreitada complexa. Serão muitos
os elementos que você deverá avaliar e modificar.

Provavelmente, você precisará reunir uma equipe multidisciplinar para realizar

o trabalho (designers, programadores e comunicadores). Isso implica em
um tempo de planejamento e de execução do projeto. Dessa forma, a nossa
primeira é dica é: dê um passo atrás e tente visualizar o cenário como um todo,
a famosa “big picture”.

O que você ou a sua empresa pretende obter com o redesign? Quais são as
suas metas? Essas demandas podem ser respondidas pelo redesign de um site?

Responda a cada um desses questionamentos e organize um esboço para esse

cenário. Essa ação pode evitar que o projeto seja conduzido sem clareza ou
que se supervalorize a capacidade do trabalho de responder a demandas que
possam não ser responsabilidade do redesign de sites.
Redesenhar um site é uma alternativa poderosa, mas que não irá resolver todos
os problemas de uma marca. Após esses questionamentos, caso você julgue
que o redesign irá ajudar a alcançar os seus objetivos, é preciso avaliar quais as
qualidades e quais os problemas que você consegue identificar no site atual.

Como está o número de acessos e a permanência na página? Quais os

principais empecilhos de navegabilidade na plataforma atual? O que ela traz
de positivo? Qual porcentagem do acesso vem de dispositivos móveis? O seu
site é formulado para ser acessado por esses dispositivos? Qual é a forma
de armazenamento de dados da sua página? Quais limitações ela oferece?
Quais as vantagens? O que você deseja manter da proposta atual? O que você
pretende descartar?

Uma boa ideia é fazer um checklist com esses pontos e, ao final, separar
entre limitações e qualidades da plataforma atual e o que deve ser mantido
e descartado no novo site. É com esse cenário traçado que você poderá
dimensionar com mais propriedade o trabalho para redesenhar o seu site.
Lembre-se: quanto mais claro estiver a checklist, mais fiel estará o planejamento
da execução e mais chances você terá de conseguir bons resultados com o
redesign do site.
PLANEJA
MENTO

É fundamental elaborar, cuidadosamente, um planejamento para o redesign do

seu site. Confira o que você deve levar em consideração nesta etapa!
 BUDGET

Como já explicamos, comece com uma checklist das limitações e qualidades

da plataforma atual e o que deve ser mantido e descartado. Lembre-se que
o redesign se trata de um trabalho complexo, que irá provavelmente envolver
uma equipe multidisciplinar e que pode incorrer em atrasos e em aumento
do escopo de trabalho. Considere quais os recursos que você dispõe para o
projeto, tanto financeiros quanto de tempo.
 OBJETIVOS

Como apontamos anteriormente, o primeiro passo no redesign de site deve ser

elaborar claramente quais os objetivos da sua empresa com o projeto. A meta
é simplesmente aumentar o acesso ao site? O redesenho quer destacar uma
novidade ou novo empreendimento da sua empresa? A empresa passa por
alguma crise institucional e a nova plataforma é uma resposta a essa situação?
 Metas

Não apenas é preciso ter claro quais os objetivos que você persegue com
o novo site, mas também é importante quantifica-los quando possível. Você
pretende dobrar o acesso à página? Em quanto tempo? O objetivo é engajar
mais o público? Quantos comentários por postagem você deseja alcançar?
Quantos compartilhamentos em redes sociais? Qual a produção mínima de
conteúdo novo você deseja alcançar? Qual o ritmo de postagens, imagens,
vídeos você considera desejável? É importante que a sua marca alcance um
público específico? Qual faixa etária, classe social ou grupo você pretende
engajar? Qual porcentagem dos acessos devem vir do seu público prioritário?
Em relação a dispositivos móveis: você pretende aumentar o acesso ao seu site
desses aparelhos? Quanto? Em quanto tempo?

Lembre-se que as metas podem ser pensadas em etapas. Durante o lançamento

do novo site, as metas podem ser específicas e diferenciadas das de outros
períodos.
MELHORES
PRÁTICAS
 SITES

Agora é regra: todos os sites precisam ser projetados para plataformas móveis,
como smartphones e tablets. Páginas que não possuem versão mobile perdem
inúmeros pontos no ranqueamento de mecanismos de busca.

As mais recentes alterações nos algoritmos de indexação do Google só

reforçaram essa penalização. Dessa forma, pensar na interface para dispositivos
móveis é um passo obrigatório para o sucesso do seu novo design de site.

Você pode tanto optar por ter duas versões, uma padrão e outra mobile, ou
investir em um design responsivo que se adapte aos diferentes formatos de
tela. Nesse sentido, a leitura também é um quesito fundamental para o sucesso
do seu site.

É preciso ter em mente que o conteúdo do seu site precisa ser legível em
diversas plataformas e em diversos formatos de telas diferentes. Nunca faça
uma escolha estética que comprometa a capacidade do público de ler qualquer
informação.

A otimização para mecanismos de busca é também uma questão central para

sites. Aplicar corretamente técnicas de SEO (Search Engine Optimization)
influencia consideravelmente o acesso à sua página.
Também é preciso considerar a integração do seu site com as suas redes
sociais. Muito além de simplesmente acrescentar botões à plataforma, você
deve considerar quais interações do seu site com essas redes são estratégicas.
Há sites que permitem compartilhar conteúdo nas redes sociais apenas pela
seleção de um trecho do texto, por exemplo. Em diversas páginas, a seção de
comentários é integrada a perfis em redes sociais.

Tente conciliar inovações no redesign do site com fidelidade à estética da sua

marca, exceto se você for operar uma mudança total na identidade visual. Avalie
quais fontes, quais cortes e quais formas são características da sua marca e
empregue esses elementos de forma a manter a coesão para que a identidade
da sua empresa seja reconhecível.

Pense cuidadosamente na arquitetura de navegação do novo site. De nada

adianta montar um site belíssimo, com páginas repletas de conteúdo interativo
e dinâmico, se os usuários tiverem dificuldades para navegar e encontrar o que
desejam.

A arquitetura de um site não deve ser ramificada ao extremo e a navegação

do usuário deve ser a mais intuitiva possível! Sites que exigem que o usuário
faça vários cliques e várias manobras complicadas para acessar determinado
conteúdo tendem a ficar com áreas subacessadas e a perder o retorno dos
seus usuários.

Nunca se esqueça de se certificar que os redirecionamentos de endereço

estejam funcionando corretamente para evitar que o seu site leve a páginas
não encontradas, imagens ausentes ou problemas de download de arquivos.
Esse tipo de problema, além de ser péssimo para a experiência do usuário,
prejudica consideravelmente o ranqueamento em mecanismos de busca.

Por último, mas não menos relevante, lembre-se que é fundamental que sites
possuam conteúdo relevante. Além de terem impacto para mecanismos de
busca, conteúdo relevante é fundamental para atrair e manter o seu público.
Avalie se junto ao redesign do site pode ser interessante uma reescrita do
conteúdo da sua plataforma.
 BLOG

A maior parte das plataformas de hospedagem de blogs já é adaptada aos

dispositivos móveis. Isso se torna uma preocupação a menos no momento do
redesign de um blog.

Entretanto, você pode considerar investir em um modelo com design

responsivo. As plataformas de hospedagem de blogs também costumam ter
painéis para otimização de mecanismos de busca muito acessíveis e fáceis de
serem operados.

Faça uma análise se esses parâmetros estão bem regulados no blog e aplique as
correções necessárias. Não se esqueça de considerar uma revisão no conteúdo
das postagens e desenvolver um guia editorial e de SEO para as publicações
futuras.

Vários serviços de hospedagem de blogs oferecem plugins e complementos

muito versáteis e que podem acrescentar funcionalidades interessantes para o
seu blog, de conteúdo interativo à conexão a redes sociais. Faça uma pesquisa
de plugins disponíveis e considere a aplicação desses complementos no
redesign do seu blog.

Caso o redesign implique em alteração de endereços, certifique-se que os

hiperlinks estejam funcionando corretamente para evitar que os usuários
acabem em páginas não encontradas, tenham problemas para acessar arquivos
ou enfrentem outras mensagens de erro do tipo. Assim como nos sites, é
interessante avaliar quais elementos da identidade visual da marca devem ser
mantidos, mesmo com as inovações no design.
LANDING
PAGES

Uma landing page é uma página que tem um único objetivo, na maior parte
das vezes, o de gerar leads (conseguir contatos dos usuários para formar a sua
base de dados de potenciais clientes).

Trata-se de uma página que costuma ser formada de um título chamativo, texto
conciso, imagens atraentes, botões de compartilhamento e um formulário, que
é a forma de conseguir o cadastro dos usuários.

As landing pages possibilitam uma certa flexibilidade — você não precisa seguir
à risca o design do site e pode inovar de forma a tornar a mensagem mais
atraente, gerando o máximo de conversões possíveis. Utilize recursos visuais,
como imagens cativantes ou gráficos atrativos. A landing page ideal deve ser
simples, clara e direta. O usuário não deve encontrar dificuldades de entender
qual a proposta. Você pode utilizar a regra dos cinco segundos: se não for
possível ter uma impressão geral do que se trata em cinco segundos, é preciso
repensar a página.

Não se esqueça de utilizar um “call to action”, ou seja, comando que instigue o

usuário a realizar a ação que gera o lead.

Você pode inclusive desenvolver um teste A/B, ou seja, elaborar duas landing
pages com propostas visuais diferentes, avaliar qual tem mais acesso e, depois,
manter a que tiver melhores resultados.
EXEMPLOS
FAMOSOS
DE SITES
 WIKIPEDIA
A mais famosa enciclopédia FACEBOOK
colaborativa foi transformada
pelo designer alemão George A rede social mais
Kvasnikov. Um trabalho utilizada pelos brasileiros!
focado em simplicidade no Foi redesenhada pelo
design para web, facilidade indiano Monish.
de navegação e opções de
interação para leitura e edição.

ITAÚ BANKLINE LINKEDIN

O filipino Ramil Derogongun
Neste caso, o curitibano
redesenhou a rede social
Felipe Mendes elaborou um
profissional LinkedIn. Mudou
redesign da página do Itaú.
para uma interface mais
Focado em usabilidade e em
amigável, leve e que valoriza
efeitos visuais!
as imagens.

GMAIL
O ucraniano Ruslan Aliev
refez a interface do Gmail.
Focou em simplicidade de
navegação e em interação e
customização de cores.
 redesign ajuda na
COMO O
conversão?

Neste ponto do texto, você já deve ter percebido como um redesign inteligente
potencializa o seu site, facilitando a navegação, criando interfaces mais atraentes
e otimizando a relação com mecanismos de busca e com redes sociais. Assim,
uma consequência natural de um bom projeto de redesign é o aumento do
acesso ao seu site. Para se ter um exemplo: Rafael Seabra, fundador do site
Quero Ficar Rico, comenta que após o redesenho, o site aumentou a captura
de e-mails em 133%; as visitas em 65%; as páginas visitadas em 74%; o tempo
de visita em 40 segundos; diminuiu a taxa de rejeição em 7%; e aumentou a
qualidade dos comentários.
Como mensurar
e apresentar
essa melhorIa à diretoria

Aplicado um projeto de redesign, é preciso avaliar se

os ganhos alcançaram as metas estabelecidas. Existem
diversas ferramentas para esse fim.

A mais popular é o Google Analytics, que monitora não

apenas os acessos, o tempo de visita e a rejeição, mas
também a origem dos usuários, o tipo de dispositivo
usado, as palavras-chave mais buscadas e as fontes de
saída do site. Após recolher essas informações, capriche
na apresentação dos dados para a diretoria!

De nada adianta ter as melhores informações e entregá-

las na forma de relatórios extensos e desinteressantes.
Valorize a sua apresentação com imagens e com gráficos,
use fontes grandes e legíveis, retire informações que não
sejam essenciais e utilize cores contrastantes entre si.

Dica: caso possível, aplique animações e outros

efeitos visuais para guiar a apresentação. A Smartalk é
especializada em expor conteúdo de forma sucinta e
impactante, criando estratégias para quebrar a monotonia
e trazer resultados para negócios!
CONCLUSÃO

Como você pôde perceber neste e-book, o redesign de sites é um

processo amplo que vai muito além da simples preocupação estética.
Forma e funcionalidade devem ser trabalhadas em conjunto para que
a sua nova página alcance os objetivos estratégicos da sua marca.

Quando planejado corretamente e bem executado, o redesenho de

uma página pode trazer benefícios expressivos para a sua empresa,
ampliando o acesso, as conversões e construindo positivamente
a reputação da sua marca. Siga o nosso passo a passo, avalie os
resultados e crie apresentações engajadoras com o que você obter a
partir do redesign do seu site.
SOBRE A
SMARTALK

A Smartalk pode te ajudar nessa tarefa! Nós pensamos em cada um desses

aspectos de suas apresentações. Por meio de uma metodologia de trabalho
própria, nós auxiliamos nos processos de planejamento, roteirização
(storytelling), criação e treinamento de clientes. Nós entendemos que cada
um precisa de formatos customizados de apresentações, por isso nossos
trabalhos são tão únicos. Visite nosso site e descubra mais informações
sobre nossos serviços.
SOBRE A
INGAGE
A Ingage é uma agência mineira especializada em Marketing
Digital. Com a experiência adquirida, desenvolve estratégias
inovadoras e eficientes para que seu negócio se transforme em
referência na internet.

Com o DNA marcado pela ousadia e multidisciplinaridade, a

Ingage busca otimizar os resultados da comunicação dos seus
clientes com o target ideal, oferecendo sempre as melhores
soluções em Marketing Digital.

A empresa abrange as áreas de SEO, Links Patrocinados, Gestão

de Redes Sociais e Inbound Marketing, fazendo com que os
anúncios sejam exibidos de maneira segmentada e relevante,
aproximando as empresas dos clientes de modo que se crie
um relacionamento sólido e posicionando melhor a marca e as
ações das empresas nas ferramentas de busca.

O atendimento ágil, o excelente desenvolvimento de estratégias

online e a qualidade das campanhas fazem da Ingage uma
empresa destaque no seu segmento, tanto que sua atuação já
rompe as fronteiras de Minas Gerais.