Foi ótimo estar em Teresina no ultimo dia 5 de Julho/2014 e compartilhar algumas horas com todos vocês. Espero que tenham curtido e estamos a disposição em caso de qualquer duvida, sempre. Para melhorar, oferecemos um desconto de 25% em qualquer pacote Jimdo com o código PSIU2014. Aproveite hoje mesmo!

1. Oi, Teresina :)

2. Mas afinal, o que é
?

3. Qualquer um pode fazer
coisas incríveis na web.
11 milhões de usuários no mundo todo
12 linguas
Funcionários de 23 nacionalidades
Escritórios em Hamburg, San Francisco,
Shangai, Tokio e São Paulo

4. www.jimdo.com.br

5. App para iPhone e iPad
Best Apps 2013 escolhido pela Apple
350 mil download
Crie e edite seu site ou blog direto do
celular ou smartphone.
Aplicativo para Android em breve.

6. Suporte em Português
Gratuito
Equipe Brasileira e Portuguesa

7. Porque eu devo colocar o meu negócio na web?

8. seu cartão
de visitas

9. fácil
para
vender

10. encontre
novos
clientes

11. fidelize
os seus
clientes
atuais

12. 2013. Fonte: eBit
36
milhões de
pedidos
28
bilhões de
faturamento
24%
de crescimento
anual

13. 14%
12%
12%
9%
9%
Moda e Acessórios
Eletrodomésticos
Cosméticos e
Perfumaria
Informática
Livros/Revistas
2013. Fonte: eBit

14. Design profissional como arma secreta do seu negócio

15. Organize suas ideias
• Defina um plano de trabalho
• Estruture a informação
• Planeje as seções e o conteúdo de cada uma delas
• Defina a mensagem que você deseja transmitir
Objetivo
Resultado
Seus visitantes devem reconhecer claramente:
o que devem fazer, como, quando e onde
A navegação deve ser intuitiva e simples
Ou seja: Uma página fácil de usar

16. Comece pela estrutura
• Selecione a estrutura de acordo com as necessidades do seu visitante:
• Preste atenção:
• Largura e distribuição de cada área
• Cores e detalhes
Objetivo
Resultado
Encontrar equilíbrio entre forma e função,
usando o layout de forma efetiva
Melhor aproveitamento de espaços e
distribuição da informação

17. Cabeçalho
Rodapé
Navegação
Conteúdo
Barra lateral
(Sidebar)

18. Defina logo o plano de fundo
• Seleciona um estilo que não chame mais atenção do que o resto da sua página:
• Um plano de fundo neutro e plano ajuda a deixar o site leve;
• Cores claras facilitam a leitura;
• Cores escuram destacam o conteúdo, mas é preciso ter cuidado ao usá-las.
Objetivo
Resultado
Facilitar a leitura e
ressaltar o conteúdo de forma profissional
Um design simples e atrativo que ajuda
a manter a atenção dos seus visitantes

19. Usando uma imagem ou vídeo
como plano de fundo
• Use uma imagem chamativa e de boa qualidade
• Contraste o texto com o plano de fundo
• Alinhe a página de forma a destacar a imagem
• Faça com que a imagem ocupe todo o espaço
do fundo do site
• Utilize um cabeçalho transparente para destacar
o título

20. Preste atenção ao cabeçalho
• Planeje como utilizar da melhor forma, seja criativo
• Se usar imagem, preste atenção na qualidade do arquivo
• O título e a logomarca devem harmonizar com a imagem
Dicas Alternativas
• Use um cabeçalho transparente e inclua a imagem do topo no conteúdo.
Assim, você pode ter uma imagem diferente para cada pagina.
• Inclua apenas a logomarca no cabeçalho. Assim, você terá mais espaço
para o seu conteúdo.

21. Defina uma paleta de cores
• Defina uma paleta de cores para todas as páginas e seja consistente
• Use cores que sejam relevantes para seus visitantes e que estejam harmônicas com
as imagens que você irá utilizar
• Use as cores da paleta para destacar a informação de forma estratégica
Use no máximo 4 cores.
Lembre-se: Menos é mais.

22. Use a força gráfica dos textos
• O mais importante é que ele seja legível
• Limite o número de fontes
• Escolha uma fonte diferente para o título e uma simples para os textos
• Use os tamanhos dos títulos para estabelecer uma hierarquia
Para se lembrar
Tamanho recomendado: 14-16 px com espaçamento 1.5.
Nunca utilize fontes menores que 11px
Evite letras maiúsculas e sublinhadas
Combine corretamente as cores e os estilos

23. Faça bom uso do espaço
• Organize o conteúdo de forma funcional
• Use colunas para distribuir o conteúdo
• Mantenha um balanço entre informação e
espaço em branco
• Preste atenção aos pequenos detalhes. São
eles que fazem a diferença.

24. Foque no essencial
• Mantenha o design simples, para evitar
distrações
• Utilize a regra 80/20 - Apenas 20% do
conteúdo transmite 80% do valor e utilidade
da sua página
• Destaque-se pelo conjunto, e não por
elementos isolados

