Manual Completo eManual Completo eDefinitivo de umaDefinitivo de uma

PÁGINA INICIALPODEROSAA home de um site é muito importante para o seu negócio e quanto

mais poderosa e vendedora ela for, melhores serão os seus resultados.

O que você verá nestee-book?

As dicas que você verá nas próximas páginas foram construídas baseado em anos de experiência desenvolvendo projetos de clientes,onde aprendemos o que funcionava para um e o que não funcionava para outro. Cada nicho tem as suas características.

» Conceito

» Entendendo seu público alvo

» Topo da sua página inicial

» Área de conteúdo da sua página inicial

» Rodapé

» Ferramentas úteis

CONCEITO

1 - Conceito

Modelo de Wireframe do Youtube

A página inicial de um site ou lojavirtual é a porta de entrada para agrande maioria das pessoas. Pormais que hoje em dia com autilização do marketing de conteúdo,as pessoas acabem entrando porvárias páginas, mas a inicial sempreterá um papel de protagonismo.

Um bom projeto de site ou lojavirtual deve começar sempre comum bom wireframe, e após estudosminunciosos do seu público alvoentender e apresentar o queefetivamente faz sentido para ele.

1 - Conceito

O volume de informações que irão em cada um destes blocosnão será tema aqui neste e-book, porém é importantelembrar que o tempo das pessoas está cada vez mais escasso,por isso, apresentar objetivamente seu conteúdo éfundamental.

Uma boa página inicial de um SITE é composta de 3 blocos principais: Topo,Conteúdo e Rodapé. Já a página inicial de uma LOJA VIRTUAL é dividida em 4grandes blocos: Topo, Destaques, Produtos e Rodapé.

Nosso e-book está dividido nestes 3 blocos, e nas próximas páginas vamosapresentar dicas preciosas para que sua página inicial seja ainda maisencantadora e possa "prender" seu visitante, tornando seu conteúdo ainda maisatraente e convidativo.

Boa leitura! ;)

PÚBLICOEntendendo e conhecendo seu

ALVO

2 - Público Alvo

Para entender melhor este comportamento, faça uma pesquisa demercado na internet de como estão distribuídas as informações deseus concorrentes. Anote esta distribuição.

Posteriormente, responda algumas perguntas como:- O que meu futuro cliente gostaria de ver na minha página inicial?- O que faria meu atual cliente me visitar com recorrência?- Como posso mostrar ao meu público de que estou em constante mudança?

E com base no resultado da sua pesquisa de mercado e respostas acima, você játem condições de começar a enumerar os itens, do mais importante (deve ficarno topo) ao menos importante (mais próximo do rodapé).

Antes de iniciarmos com as dicas práticas, é importante que você entenda umconceito: Cada nicho de mercado tem um público alvo muito característico e essepúblico alvo deve ter seu comportamento respeitado.

TOPOda sua Página Inicial

3 - Topo da sua página inicial

Lembre-se que você tem que prender a atenção do seu visitantenos primeiros 3 a 5 segundos de visita ao seu site.

A primeira impressão é a que fica, seu site precisa passar uma primeiraimpressão incrível.

Nestes breves segundos, você precisa:- Mostrar quem é você (quem é sua empresa)- Qual a sua missão (qual missão da sua empresa)- Deixe claro para o visitante qual o seu propósito- Apresente claramente que dores você irá curar do seu cliente- Quais seus benefícios e pontos fortes

Deixe a sua logo bem destacada, sua marca precisa estar em evidência.Você precisa fazer o cliente lembrar-se dela.

3 - Topo da sua página inicial

Foi realizado um estudo nos Estados Unidos que ao entrar em um site as pessoasrealizam dois tipos de leitura, em Z e em F. Entenda como o seu conteúdo precisaestar distribuído para que tenha melhor compreensão.

3 - Topo da sua página inicial

Não coloque o telefone/email no topo do site, deixe apenaspara o rodapé. Faça seu visitante explorar sua página inicial.

Seu topo precisa ser claro. Deixe de fácil entendimento o acesso ao menu. Tenhaopções de menu claras e auto explicativas. Não faça seu visitante pensar muito, otempo dele vale ouro.

CUIDADO COM O MENU DO SEU SITEColoque apenas as opções realmente relevantes.E NÃO faça mais do que dois níveis de menu.

EMPRESA

VISÃO

MISSÃO

DIRETORIA

