1) O documento discute as melhores práticas para criação e divulgação de propaganda na internet. 2) A internet oferece novas oportunidades para propaganda customizada e segmentada em comparação à propaganda tradicional. 3) O documento fornece exemplos de sites bem-sucedidos e recomendações para divulgação online tendo em vista as tendências atuais.

1. Propaganda na Internet As melhores práticas para criar e divulgar Plinio Okamoto 10 de Novembro de 2008

5. Propaganda Tradicional X Internet

8. http://www.ray-ban.com/France/ Vestuário / Acessórios

9. http://www.ray-ban.com/France/

10. Internet: Cenário

11. Fonte: National Center for Policy Analysis Tempo de adoção de novas tecnologia 50 Milhões de pessoas Telefone 35 anos Rádio 22 anos Televisão 26 anos Celular 13 anos Internet 4 anos

12. Diagrama da ARPAnet de quatro nós Arpanet

13. Registro mundial de domínios 571 milhões Fonte: Internet Systems Consortium – Julho 2008

14. Convergência das Mídias

15. Investimento em comunicação Fonte: Advertising Age http://adage.com/agencynews/article?article_id=126852

16. Investimento em comunicação Fonte: Advertising Age http://adage.com/agencynews/article?article_id=126852 Brasil 3,2% Inglaterra 13,7% Brasil 3,2% Inglaterra 13,7%

18. Celulares 141 milhões Gamers 20 milhões Internautas 50 milhões Fonte: Ibope Netratings Fonte: Reuters, Outubro de 2008 Fonte: CIA Penetração da mídia digital no Brasil 10,4%* 26,1%* 73,4%* * População Base: 192 Milhões de Brasileiros

19. Fonte: IBOPE Netratings 22h47m Internauta brasileiro é o que passa mais tempo conectado. (4h + que EUA) Tempo médio de navegação

20. Sites

27. http://www.votorantim.com.br/

28. Fonte: Jesse James Garrett Etapas da construção de sites

29. Estratégia Escopo Através do novo site, mostrar modernidade do grupo, deixando claro que Votorantim é mais do que cimento, engloba diversas UNs e tem presença global. - Grupo Votorantim - Presença Global - 3 idiomas - Unidade de negócios - Responsabilidade Social - Sala de imprensa - Votorantim e Você - RH

30. Estrutura – Mapa do Site

31. Descrição da tela English version I Versión en Español I Webmail I Mapa do site Logo Votorantim 2005 – Grupo Votorantim I Todos os direitos reservados Política de privacidade Copyright Adicione aos favoritos O Grupo Votorantim Presença Global Áreas de Negócio Votorantim e você Responsabilidade Social Informações Finaceiras Gestão de Pessoas - RH Sala de Imprensa Estudantes Atendimento Notícias Votorantim I Lorem ipsum dolor sit amet, consectetuer adipiscing elit lorem ipsum dolor sit amet, consectetuer adipiscing elit I Descrição da tela Logo – presente em todas as telas com link para home do site Header – presente em todas as telas com Busca Menu – presente em todas as telas com os nomes das seções de primeiro nível com “mouse-over” para ver as sub-seções Menu das áreas de negócio – ao clicar em uma área de negócio diferente de alterar a imagem de ambientação e a área de conteúdo abaixo da imagem de ambientação. Imagem de ambientação – ao entrar no site deve aparecer uma imagem do grupo votorantim com link para “conheça a votorantim” que chamará um conteúdo em flash já produzido pela votorantim. Nesta mesma área tanto a imagem como o link devem mudar conforme a “área de negócio” escolhida no menu lateral dentro da ambientação. Destaque principal – destaque principal com título, texto, imagem e link possíveis de alterar via sistema administrador Destaques secundários – destaque com título, texto e link possíveis de alterar via sistema administrador Notícias – tira de notícias animadas.Presente em todas as telas. Rodapé – link para os pop ups do menu de apoio presente em todas as telas. Imagem de ambientação Sub-título Texto sobre matéria, texto sobre a matéria texto sobre a matéria saiba mais >> Título Agroindústria Celulose e Papel Cimentos Energia Internacional Metais Química Finanças Novos Negócios Conheça a Votorantim Sub-título Texto sobre matéria, texto sobre a matéria texto sobre a matéria saiba mais >> Título imagem do destaque AI – Wireframes/DDF HOMEPAGE Busca ok