25. Mantenha o equilíbrio
• A informação que importa deve estar na parte superior do site. O visitante
deve ver tudo que precisa sem precisar descer.
• O conteúdo é o rei supremo. Desenhe seu site sem sacrificar o
posicionamento SEO. Inclua imagens incrível, mas não esqueça de incluir
textos relevantes para seu visitante.
• Utilize as chamadas de ação, conhecidas como call-to-action. Devem ser
claras, espalhas inteligentemente e com sentido. Evite o “Clique aqui”.

26. Impacte com imagens
• Só use imagens de alta qualidade
• Otimize suas imagens para tamanho e peso
corretos, para evitar deixar o site pesado
• Invista em imagens profissionais. Se não pode
gastar muito, dedique tempo para pesquisar e
encontrar boas opções gratuitas.

27. Seja esperto com widgets
• Dê preferência a HTML5 e evite o Flash
• Teste-os primeiro
• Não sobrecarregue sua página
• Use widgets funcionais que realmente tragam
valor ao visitante
• Evite os que distraiam o visitante do seu
conteúdo

28. Resumo
• Planeje antes de colocar a mão na massa
• Comece com o design do plano de fundo
• Seja criativo com o cabeçalho
• Siga o princípio da simplicidade: Menos é mais.
• Encontre o equilíbrio entre forma e função
• Otimize o conteúdo
• Revise, teste e experimente

29. Recursos recomendados
Combinar fontes:"
http://font-combinator.com
Combinar cores:"
http://www.colourlovers.com
Bancos de imagens:"
http://unsplash.com"
http://www.foter.com"
http://www.fotolia.com/jimdo"
http://pixabay.com
Edição de imagens:"
http://www.photoshop.com/tools"
http://www.pixlr.com/editor
Criar galerias e infográficos:"
http://www.slidesnack.com"
http://www.photosnack.com"
http://www.infogr.am
Aplicações recomendadas:"
http://ajuda.jimdo.com/ferramentas-externas/

30. SEO: Posicionando melhor o seu site no Google

31. Porque é
que o meu
site não
aparece no
Google?
Quero usar o
Webmaster
Tools!
O que são
meta-
tags?
O Google
não gosta de
mim?

32. Search Engine Optimization
SEO, sigla em inglês para Search Engine Optimization, é o trabalho de otimização realizado para melhorar o
posicionamento de sites na tela de resultados gratuitos de sites de busca como o Google e o Bing. O
Google representa aproximadamente 95% dos resultados de busca no Brasil.
Anúncios!
Tráfego de campanhas!
SEO!
Tráfego Orgânico!

33. São mais de 200 variáveis. Podemos dividi-los em 3 categorias:
On-page São os elementos que você tem controle em seu site: <Title>, Tags H1/H2/H3,
número de vezes que uma palavra-chave aparece em uma página, variações, negritos,
nomes das imagens, URLs, etc.
Off-page ou Link Building São os links apontando para o seu site de outros sites na
internet. Influenciam o posicionamento o texto âncora, PageRank do site de origem do
link, quantidade de links na página, etc.
Experiência do usuário e sinais sociais A experiência e feedback das pessoas navegando
pelo seu site são um forte indício de sua qualidade, e cada vez mais o Google leva esses
elementos em consideração.
O que o Google procura?

34. Seleção de palavras-chave
Uso das palavras-chave
Título e descrição de página
Conteúdo e estrutura da página
Promoção externa
Estratégia de SEO

35. Palavras-chave
Descubra quais são as suas
Ferramenta de palavras-chave do Google Adwords
Use no conteúdo e estrutura do seu site

36. Títulos e descrição da página e das subpáginas
Ter um domínio próprio com a mesma palavra-chave
Meta-tags

37. Conteúdo e estrutura do seu site
H1, H2, texto e links
Estrutura de navegação da página
Título 1 e 2 no conteúdo das páginas
Texto: negrito e links internos

38. Promoção externa
Essencial para gerar tráfego no início
Registrar página em Google WebmasterTools
GooglePlaces
Redes Sociais com links para o site

39. Importante
Manter site atualizado e com conteúdo “fresco”
Criar e manter um blog
Não copiar ou duplicar conteúdo

40. O poder das redes sociais

41. mídia social não é para qualquer um
Criar perfil no Facebook e no Twitter não é ter uma mídia social
Criar e multiplicar um exército para falar sobre você
A conversa é o que vale

43. poder multiplicador
Em 24 horas, mais de 4 mil novos fãs e 12 mil visualizações no Youtube
Em 6 meses, mais de 100 mil novos fãs no Facebook

45. adequar a estratégia para o seu objetivo
4 anos seguidos de projeto
14.500 participantes por ano
700.000 visualizações de página/mês
15.000 visualizações na versão mobile
Mais de 11.000 horas de exposição de marca

47. ofereça um bom serviço e deixe a internet te promover
305% de aumento no número de avaliações
Prêmio de resort mais bem avaliado da América Latina pelo TripAdvisor
Aumento na nota geral do resort no TripAdvisor de 90% para 96%
169% de aumento nos acessos ao site do resort
469% de aumento no numero de fãs no Facebook (Terceiro maior do mundo)
37% de aumento no numero de reservas feitas pela internet

