Você está na página 1de 23

O GUIA DEFINITIVO

PARA REDESIGN
DE SITES

Introduo
O que o redesign de sites
O que levar em conta antes de fazer
Se realmente necessrio, qual era o nmero de acessos do site anterior, se os
usurios se adaptaro ao novo design e se ele ser mobile friendly.

Planejamento
Budget
Objetivos
Metas

Melhores prticas
Sites
Blogs
Landing pages

Exemplos famosos de redesign de sites


Wikipedia
Facebook
Ita Bankline
LinkedIn
Gmail

Como o redesign ajuda na converso


Qual o impacto que esses detalhes tero nas converses e de qual forma.

Como mensurar e apresentar essa melhora diretoria


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

Concluso
Sobre a Smartalk
Sobre a Ingage

INTRO
DUO

Redesenhar um site no se trata apenas de dar-lhe uma nova cara.


Qualquer projeto em design implica em esttica, mas tambm em
funcionalidade e o redesign de sites no exceo.
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 relao da plataforma com o
pblico. Ou seja, preciso levar em
considerao todos os fatores que
esto envolvidos na experincia do
usurio com o seu site: aparncia,
leitura,
contedo,
navegao,
mobilidade, interatividade, relao
com mecanismos de buscas e redes
sociais.
O redesign deve ter como objetivo
principal melhorar todos esses
fatores, de forma a potencializar a
experincia do pblico com o site.
Em outras palavras: o seu site deve
se tornar mais bonito, mas tambm
mais acessvel, 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. Sero 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 execuo do projeto. Dessa forma, a nossa
primeira dica : d um passo atrs e tente visualizar o cenrio como um todo,
a famosa big picture.
O que voc ou a sua empresa pretende obter com o redesign? Quais so as
suas metas? Essas demandas podem ser respondidas pelo redesign de um site?
Responda a cada um desses questionamentos e organize um esboo para esse
cenrio. Essa ao pode evitar que o projeto seja conduzido sem clareza ou
que se supervalorize a capacidade do trabalho de responder a demandas que
possam no ser responsabilidade do redesign de sites.

Redesenhar um site uma alternativa poderosa, mas que no ir resolver todos


os problemas de uma marca. Aps esses questionamentos, caso voc julgue
que o redesign ir ajudar a alcanar os seus objetivos, preciso avaliar quais as
qualidades e quais os problemas que voc consegue identificar no site atual.
Como est o nmero de acessos e a permanncia na pgina? Quais os
principais empecilhos de navegabilidade na plataforma atual? O que ela traz
de positivo? Qual porcentagem do acesso vem de dispositivos mveis? O seu
site formulado para ser acessado por esses dispositivos? Qual a forma
de armazenamento de dados da sua pgina? Quais limitaes 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 limitaes e qualidades da plataforma atual e o que deve ser mantido
e descartado no novo site. com esse cenrio traado 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 execuo 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 considerao nesta etapa!

BUDGET

Como j explicamos, comece com uma checklist das limitaes 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 dispe 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 situao?

Metas

No apenas preciso ter claro quais os objetivos que voc persegue com
o novo site, mas tambm importante quantifica-los quando possvel. Voc
pretende dobrar o acesso pgina? Em quanto tempo? O objetivo engajar
mais o pblico? Quantos comentrios por postagem voc deseja alcanar?
Quantos compartilhamentos em redes sociais? Qual a produo mnima de
contedo novo voc deseja alcanar? Qual o ritmo de postagens, imagens,
vdeos voc considera desejvel? importante que a sua marca alcance um
pblico especfico? Qual faixa etria, classe social ou grupo voc pretende
engajar? Qual porcentagem dos acessos devem vir do seu pblico prioritrio?
Em relao a dispositivos mveis: 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 lanamento
do novo site, as metas podem ser especficas e diferenciadas das de outros
perodos.

MELHORES
PRTICAS

SITES

Agora regra: todos os sites precisam ser projetados para plataformas mveis,
como smartphones e tablets. Pginas que no possuem verso mobile perdem
inmeros pontos no ranqueamento de mecanismos de busca.
As mais recentes alteraes nos algoritmos de indexao do Google s
reforaram essa penalizao. Dessa forma, pensar na interface para dispositivos
mveis um passo obrigatrio para o sucesso do seu novo design de site.
Voc pode tanto optar por ter duas verses, uma padro e outra mobile, ou
investir em um design responsivo que se adapte aos diferentes formatos de
tela. Nesse sentido, a leitura tambm um quesito fundamental para o sucesso
do seu site.
preciso ter em mente que o contedo do seu site precisa ser legvel em
diversas plataformas e em diversos formatos de telas diferentes. Nunca faa
uma escolha esttica que comprometa a capacidade do pblico de ler qualquer
informao.
A otimizao para mecanismos de busca tambm uma questo central para
sites. Aplicar corretamente tcnicas de SEO (Search Engine Optimization)
influencia consideravelmente o acesso sua pgina.