EMPRESA

VISÃO

MISSÃO

DIRETORIA

3 - Topo da sua página inicial

Use no máximo de 3 a 5 transições de banners.

O banner principal deve ocupar apenas 80% da tela, deixe espaço para que ovisitante sinta-se curioso para ver mais abaixo.

Capriche nas imagens, seja chamativo, incentive o clique.

Abaixo do banner pelo menos 3pontos fundamentais deexecução para o seu cliente,exemplo: compra destaque,clique para alguma página emespecial, produto novo ounotícia importante.

CONTEÚDOda sua Página Inicial

4 - Conteúdo da sua páginainicial

Seus diferenciais tem que estar em destaque, use barras, fontes chamativas eaguce a curiosidade do seu visitante. Mas evite o carnaval.

_____________________________________________________________________________________________________________________________________

A área de conteúdo da sua página inicial precisa apresentar alguns elementosfundamentais para que o visitante sinta-se atraído por seu site.

Destacar é diferente de poluir.

Use e abuse de CTA, banners e botões (utilize a medida de 3 conteúdospara 1 botão CTA relevante).

O QUE É CTA?Escrevi um artigo muitobacana e que certamenteirá lhe ajudar a entendermais sobre este termo tãoimportante para o seuprojeto.

CLIQUE AQUI.

Cuidado com páginas onepage (elas sãobacaninhas mas não são tão amigas doGoogle).

4 - Conteúdo da sua páginainicialCuidado com efeitos de abertura de página inicial, os conteúdos (e seus efeitos)podem não carregar direito e ficar bagunçado para o visitante. Estes efeitos são muito comuns em sites feitos em Wordpress, que conformevocê vai descendo a tela, eles vão surgindo e se montando no site.

Cuidado com ascores utilizadas

Mantenha umaharmonia de cores

Cor de fundo(background) com

contraste

É importante quehaja contraste

4 - Conteúdo da sua páginainicial

Se possível, mantenha seu menu sempre visível ou ofereça um botão de voltar aotopo de fácil acesso.

Tenha sempre um campo para newsletter.

RODAPÉda sua Página Inicial

5 - Rodapé

Cuidados especiais com o seu rodapé:

- Ele precisa ter uma cor diferente do resto do site (não obrigatório, mas indicado)- Repita a sua logo - Coloque links de acesso rápido (os mais importantes do seu menu - máx 5)- Ofereça opções sociais (facebook, twitter, instagram, linkedin, google plus)- Não faça um rodapé gigante, ele é o final do seu site, não um outro site dentrodo seu rodapé- Coloque formas de contato e - Informações legais

Pode parecer que o rodapé tem uma menor importância do que os demaisblocos que apresentei anteriormente, mas ledo engano, o rodapé tem papelimportante em uma estratégia de entrega de conteúdo na sua página inicial.

FERRAMENTASÚTEIS

6 - Ferramentas úteis

♥ Page Speed do Googlehttps://developers.google.com/speed/pagespeed/insights/Retorna como está o desempenho do seu site tanto no desktop quanto mobile.

♥ Teste de compatibilidade em dispositivos móveis do Googlehttps://www.google.com/webmasters/tools/mobile-friendly/?hl=pt-BRFerramenta útil criada pelo Google.

Guarde bem estes links, eles serão úteis para a sua análise de uma página inicialpoderosa. Ainda assim, são análises frias e que devem ser entendidas com seudesenvolvedor. Os resultados dos links abaixo são bem técnicos.

♥ Check My Colorshttp://www.checkmycolours.com/Informa se as cores do seu site estão sendo bem utilizadas.

♥ GTmetrix Page Speedhttps://gtmetrix.com/Utiliza o PageSpeed do Google e o do Yahoo como base e apresenta soluções de correção para tornar

seu site mais leve e acessível.

Rodrigo Maciel, prazer! ;)

Quer vender mais na internet?

Trabalho no digital desde 1998, quando abri minha agência de marketing digital.Em 2013, iniciei um profundo estudo do Marketing de Atração e desde entãolevo aos meus clientes o máximo de resultados na internet.

Precisa de consultoria de Marketing para Vendas? Estes são os meus contatos abaixo:

>> Visite meu site:www.rodrigomacielweb.com.br>> Meu e-mail:contato@rodrigomacielweb.com.br>> Curta minha fanpagewww.fb.com/rodrigomacielweb