48. seja autentico
Não faça campanhas falsas, não diga
mentiras ou garanta coisas que você não
possa cumprir ou que sejam inverdades.
A tecla para o sucesso é a transparência.
Quanto mais sincero e honesto você for,
igualmente seus usuários e respectivos
clientes serão leais a você e a sua marca.

49. Incrivelmente, muitas empresas não
oferecem a devida atenção aos seus
clientes, fazem o que querem, não
importam com o que seus consumidores
querem ou com o que eles estão dizendo
ou sugerindo. Lembre-se: você deve
sempre ouvir a sua comunidade, ou
melhor, ouvir cada vez mais.
ouça sempre

50. seja consistente
Os seus esforços de mídia tradicional e
da mídia online devem trabalhar juntas.
As pessoas têm de interagir com a sua
marca em todas as plataformas, sem
quaisquer problemas. Mídia social e os
serviços de atendimento ao cliente
precisam sempre trabalhar em sincronia.

51. saia da caixa
Mídia social inclui muitos aspectos, tais
como lista de e-mails, fóruns, grupos ou
comunidades de usuários, serviços para
compartilhar fotos e vídeos, podcast,
bookmarking para sites sociais e
comunidade online por nicho. Tudo isso
faz parte do mix que forma a mídia social.

52. relacione-se
Como o próprio nome sugere, mídia
social tem por propósito ser totalmente
social e construir relacionamentos
significativos com os seus clientes a fim
de influenciá-los ao longo do tempo. Não
espere surgir problemas ou condições
especiais. Comece o quanto antes a
interagir com os seus clientes.

53. seja paciente
É natural ficar irritado quando se recebe um insulto,
reclamação ou sugestão. Porém, o melhor que se tem a fazer
é respirar fundo e esperar os ânimos esfriarem. Não responda
quando você estiver sem bom humor, pois um pequeno
comentário pode fazer um estrago enorme na sua imagem e
na sua marca. Você representa a sua marca, sempre pondere
sobre as consequências. Desenhe um plano de resposta,
corresponda da melhor forma plausível o seu cliente.

54. seja autentico
A mídia social é uma grande plataforma
para se experimentar coisas novas.
Desenvolva um plano: o que, quem,
quando, como e por que. Você não
precisa de nada mais do que isso para
começar de maneira correta sua
estratégia de mídia social.

55. Facebook Ads e Google Adwords

57. Porque anunciar no Facebook?
Mais de 1 bilhão de usuários
Segmentação
Custos baixos
Alta Conversão
Resultados mensuráveis
Fator Social

58. O que eu preciso?
Conta do Facebook
Facebook do seu negócio/empresa
Site da sua empresa
Para publicar os anúncios: Cartão de crédito

59. Criando uma página do
Facebook para o seu negócio

67. Planejando a sua campanha

68. Defina o seu objetivo
Ganhar novos fãs?
Novos visitantes?
Vendas dentro do seu site?

69. Definindo a sua verba
Existem dois tipos de pagamento para o Facebook:
CPC: Custo por clique. Você paga um valor para o Facebook toda vez
que alguém clica no seu anúncio.
CPM: Custo por mil. Você paga um valor para o Facebook a cada mil
exibições do seu anúncio.

70. Definindo a sua verba
Qual o melhor para o meu negócio?
Vendas, novos visitantes, novos usuários, novos fãs: CPC
Branding: CPM

71. Definindo a sua verba
Quanto gastar?
Depende da segmentação. Comece com um lance de R$ 1,00 por
clique e ajuste a campanha no dia a dia.

72. Definindo seu público
Todo o Brasil ou apenas sua cidade?
Apenas mulheres? Homens?
A idade é um fator importante para o seu negócio?
Existe um interesse em comum entre seu público?

73. Definindo seu público
Quanto mais segmentado, maiores as chances de atingir o seu
publico-alvo e ter um retorno melhor para o seu investimento.
Segmentar para uma base muito pequena pode limitar a exibição
dos seus anúncios.

74. Criando a sua campanha

86. Relatórios

94. Porque anunciar no Adwords?
Site mais acessado do mundo
Buscas precisas pelo seu produto/serviço
Maior efetividade
Custos competitivos
Resultados mensuráveis

95. O que eu preciso?
Uma conta de Gmail
Cartão de crédito ou boleto
Site da sua empresa

96. Display ou Search?
Display: É exibido para a rede de sites associados do Google,
incluindo grandes portais. Pode ser apenas texto ou anúncios
gráficos. O Google exibe a partir de contexto.
Search: Anúncios nos resultados de busca. Apenas texto e é
exibido a partir da ativação de palavras-chaves que você escolhe.

113. Jimdo <3 Teresina
Desconto de 25%
Qualquer plano
PSIU2014

114. contatos
nilson@jimdo.com
Twitter: @nljunior
Instagram: @nljunior
Facebook: /nil.junior
LinkedIn: /nilsonjunior

115. Muito obrigado!