Tambm preciso considerar a integrao do seu site com as suas redes


sociais. Muito alm de simplesmente acrescentar botes plataforma, voc
deve considerar quais interaes do seu site com essas redes so estratgicas.
H sites que permitem compartilhar contedo nas redes sociais apenas pela
seleo de um trecho do texto, por exemplo. Em diversas pginas, a seo de
comentrios integrada a perfis em redes sociais.
Tente conciliar inovaes no redesign do site com fidelidade esttica da sua
marca, exceto se voc for operar uma mudana total na identidade visual. Avalie
quais fontes, quais cortes e quais formas so caractersticas da sua marca e
empregue esses elementos de forma a manter a coeso para que a identidade
da sua empresa seja reconhecvel.
Pense cuidadosamente na arquitetura de navegao do novo site. De nada
adianta montar um site belssimo, com pginas repletas de contedo interativo
e dinmico, se os usurios tiverem dificuldades para navegar e encontrar o que
desejam.
A arquitetura de um site no deve ser ramificada ao extremo e a navegao
do usurio deve ser a mais intuitiva possvel! Sites que exigem que o usurio
faa vrios cliques e vrias manobras complicadas para acessar determinado
contedo tendem a ficar com reas subacessadas e a perder o retorno dos
seus usurios.
Nunca se esquea de se certificar que os redirecionamentos de endereo
estejam funcionando corretamente para evitar que o seu site leve a pginas
no encontradas, imagens ausentes ou problemas de download de arquivos.
Esse tipo de problema, alm de ser pssimo para a experincia do usurio,
prejudica consideravelmente o ranqueamento em mecanismos de busca.
Por ltimo, mas no menos relevante, lembre-se que fundamental que sites
possuam contedo relevante. Alm de terem impacto para mecanismos de
busca, contedo relevante fundamental para atrair e manter o seu pblico.
Avalie se junto ao redesign do site pode ser interessante uma reescrita do
contedo da sua plataforma.

BLOG
A maior parte das plataformas de hospedagem de blogs j adaptada aos
dispositivos mveis. Isso se torna uma preocupao 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 tambm costumam ter
painis para otimizao de mecanismos de busca muito acessveis e fceis de
serem operados.
Faa uma anlise se esses parmetros esto bem regulados no blog e aplique as
correes necessrias. No se esquea de considerar uma reviso no contedo
das postagens e desenvolver um guia editorial e de SEO para as publicaes
futuras.
Vrios servios de hospedagem de blogs oferecem plugins e complementos
muito versteis e que podem acrescentar funcionalidades interessantes para o
seu blog, de contedo interativo conexo a redes sociais. Faa uma pesquisa
de plugins disponveis e considere a aplicao desses complementos no
redesign do seu blog.
Caso o redesign implique em alterao de endereos, certifique-se que os
hiperlinks estejam funcionando corretamente para evitar que os usurios
acabem em pginas no 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 inovaes no design.

LANDING
PAGES
Uma landing page uma pgina que tem um nico objetivo, na maior parte
das vezes, o de gerar leads (conseguir contatos dos usurios para formar a sua
base de dados de potenciais clientes).
Trata-se de uma pgina que costuma ser formada de um ttulo chamativo, texto
conciso, imagens atraentes, botes de compartilhamento e um formulrio, que
a forma de conseguir o cadastro dos usurios.
As landing pages possibilitam uma certa flexibilidade voc no precisa seguir
risca o design do site e pode inovar de forma a tornar a mensagem mais
atraente, gerando o mximo de converses possveis. Utilize recursos visuais,
como imagens cativantes ou grficos atrativos. A landing page ideal deve ser
simples, clara e direta. O usurio no deve encontrar dificuldades de entender
qual a proposta. Voc pode utilizar a regra dos cinco segundos: se no for
possvel ter uma impresso geral do que se trata em cinco segundos, preciso
repensar a pgina.
No se esquea de utilizar um call to action, ou seja, comando que instigue o
usurio a realizar a ao 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
FACEBOOK

A mais famosa enciclopdia