32. Descrição da tela English version I Versión en Español I Webmail I Mapa do site Logo Votorantim 2005 – Grupo Votorantim I Todos os direitos reservados Política de privacidade Copyright Adicione aos favoritos O Grupo Votorantim Presença Global Áreas de Negócio Votorantim e você Responsabilidade Social Informações Finaceiras Gestão de Pessoas - RH Sala de Imprensa Estudantes Atendimento Notícias Votorantim I Lorem ipsum dolor sit amet, consectetuer adipiscing elit lorem ipsum dolor sit amet, consectetuer adipiscing elit I imagem de ambientação Título imagem 1 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur interdum porttitor erat. Morbi a erat sed tortor tempus mattis. Sed quam lectus, pellentesque nec, tristique ut, rutrum nec, lacus. Suspendisse porttitor volutpat tellus. Mauris lectus velit, auctor eget, tempus id. Tempor vel, sapien. Donec sagittis, eros vel venenatis vehicula, lectus diam nonummy lorem, quis dictum ligula velit et urna. Quisque mollis tellus nec ligula. Nulla iaculis, eros ac ultrices faucibus, nisl tortor fermentum tellus, elementum viverra elit wisi ac ante. Nulla quam nisl, suscipit rhoncus, fringilla eu, mattis eu, quam. Nullam commodo dapibus diam. Praesent at felis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur interdum porttitor erat. Morbi a erat sed tortor tempus mattis. Sed quam lectus, pellentesque nec, tristique ut, rutrum nec, lacus. Suspendisse porttitor volutpat tellus. Mauris lectus velit, auctor eget, tempus id, tempor vel, Descrição da tela Imagem de ambientação – imagem estática presente em todas as telas. Item obrigatório. Cada seção deve ter um imagem de referencia. Título – item obrigatório. Possível de alterar via sistema administrador Hierarquia de navegação – item obrigatório, presente em todas as telas com link para as respectivas seções. Olho – Destaque no começo do texto com limite de tamanho de texto. Possível de alterar via sistema administrador Texto – Item obrigatório. Possível de alterar via sistema administrador com limite de tamanho de texto. Imagem – possível de alterar via sistema administrador Links do rodapé (elementos obrigatórios) versão para impressão – possibilidade de imprimir o conteúdo desta tela voltar – voltar a tela de origem do usuário topo – âncora com o título da página home > 1º nível > 2º nível Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur interdum porttitor erat. Morbi a erat sed tortor tempus mattis. Sed quam lectus, pellentesque nec, tristique ut, rutrum nec, lacus. voltar topo versão para impressão AI – Wireframes/DDF INTERNA Busca ok

33. Descrição da tela English version I Versión en Español I Webmail I Mapa do site Logo Votorantim 2005 – Grupo Votorantim I Todos os direitos reservados Política de privacidade Copyright Adicione aos favoritos O Grupo Votorantim Presença Global Áreas de Negócio Votorantim e você Responsabilidade Social Informações Finaceiras Gestão de Pessoas - RH Sala de Imprensa Estudantes Atendimento Notícias Votorantim I Lorem ipsum dolor sit amet, consectetuer adipiscing elit lorem ipsum dolor sit amet, consectetuer adipiscing elit I imagem de ambientação Título imagem 1 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur interdum porttitor erat. Morbi a erat sed tortor tempus mattis. Sed quam lectus, pellentesque nec, tristique ut, rutrum nec, lacus. Link para a seção>> Tempor vel, sapien. Donec sagittis, eros vel venenatis vehicula, lectus diam nonummy lorem, quis dictum ligula velit et urna. Quisque mollis tellus nec ligula. Nulla iaculis, eros ac ultrices faucibus, nisl tortor fermentum tellus, elementum viverra elit wisi ac ante. Nulla quam nisl, suscipit rhoncus, fringilla Link para a seção>> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur interdum porttitor erat. Morbi a erat sed tortor tempus mattis. Sed quam lectus, pellentesque nec, tristique ut, rutrum nec, lacus. Link para a seção>> Descrição da tela Imagem de ambientação – imagem estática presente em todas as telas. Item obrigatório. Cada seção deve ter um imagem de referencia. Título – item obrigatório. Possível de alterar via sistema administrador Hierarquia de navegação – item obrigatório, presente em todas as telas com link para as respectivas seções. Olho – Destaque no começo do texto com limite de tamanho de texto. Possível de alterar via sistema administrador Sub-título – Possível de alterar via sistema administrador Blocos de texto – Item obrigatório. Possível de alterar via sistema administrador com limite de tamanho de texto. Cada bloco de texto pode ter ou não uma imagem associada e um link externo ou interno. Imagens – possível de alterar via sistema administrador. Permite inserção de uma imagem vinculada para cada texto Links do rodapé (elementos obrigatórios) versão para impressão – possibilidade de imprimir o conteúdo desta tela voltar – voltar a tela de origem do usuário topo – âncora com o título da página home > 1º nível > 2º nível Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur interdum porttitor erat. Morbi a erat sed tortor tempus mattis. Sed quam lectus. voltar topo versão para impressão imagem 2 imagem 3 Sub-título 1 Sub-título 2 Sub-título 3 AI – Wireframes/DDF NOTÍCIAS Busca ok

