O documento discute a implantação de um blog, abordando os seguintes tópicos: 1) infraestrutura e componentes de um blog; 2) uso de logotipo e marca em blogs; 3) wireframes e layouts comuns em blogs com WordPress.

1. SÃO PAULO RIO DE JANEIRO RIBEIRÃO BONITO
Educação Executiva em Redes Sociais
Luciano Palma

2. Implantação - Blog
 Infraestrutura de um Blog
 Componentes de um Blog
 Wireframe/Layout
 Widgets e Plugins
 Processo de
Criação de um Blog

3. Implantação – Blog – Logo/Marca
 Uso de logo no Blog
 Trabalhando a marca

4. Implantação – Blog – Logo/Marca
 O Logo identifica
a marca
 Pessoas
se identificam
com a marca…
… e “sentem-se
donas” do Logo
 Redes Sociais
potencializam
os processos

5. Implantação – Blog – Logo/Marca
Discussão: Qual a sua reação como consumidor?
Blog Blog do Fulano Blog do Fulano
comentário comentário comentário
racista racista racista
Apoio:
Qual o impacto na marca ACME em cada caso?

6. Implantação – Blog – Logo/Marca
 Como beneficiar a marca através do Blog?
Atividade em grupo (30 minutos)
 Selecionar 2 dimensões (características) da plataforma
 Exemplos: Velocidade, Formalidade, Interatividade,
Intimidade, Abrangência, Poder de difusão
 Posicionar Blog, Site, Facebook, Twitter e Orkut
nestes quadrantes (opcional: outras plataformas)
 Discussão sobre utilização do Blog (15 minutos)

7. Implantação – Blog – Logo/Marca
Exemplo:
Formalidade
Velocidade

8. Implantação – Blog – Wireframe / Layout
 Layouts típicos para blogs (Wordpress)

9. Implantação – Blog – Wireframe / Layout
Porque usar Wireframes?
 Tempo (agiliza os processos)
Menos alterações e menos retrabalho
 Orientação espacial
O resultado visual é previsível, sem esforço adicional
 Foco na funcionalidade (e conteúdo)
Elimina distrações com escolha de cores, fontes, etc
 Separação e distribuição de atividades
Conteúdo, aparência, programação

10. Implantação – Blog – Wireframe / Layout
Dicas
 Usar Logo como âncora para o Design
Cores, “look and feel”
 Foco no seu mercado
Facilite o relacionamento
 Acompanhe a concorrência
O que eles estão fazendo? O que é bom? O que é ruim?
 Simplicidade (“Less is more”)
Comunicação limpa, direta e organizada
http://www.netdawg.com/blog/choosing-a-wordpress-theme/

11. Implantação – Blog – Wireframe / Layout
Lembre-se:
 O Blog deve refletir quem
você é (e seu negócio)
É a impressão que fica para
potenciais clientes
 Design pensando no mercado
(Target)
Conteúdo, imagens, linguagem
adequados

12. Implantação – Blog – Wireframe / Layout
Como implementar?
 Temas do Wordpress
 Inúmeros temas disponíveis
 Possibilidade de desenvolvimento de tema próprio
 Inclusão de Widgets
 Recursos complementares para o Blog
 Possibilidade de criar seus próprios Widgets
 Através de Plugins (PHP)
http://codex.wordpress.org/Widgets_API

13. Implantação – Blog – Wireframe / Layout

14. Implantação – Blog – Wireframe / Layout

15. Implantação – Blog – Wireframe / Layout

16. Implantação – Blog – Wireframe / Layout

17. Implantação – Blog – Wireframe / Layout
Um pouco de prática…
Experiências com
temas do Wordpress
e ativação de alguns
Widgets originais

18. Luciano Palma
 Luciano@LPalma.com
 @LucianoPalma
 http://LPalma.com
 (11) 8787-7227