colaborativa foi transformada
pelo designer alemo George
Kvasnikov.
Um
trabalho
focado em simplicidade no
design para web, facilidade
de navegao e opes de
interao para leitura e edio.

A
rede
social
mais
utilizada pelos brasileiros!
Foi redesenhada pelo
indiano Monish.

LINKEDIN

ITA BANKLINE

O filipino Ramil Derogongun


redesenhou a rede social
profissional LinkedIn. Mudou
para uma interface mais
amigvel, leve e que valoriza
as imagens.

Neste caso, o curitibano


Felipe Mendes elaborou um
redesign da pgina do Ita.
Focado em usabilidade e em
efeitos visuais!

GMAIL
O ucraniano Ruslan Aliev
refez a interface do Gmail.
Focou em simplicidade de
navegao e em interao e
customizao de cores.

redesign ajuda na
converso?
COMO O

Neste ponto do texto, voc j deve ter percebido como um redesign inteligente
potencializa o seu site, facilitando a navegao, criando interfaces mais atraentes
e otimizando a relao com mecanismos de busca e com redes sociais. Assim,
uma consequncia 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 aps o redesenho, o site aumentou a captura
de e-mails em 133%; as visitas em 65%; as pginas visitadas em 74%; o tempo
de visita em 40 segundos; diminuiu a taxa de rejeio em 7%; e aumentou a
qualidade dos comentrios.

Como mensurar
e apresentar
essa melhorIa diretoria

Aplicado um projeto de redesign, preciso avaliar se


os ganhos alcanaram as metas estabelecidas. Existem
diversas ferramentas para esse fim.
A mais popular o Google Analytics, que monitora no
apenas os acessos, o tempo de visita e a rejeio, mas
tambm a origem dos usurios, o tipo de dispositivo
usado, as palavras-chave mais buscadas e as fontes de
sada do site. Aps recolher essas informaes, capriche
na apresentao dos dados para a diretoria!
De nada adianta ter as melhores informaes e entreglas na forma de relatrios extensos e desinteressantes.
Valorize a sua apresentao com imagens e com grficos,
use fontes grandes e legveis, retire informaes que no
sejam essenciais e utilize cores contrastantes entre si.
Dica: caso possvel, aplique animaes e outros
efeitos visuais para guiar a apresentao. A Smartalk
especializada em expor contedo de forma sucinta e
impactante, criando estratgias para quebrar a monotonia
e trazer resultados para negcios!

CONCLUSO

Como voc pde perceber neste e-book, o redesign de sites um


processo amplo que vai muito alm da simples preocupao esttica.
Forma e funcionalidade devem ser trabalhadas em conjunto para que
a sua nova pgina alcance os objetivos estratgicos da sua marca.
Quando planejado corretamente e bem executado, o redesenho de
uma pgina pode trazer benefcios expressivos para a sua empresa,
ampliando o acesso, as converses e construindo positivamente
a reputao da sua marca. Siga o nosso passo a passo, avalie os
resultados e crie apresentaes engajadoras com o que voc obter a
partir do redesign do seu site.

SOBRE A
SMARTALK
A Smartalk pode te ajudar nessa tarefa! Ns pensamos em cada um desses
aspectos de suas apresentaes. Por meio de uma metodologia de trabalho
prpria, ns auxiliamos nos processos de planejamento, roteirizao
(storytelling), criao e treinamento de clientes. Ns entendemos que cada
um precisa de formatos customizados de apresentaes, por isso nossos
trabalhos so to nicos. Visite nosso site e descubra mais informaes
sobre nossos servios.

SOBRE A
INGAGE
A Ingage uma agncia mineira especializada em Marketing
Digital. Com a experincia adquirida, desenvolve estratgias
inovadoras e eficientes para que seu negcio se transforme em
referncia na internet.
Com o DNA marcado pela ousadia e multidisciplinaridade, a
Ingage busca otimizar os resultados da comunicao dos seus
clientes com o target ideal, oferecendo sempre as melhores
solues em Marketing Digital.
A empresa abrange as reas de SEO, Links Patrocinados, Gesto
de Redes Sociais e Inbound Marketing, fazendo com que os
anncios sejam exibidos de maneira segmentada e relevante,
aproximando as empresas dos clientes de modo que se crie
um relacionamento slido e posicionando melhor a marca e as
aes das empresas nas ferramentas de busca.
O atendimento gil, o excelente desenvolvimento de estratgias
online e a qualidade das campanhas fazem da Ingage uma
empresa destaque no seu segmento, tanto que sua atuao j
rompe as fronteiras de Minas Gerais.

Interesses relacionados