34. AI – Wireframes/DDF FORMULÁRIOS Descrição da tela English version I Versión en Español I Webmail I Mapa do site Logo Votorantim 2005 – Grupo Votorantim I Todos os direitos reservados Política de privacidade Copyright Adicione aos favoritos O Grupo Votorantim Presença Global Áreas de Negócio Votorantim e você Responsabilidade Social Informações Finaceiras Gestão de Pessoas - RH Sala de Imprensa Estudantes Atendimento Notícias Votorantim I Lorem ipsum dolor sit amet, consectetuer adipiscing elit lorem ipsum dolor sit amet, consectetuer adipiscing elit I imagem de ambientação Título Descrição da tela Imagem de ambientação – imagem estática presente em todas as telas. Item obrigatório. Cada seção deve ter um imagem de referencia. Título – item obrigatório. Possível de alterar via sistema administrador Hierarquia de navegação – item obrigatório, presente em todas as telas com link para as respectivas seções. Olho – Destaque no começo do texto com limite de tamanho de texto. Possível de alterar via sistema administrador Imagens – possível de alterar via sistema administrador. permite inserção de uma imagem com tamanho preestabelecido. Teremos um place holder de imagem Links do rodapé (elementos obrigatórios) voltar – voltar a tela de origem do usuário topo – âncora com o título da página home > 1º nível > 2º nível voltar topo versão para impressão Item 1 Item 2 Item 3 Item 4 opção 1 opção 2 Item 5 enviar Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur interdum porttitor erat. Morbi a erat sed tortor tempus mattis. Sed quam imagem 1 Busca ok

35. AI – Wireframes/DDF IMAGENS Descrição da tela English version I Versión en Español I Webmail I Mapa do site Logo Votorantim 2005 – Grupo Votorantim I Todos os direitos reservados Política de privacidade Copyright Adicione aos favoritos O Grupo Votorantim Presença Global Áreas de Negócio Votorantim e você Responsabilidade Social Informações Finaceiras Gestão de Pessoas - RH Sala de Imprensa Estudantes Atendimento Notícias Votorantim I Lorem ipsum dolor sit amet, consectetuer adipiscing elit lorem ipsum dolor sit amet, consectetuer adipiscing elit I imagem de ambientação Título Descrição da tela Imagem de ambientação – imagem estática presente em todas as telas. Item obrigatório. Cada seção deve ter um imagem de referencia. Título – item obrigatório. Possível de alterar via sistema administrador Hierarquia de navegação – item obrigatório, presente em todas as telas com link para as respectivas seções. Olho – Destaque no começo do texto com limite de tamanho de texto. Possível de alterar via sistema administrador Imagens – possível de alterar via sistema administrador. Permite inserção de imagens com tamanho pré-estabelecido. Ao clicar em uma imagem o usuário dever ver um pop up com a imagem em tamanho maior. Legenda –Possível de alterar via sistema administrador com limite de tamanho de texto. Links do rodapé (elementos obrigatórios) versão para impressão – possibilidade de imprimir o conteúdo desta tela voltar – voltar a tela de origem do usuário topo – âncora com o título da página home > 1º nível > 2º nível voltar topo versão para impressão legenda, legenda Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur interdum porttitor erat. Morbi a erat sed tortor tempus mattis. Sed quam lectus, pellentesque nec. Morbi a erat sed tortor tempus mattis. Sed quam lectus, pellentesque nec. imagem 1 legenda, legenda imagem 2 legenda, legenda imagem 3 legenda, legenda imagem 4 legenda, legenda imagem 5 legenda, legenda imagem 6 legenda, legenda imagem 7 legenda, legenda imagem 8 legenda, legenda imagem 9 legenda, legenda imagem 10 Busca ok

36. Identidade Visual – Interface / Layout HOMEPAGE

37. Identidade Visual – Interface / Layout INTERNA

38. Outros Sites

40. Convite

41. Agenda

43. Agenda Site Superpremium ndex.html

46. Quase 1000 agendas exclusivas

48. Hotsite Árvore Hotsite Árvore Hotsite Árvore

55. Divulgação

57. Tendências

61. T:arcinhaedEX

64. Dúvidas?

65. Obrigado! [email_address] 10 de Novembro de 2008