55
CAMPANHAS POLÍTICAS E MARKETING ONLINE INTERFACES DIGITAIS E FUNCIONALIDADES PARA WEBSITES BRUNO LAGE – DIRETOR DE ARTE WEB JUNHO | 2010

Interfaces Digitais e Funcionalidades para Websites

Embed Size (px)

DESCRIPTION

Aula de Interfaces Digitais e Funcionalidades para Websites do curso de extensão da UFBA 2010: Campanhas Políticas e Marketing Online.

Citation preview

Page 1: Interfaces Digitais e Funcionalidades para Websites

CAMPANHAS POLÍTICAS E MARKETING ONLINEINTERFACES DIGITAIS E FUNCIONALIDADES PARA WEBSITES

BRUNO LAGE – DIRETOR DE ARTE WEB

JUNHO | 2010

Page 2: Interfaces Digitais e Funcionalidades para Websites

1. Fatores indispensáveis para interfaces web2. Referência mundial: case OBAMA3. Referências nacionais4. Referências locais5. Customizando algumas redes sociais

CAMPANHAS POLÍTICAS E MARKETING ONLINEINTERFACES DIGITAIS E FUNCIONALIDADES PARA WEBSITES

Page 3: Interfaces Digitais e Funcionalidades para Websites

FATORES INDISPENSÁVEIS PARA INTERFACES WEBDESENVOLVIMENTO

Programação e Montagem dentro dos padrões webArquitetura de InformaçãoUsabilidadeNavegabilidadeAcessibilidadeDesignCustomizaçãoCores e tipografia

Page 4: Interfaces Digitais e Funcionalidades para Websites

FERRAMENTAS DISPONÍVEIS NA REDEGRATUITAS*

Exibir vídeos gravados Fazer transmissões ao vivo Compartilhar fotos

Rede social e microblogging

Interagir com internautas Realizar debates virtuais Responder perguntas

Produzir conteúdoscolaborativamente

Interagir com internautas

Oferecer informações emprimeira mão

Fornecer informaçõesaprofundadas sobre alguns temas Debater assuntos

Sistema de gerenciamento de conteúdo

Sistema de gerenciamento de conteúdo

Sistema de gerenciamento de conteúdo

Exibir informações em mapas

Page 5: Interfaces Digitais e Funcionalidades para Websites

REFERÊNCIA MUNDIAL Identidade Visual

Customização

Abrangência

Pregnância

Linguagem visual objetiva e moderna

Page 6: Interfaces Digitais e Funcionalidades para Websites
Page 7: Interfaces Digitais e Funcionalidades para Websites

• Design moderno• Identidade visual forte• Usabilidade objetiva• Diagramação bem feita• Convite claro às ações• Apresentação impecável dos conteúdos

• Design conservador• Identidade visual fraca• Excesso de elementos e imagens• Excesso de tipografia• Informações amontoadas

Site MYBO

Site McCain

Page 8: Interfaces Digitais e Funcionalidades para Websites

DESIGN ENGAJADO

Page 9: Interfaces Digitais e Funcionalidades para Websites

Site MYBO Fortalecimento da Identidade Engajamento global Credibilidade Branding

INTERFACES CUSTOMIZADAS

Page 10: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

SITE E BLOG

Page 11: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

GEOLOCALIZAÇÃO

Page 12: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

TWITTER

Page 13: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

CANAL DO YOUTUBE

Page 14: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

USTREAM.TV

Page 15: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

MYSPACE

Page 16: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

LOJA ONLINE

Page 17: Interfaces Digitais e Funcionalidades para Websites

OUTROS CANAIS E REDES SOCIAISMULTIPOSSIBILIDADES

Page 18: Interfaces Digitais e Funcionalidades para Websites

OUTRAS REDES SOCIAIS

FACEBOOK

Page 19: Interfaces Digitais e Funcionalidades para Websites

OUTRAS REDES SOCIAIS

FLICKR

Page 20: Interfaces Digitais e Funcionalidades para Websites

OUTRAS REDES SOCIAIS

LINKED IN

Page 21: Interfaces Digitais e Funcionalidades para Websites

OUTROS CANAIS

VERSÃO MOBILE

Page 22: Interfaces Digitais e Funcionalidades para Websites

OUTROS CANAIS

APLICATIVO NO IPHONE

Page 23: Interfaces Digitais e Funcionalidades para Websites

OUTROS CANAIS

PODCAST E VIDEOCAST NO ITUNES

Page 24: Interfaces Digitais e Funcionalidades para Websites

INTEGRAÇÃO DAS REDES SOCIAISPLATAFORMA ( SITE / BLOG )

Page 25: Interfaces Digitais e Funcionalidades para Websites

PLATAFORMA ( SITE / BLOG )

INTEGRAÇÃO DAS REDES SOCIAIS

WIDGAT / GADGAT / API

Page 26: Interfaces Digitais e Funcionalidades para Websites

PLATAFORMA ( SITE / BLOG )

GERENCIADOR DE CONTEÚDO (CMS)

WORDPRESS

Page 27: Interfaces Digitais e Funcionalidades para Websites

REFERÊNCIAS NACIONAISMARKETING POLÍTICO DIGITAL NO BRASIL

Page 28: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

SITE E BLOG

Page 29: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS E INTEGRAÇÃO

CANAL DO YOUTUBE

Page 30: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

TWITTER

Page 31: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

PODCAST

Page 32: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

BOLETIM / E-MAIL MARKETING

Page 33: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS E INTEGRAÇÃO

FLICKR

Page 34: Interfaces Digitais e Funcionalidades para Websites

OUTRAS REDES SOCIAIS

FACEBOOK

Page 35: Interfaces Digitais e Funcionalidades para Websites

OUTRAS REDES SOCIAIS

ORKUT

Page 36: Interfaces Digitais e Funcionalidades para Websites

OUTRAS REDES SOCIAIS

IDENTICA

Page 37: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

SITE E BLOG

Page 38: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

TWITTER

Page 39: Interfaces Digitais e Funcionalidades para Websites

INTERFACES NÃO CUSTOMIZADAS

CANAL NO YOUTUBE

Page 40: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

NING

Page 41: Interfaces Digitais e Funcionalidades para Websites

OUTROS CANAIS

AÇÃO DA COMUNIDADE

Page 42: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

SITE E BLOG

Page 43: Interfaces Digitais e Funcionalidades para Websites

REFERÊNCIAS LOCAISMARKETING POLÍTICO DIGITAL NA BAHIA

Page 44: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

SITE E BLOG

Page 45: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

CANAL NO YOUTUBE

Page 46: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

TWITTER

Page 47: Interfaces Digitais e Funcionalidades para Websites

OUTROS CANAIS E REDES SOCIAIS

WIKIPÉDIA

Page 48: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

SITE

Page 49: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

BLOG

Page 50: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

TWITTER

Page 51: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

SITE E BLOG

Page 52: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

CANAL NO YOUTUBE

Page 53: Interfaces Digitais e Funcionalidades para Websites

INTERFACES CUSTOMIZADAS

TWITTER

Page 54: Interfaces Digitais e Funcionalidades para Websites

OUTROS CANAIS

GOOGLE MAPS

OBRAS PREFEITURA

Page 55: Interfaces Digitais e Funcionalidades para Websites

CAMPANHAS POLÍTICAS E MARKETING ONLINEINTERFACES DIGITAIS E FUNCIONALIDADES PARA WEBSITES

BRUNO LAGE – DIRETOR DE ARTE WEB

[email protected]@brunolageweb71 8883.9959