Your SlideShare is downloading. ×
0
Plinio Okamoto [email_address] O que é Digital? Aula 1  Prof. Plinio Okamoto - 12 de Janeiro de 2010 O que é Digital? Digi...
Plinio Okamoto [email_address] Programa da Disciplina A01 - 12.Jan - O que é Digital? A02 - 19.Jan - Mídia Digital Tradici...
Plinio Okamoto [email_address] Cenário Digital
<ul><li>Há 20 anos, mundo era praticamente todo analógico </li></ul><ul><li>CDs foram a primeira forma de informação digit...
<ul><li>Informação est á completando  um processo de digitalização </li></ul><ul><li>O que antes era anal ógico, agora p a...
Convergência das Mídias O que é Digital? Digital 1:Conceitos Básicos Fonte: Michel Lent Schwartzman <ul><li>A informação e...
O que é Digital? Digital 1:Conceitos Básicos Convergência das Mídias
Possibilidade da Interação O que é Digital? Digital 1:Conceitos Básicos Fonte: Michel Lent Schwartzman <ul><li>Entramos na...
A internet é a arena central da Campanha O que é Digital? Digital 1:Conceitos Básicos Fonte: Michel Lent Schwartzman <ul><...
Tempo de adoção de novas tecnologias Fonte: National Center for Policy Analysis 50 Milhões de pessoas Telefone 35 anos Rád...
Valor Pessoas atingidas Clientes ou prospects de Maior Valor ou de Maior Potencial Marketing Direto Marketing de Massa Bar...
<ul><li>Relacionamento B2C / B2B </li></ul>O que é Digital? Digital 1:Conceitos Básicos 3 3 2 2 2 2 1 5 5 4 4 6 6 5 5 4 4 ...
Prescrição Produtos Roche Potencial de Prescrição B5 C5 B4 B3 C4 C3 D4 D3 D2 D1 D5 E5 E4 E3 E2 E1 C1 B2 C2 A5 A4 A3 A1 A2 ...
Investimento em comunicação Fonte: Advertising Age http://adage.com/agencynews/article?article_id=126852 Brasil  4,8% Ingl...
NÚMERO DE INTERNAUTAS NO BRASIL Em Mil – População 16 anos Estimativa IAB Histórico IBOPE/Gnett Amostra com linha telefôni...
VENDA DE COMPUTADORES 100 MILHÕES DE COMPUTADORES ATÉ 2012 Fonte: G1.COM.BR/ FGV O que é Digital? Digital 1:Conceitos Bási...
68,5 MILHÕES DE PESSOAS ACESSAM A INTERNET NO BRASIL.  Fonte: Datafolha Set/08 – Residencial e corporativo A Internet é o ...
PENETRAÇÃO DOS MEIOS A combinação dos meios com a internet potencializa a cobertura da campanha. O que é Digital? Digital ...
PENETRAÇÃO DA INTERNET NA CLASSE C Estudos sócio-econômicos garantem a capacidade de compra da classe C em 2009. Entre os ...
Divulgação Busca Mídia Viral <ul><li>Busca Orgânica </li></ul><ul><li>Links Patrocinados </li></ul><ul><li>Banners </li></...
Plinio Okamoto [email_address] Plataformas de propagação da comunicação on-line Fonte: Cannes Presentations, 2009. O que é...
Campanhas passam a ser full-time Fonte: Cannes Presentations, 2009. O que é Digital? Digital 1:Conceitos Básicos
REDES SOCIAIS NO BRASIL Fonte: COMSCORE AGO/09 INTERNAUTAS  ATIVOS  EM ALGUMA REDE SOCIAL 24.980.000 9.040.000.000 TOTAL D...
Conhecimento Consideração Pesquisa Compra Experiência Uso Satisfação Eu vejo, quero, compro e gosto Opinião Alguns palpite...
EVOLUÇÃO DO SEARCH INTERNAUTAS  ATIVOS  EM BUSCA 24.565.000 1.044 TOTAL DE MINUTOS NAVEGADOS NAS REDES SOCIAIS 42m07s TEMP...
EVOLUÇÃO DO ECOMMERCE
Publicidade: Grau de confiança do consumidor Fonte: Forrester Research and Inteliseek O que é Digital? Digital 1:Conceitos...
A Ca uda Longa Mkt de Nicho O que é Digital? Digital 1:Conceitos Básicos
<ul><li>Personalização e Customização   em massa </li></ul><ul><li>Web: Horário de trabalho </li></ul><ul><li>Celular: on ...
Digital: Ciclo completo de Venda Exposição de Marca Conhecimento do produto Experiência* Compra CRM     Websites, Mobi...
Momento do  ciclo de vida Premissas O que é Digital? Digital 1:Conceitos Básicos Internet   Comunicação Dirigida Comunicaç...
O consumidor vive 5 momentos com uma marca/produto O que é Digital? Digital 1:Conceitos Básicos tempo Relacionamento com a...
Programa de fidelidade Clube de Vantagem Reconhecimento Estratégias de RETENÇÃO: Ações especiais para quem está em curva d...
Site O que é Digital? Digital 1:Conceitos Básicos
<ul><li>“ BeoLounge” mostra produtos e a tecnologia da marca </li></ul><ul><li>Passeio pela casa com um representante virt...
<ul><li>Construa o carro dos seus sonhos </li></ul><ul><li>Explora novas tecnologias </li></ul><ul><li>Site “Verde” – pági...
<ul><li>Possibilidade de customizar    a icônica t-shirt polo e    outras roupas </li></ul><ul><li>Diferentes estilos e co...
Inovação: Redesign de QR-Codes para acessar os sites mobile. Louis Vuitton
<ul><li>Campanha mais recente celebrou o   40o. Aniversário da chegada do homem à Lua </li></ul><ul><li>15% das vendas onl...
<ul><li>CHANEL PARIS-SHANGHAI </li></ul><ul><li>Abertura da nova loja em Xangai, Novembro de 2009 </li></ul><ul><li>China ...
Ver Vídeo 4:30 CHANEL PARIS-SHANGHAI Série de 8 filmes de cerca de 10 minutos de duração cujas histórias girariam em torno...
<ul><li>Estée Lauder’s makeover widget  </li></ul><ul><li>Suba sua foto e teste virtualmente cada um dos produtos  </li></...
<ul><li>Consultora – ajuda a escolher os produtos adequados ao tipo de pele </li></ul><ul><li>Permite comentários dos usuá...
<ul><li>Starwood’s W Hotels encabeça o ranking de Digital IQ para hotéis: </li></ul><ul><li>Uso intensivo de video tours <...
<ul><li>Club MED </li></ul><ul><li>Ação utilizando mídias sociais na Bélgica: Twitter, Flickr e blogueiros </li></ul><ul><...
“ Interactive Kitchen Vignettes”  - Permite customizar nove diferentes cozinhas e ajuda a achar os produtos certos baseado...
<ul><li>Plataforma elegante de   e-commerce </li></ul><ul><li>Busca de produtos visual </li></ul><ul><li>Boa funcionalidad...
Plinio Okamoto [email_address]
Plinio Okamoto [email_address]
http://www.votorantim.com.br/ O que é Digital? Digital 1:Conceitos Básicos
Fonte: Jesse James Garrett Etapas da construção de sites O que é Digital? Digital 1:Conceitos Básicos
Estratégia Escopo Através do novo site, mostrar modernidade do grupo, deixando claro que Votorantim é mais do que cimento,...
Estrutura (Mapa do Site) O que é Digital? Digital 1:Conceitos Básicos
Descrição da tela English version I  Versión en Español I Webmail I Mapa do site Logo Votorantim 2005 – Grupo Votorantim  ...
Descrição da tela English version I  Versión en Español I Webmail I Mapa do site Logo Votorantim 2005 – Grupo Votorantim  ...
Descrição da tela English version I  Versión en Español I Webmail I Mapa do site Logo Votorantim 2005 – Grupo Votorantim  ...
AI – Wireframes/DDF  FORMULÁRIOS Descrição da tela English version I  Versión en Español I Webmail I Mapa do site Logo Vot...
AI – Wireframes/DDF  IMAGENS Descrição da tela English version I  Versión en Español I Webmail I Mapa do site Logo Votoran...
Identidade Visual – Interface / Layout HOMEPAGE
Identidade Visual – Interface / Layout INTERNA
Plinio Okamoto [email_address] S  T  Q  Q  S  S  D  S   T  Q  Q  S  S   D  S   T  Q  Q  S  S   D   S  T  Q  Q O que é Digi...
Métricas O que é Digital? Digital 1:Conceitos Básicos Nº Visitantes 149.000 Nº de Cadastros Hotsite 33.515 Taxa de Convers...
Métricas O que é Digital? Digital 1:Conceitos Básicos Nº Visitantes 149.000 Nº de Cadastros Hotsite 33.515 Taxa de Convers...
Fonte: Jesse James Garrett Etapas da construção de sites O que é Digital? Digital 1:Conceitos Básicos
Plinio Okamoto [email_address] O que é Digital? Aula 1  Prof. Plinio Okamoto - 12 de Janeiro de 2010 O que é Digital? Digi...
Upcoming SlideShare
Loading in...5
×

Digital1_Aula01

482

Published on

Published in: Education, Art & Photos, Travel
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
482
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
55
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Digital1_Aula01"

  1. 1. Plinio Okamoto [email_address] O que é Digital? Aula 1 Prof. Plinio Okamoto - 12 de Janeiro de 2010 O que é Digital? Digital 1:Conceitos Básicos
  2. 2. Plinio Okamoto [email_address] Programa da Disciplina A01 - 12.Jan - O que é Digital? A02 - 19.Jan - Mídia Digital Tradicional A03 - 26.Jan - Mídia Digital Rich-Media A04 - 02.Fev - Planejamento de Campanhas A05 - 09.Fev - Redes Sociais + Marketing Viral A06 - 16.Fev – Entretenimento e Serviços A07 - 23.Fev – Mensuração de resultados - ROI e ROE A08 - 02.Mar - Pós-Venda Digital A09 - 09.Mar – Integrando com outras mídias A10 - 16.Mar – Integrando com outras mídias A11 - 23.Mar - Avaliação Final com convidado O que é Digital? Digital 1:Conceitos Básicos
  3. 3. Plinio Okamoto [email_address] Cenário Digital
  4. 4. <ul><li>Há 20 anos, mundo era praticamente todo analógico </li></ul><ul><li>CDs foram a primeira forma de informação digital mais popular </li></ul><ul><li>No analógico, cada aparelho para uma função </li></ul><ul><li>Cada canal com um objetivo </li></ul>Mundo analógico O que é Digital? Digital 1:Conceitos Básicos Fonte: Michel Lent Schwartzman
  5. 5. <ul><li>Informação est á completando um processo de digitalização </li></ul><ul><li>O que antes era anal ógico, agora p assa a ser representado em ‘zeros’ e ‘uns’: DIGITAL </li></ul><ul><li>Tudo é digitalizável: </li></ul><ul><ul><li>Imagem; Sons; Vídeo; Texto, Informação </li></ul></ul><ul><li>Aparelhos digitais, passam a ser multim ídia: relógio-cdplayer; celular com câmera; TV com internet </li></ul><ul><li>Gra ças ao DIGITAL </li></ul>O mundo passa a ser digital O que é Digital? Digital 1:Conceitos Básicos Fonte: Michel Lent Schwartzman
  6. 6. Convergência das Mídias O que é Digital? Digital 1:Conceitos Básicos Fonte: Michel Lent Schwartzman <ul><li>A informação está em todos os lugares </li></ul><ul><li>Todos os aparelhos podem fazer tudo </li></ul><ul><li>As mídias convergem, os aparelhos se confundem </li></ul><ul><li>Diferença das mídias e das empresas, começa a desaparecer </li></ul><ul><li>A internet é o ‘laboratório’ de ensaios para este encontro </li></ul>
  7. 7. O que é Digital? Digital 1:Conceitos Básicos Convergência das Mídias
  8. 8. Possibilidade da Interação O que é Digital? Digital 1:Conceitos Básicos Fonte: Michel Lent Schwartzman <ul><li>Entramos na era da comunicação da interativa </li></ul><ul><li>Onde o avanço tecnológico começa a possibilitar a interação </li></ul><ul><li>Um momento onde os dois modelos, “tradicional” e “novo”, convivem </li></ul><ul><li>Um com formatos muito bem desenvolvidos, mas ultrapassados </li></ul><ul><li>Outro com formatos experimentais, mas promissores </li></ul>
  9. 9. A internet é a arena central da Campanha O que é Digital? Digital 1:Conceitos Básicos Fonte: Michel Lent Schwartzman <ul><li>Foi-se o tempo em que os comerciais de 30 ” eram o centro de uma campanha </li></ul><ul><li>A arena central agora é a internet </li></ul><ul><li>Os projetos especiais criados para campanhas são o novo centro da comunicação das marcas </li></ul><ul><li>É na internet que se dá a verdadeira interação </li></ul><ul><li>É na internet onde o espaço é ilimitado e tudo pode ser feito </li></ul><ul><li>Sem definição de formato, duração, tecnologia </li></ul>
  10. 10. Tempo de adoção de novas tecnologias Fonte: National Center for Policy Analysis 50 Milhões de pessoas Telefone 35 anos Rádio 22 anos Televisão 26 anos Celular 13 anos O que é Digital? Digital 1:Conceitos Básicos Internet 4 anos iPod 3 anos Facebook 100 mi em 9 meses
  11. 11. Valor Pessoas atingidas Clientes ou prospects de Maior Valor ou de Maior Potencial Marketing Direto Marketing de Massa Barreira Fonte: Peppers and Rogers Group Alcance das ferramentas de Mkt O que é Digital? Digital 1:Conceitos Básicos
  12. 12. <ul><li>Relacionamento B2C / B2B </li></ul>O que é Digital? Digital 1:Conceitos Básicos 3 3 2 2 2 2 1 5 5 4 4 6 6 5 5 4 4 1 1 1 Volume de Vendas ou Lucratividade Potencial de Vendas
  13. 13. Prescrição Produtos Roche Potencial de Prescrição B5 C5 B4 B3 C4 C3 D4 D3 D2 D1 D5 E5 E4 E3 E2 E1 C1 B2 C2 A5 A4 A3 A1 A2 B1 D5 <ul><li>MÉDIO POTENCIAL DE PRESCRIÇÃO E MÉDIO VOLUME DE PRESCRIÇÃO </li></ul><ul><li>Cliente mediano em termos de receita total mas com potencial grande de incremento de prescrição </li></ul><ul><li>Investimento médio </li></ul><ul><li>Freqüência média com mescla de ações de certo impacto e com ações que tragam a Roche para perto dele </li></ul><ul><li>ALTO POTENCIAL DE PRESCRIÇÃO E ALTO VOLUME DE PRESCRIÇÃO </li></ul><ul><li>Melhor cliente. Quase todo o potencial </li></ul><ul><li>transformado em prescrição </li></ul><ul><li>Investimento alto </li></ul><ul><li>Freqüência baixa com ações de grande impacto </li></ul><ul><li>BAIXO POTENCIAL DE PRESCRIÇÃO E ALTO VOLUME DE PRESCRIÇÃO </li></ul><ul><li>Cliente muito bom dentro do potencial de prescrição. Quase todo o potencial transformado em prescrição </li></ul><ul><li>Investimento médio </li></ul><ul><li>Freqüência baixa com ações de grande impacto </li></ul><ul><li>BAIXO POTENCIAL DE PRESCRIÇÃO E BAIXO VOLUME DE PRESCRIÇÃO </li></ul><ul><li>Mesmo que o volume de receita cresça, sempre será pouco lucrativo para a Roche </li></ul><ul><li>Baixo investimento </li></ul><ul><li>Média freqüência </li></ul><ul><li>ALTO POTENCIAL DE PRESCRIÇÃO E BAIXO VOLUME DE PRESCRIÇÃO </li></ul><ul><li>Cliente muito fraco em termos de receita total mas com o melhor potencial de incremento de prescrição </li></ul><ul><li>Investimento médio </li></ul><ul><li>Freqüência alta de comunicação </li></ul><ul><li>BAIXO POTENCIAL DE PRESCRIÇÃO E MÉDIO VOLUME DE PRESCRIÇÃO </li></ul><ul><li>Cliente fraco em termos de receita total mas com potencial interessante de incremento de prescrição </li></ul><ul><li>Investimento médio </li></ul><ul><li>Freqüência média com poucas ações de certo impacto e com mais ações que tragam a Roche para perto dele </li></ul>O que é Digital? Digital 1:Conceitos Básicos
  14. 14. Investimento em comunicação Fonte: Advertising Age http://adage.com/agencynews/article?article_id=126852 Brasil 4,8% Inglaterra 13,7% O que é Digital? Digital 1:Conceitos Básicos
  15. 15. NÚMERO DE INTERNAUTAS NO BRASIL Em Mil – População 16 anos Estimativa IAB Histórico IBOPE/Gnett Amostra com linha telefônica, com acesso de qualquer lugar Estimativa IBOPE Nielsen Online para 2008 Amostra independente de linha telefônica, com acesso de qualquer lugar. Estimativa IBOPE Nielsen Online para 2008 Amostra independente de linha telefônica, com acesso de qualquer lugar. 10% <ul><li>Crescimento médio 10% ao ano </li></ul><ul><li>Em 3 anos a web cobrirá + 50% da população </li></ul><ul><li>Mídia de massa sem perder a essência da mídia de nicho </li></ul>O que é Digital? Digital 1:Conceitos Básicos
  16. 16. VENDA DE COMPUTADORES 100 MILHÕES DE COMPUTADORES ATÉ 2012 Fonte: G1.COM.BR/ FGV O que é Digital? Digital 1:Conceitos Básicos COMPUTADORES VENDIDOS EM 2007 8,3 MILHÕES% + 10 MILHÕES PREVISÃO DE VENDAS PARA 2009 + 40 MILHÕES PREVISÃO DE VENDAS ATÉ 2012
  17. 17. 68,5 MILHÕES DE PESSOAS ACESSAM A INTERNET NO BRASIL. Fonte: Datafolha Set/08 – Residencial e corporativo A Internet é o único meio com crescimento constante ao longo dos anos. Antes considerada mídia segmentada, ultrapassou a penetração de revista e jornal e hoje consolida-se como mídia de massa. O que é Digital? Digital 1:Conceitos Básicos
  18. 18. PENETRAÇÃO DOS MEIOS A combinação dos meios com a internet potencializa a cobertura da campanha. O que é Digital? Digital 1:Conceitos Básicos
  19. 19. PENETRAÇÃO DA INTERNET NA CLASSE C Estudos sócio-econômicos garantem a capacidade de compra da classe C em 2009. Entre os diversos sonhos de consumo deste segmento, a posse de computadores e acesso a Internet seguem como prioridades. IAB estima que até o final de 2009, praticamente de cada 2 pessoas dessa classe, 1 seja internauta. Fonte: TGI Brasil fev à jul - 2008 O que é Digital? Digital 1:Conceitos Básicos
  20. 20. Divulgação Busca Mídia Viral <ul><li>Busca Orgânica </li></ul><ul><li>Links Patrocinados </li></ul><ul><li>Banners </li></ul><ul><li>Redes Sociais </li></ul><ul><li>E-mail Mkt </li></ul><ul><li>Mobile </li></ul><ul><li>Games </li></ul><ul><li>Offline </li></ul><ul><li>Esforço inicial </li></ul><ul><li>Sem controle </li></ul><ul><li>Vídeo no YouTube </li></ul><ul><li>Ferramenta </li></ul>O que é Digital? Digital 1:Conceitos Básicos
  21. 21. Plinio Okamoto [email_address] Plataformas de propagação da comunicação on-line Fonte: Cannes Presentations, 2009. O que é Digital? Digital 1:Conceitos Básicos
  22. 22. Campanhas passam a ser full-time Fonte: Cannes Presentations, 2009. O que é Digital? Digital 1:Conceitos Básicos
  23. 23. REDES SOCIAIS NO BRASIL Fonte: COMSCORE AGO/09 INTERNAUTAS ATIVOS EM ALGUMA REDE SOCIAL 24.980.000 9.040.000.000 TOTAL DE MINUTOS NAVEGADOS NAS REDES SOCIAIS 06h03m16s TEMPO MÉDIO DE NAVEGAÇÃO POR USUÁRIO DE REDE SOCIAL 32.059.000.000 PÁGINAS VISTAS DENTRO DAS REDES SOCIAIS 90% do consumo de banda larga do tráfego da internet seja direcionado para as redes sociais. Segundo estudos feitos pela IBM em junho/09 é de que até 2012
  24. 24. Conhecimento Consideração Pesquisa Compra Experiência Uso Satisfação Eu vejo, quero, compro e gosto Opinião Alguns palpites sobre isso Recomendação Vou te apresentar aos meus amigos Clientes satisfeitos contam para 3 Clientes insatisfeitos contam para 3.000 Fonte: Emerson Callegaretti, MySpace
  25. 25. EVOLUÇÃO DO SEARCH INTERNAUTAS ATIVOS EM BUSCA 24.565.000 1.044 TOTAL DE MINUTOS NAVEGADOS NAS REDES SOCIAIS 42m07s TEMPO MÉDIO DE NAVEGAÇÃO POR USUÁRIO EM BUSA Fonte: ComScore ago/09 A exemplo do mercado americano o Bing (buscador- parceria entre Yahoo! E Microsoft) já começa a aparecer no mercado brasileiro. A expectativa é que Microsoft e Yahoo! podem chegar a ter 40% de participação nos EUA. Fonte: ComScore.
  26. 26. EVOLUÇÃO DO ECOMMERCE
  27. 27. Publicidade: Grau de confiança do consumidor Fonte: Forrester Research and Inteliseek O que é Digital? Digital 1:Conceitos Básicos
  28. 28. A Ca uda Longa Mkt de Nicho O que é Digital? Digital 1:Conceitos Básicos
  29. 29. <ul><li>Personalização e Customização em massa </li></ul><ul><li>Web: Horário de trabalho </li></ul><ul><li>Celular: on the move </li></ul><ul><li>Consome mídia QUANDO, AONDE e NO FORMATO que quiser </li></ul>Novo Cenário O que é Digital? Digital 1:Conceitos Básicos
  30. 30. Digital: Ciclo completo de Venda Exposição de Marca Conhecimento do produto Experiência* Compra CRM     Websites, Mobile Sites & Apps O que é Digital? Digital 1:Conceitos Básicos
  31. 31. Momento do ciclo de vida Premissas O que é Digital? Digital 1:Conceitos Básicos Internet Comunicação Dirigida Comunicação Dirigida Segmentação Segmentação Perfil demográfico Comportamento e hábitos Ocasião de consumo
  32. 32. O consumidor vive 5 momentos com uma marca/produto O que é Digital? Digital 1:Conceitos Básicos tempo Relacionamento com a marca Aquisição Rentabilização Fidelização Anti- Atrito Retenção Win Back
  33. 33. Programa de fidelidade Clube de Vantagem Reconhecimento Estratégias de RETENÇÃO: Ações especiais para quem está em curva de desativação. Ilha de retenção no sac separada Lead Generation Venda Direta Up – grade Cross Selling MGM Estratégias de recuperação: Ações c/ofertas agressivas Pesquisa Estratégia para cada momento do ciclo de vida O que é Digital? Digital 1:Conceitos Básicos tempo Relacionamento com a marca Aquisição Rentabilização Fidelização Anti- Atrito Retenção Win Back
  34. 34. Site O que é Digital? Digital 1:Conceitos Básicos
  35. 35. <ul><li>“ BeoLounge” mostra produtos e a tecnologia da marca </li></ul><ul><li>Passeio pela casa com um representante virtual </li></ul><ul><li>Personalize seu próprio BeoLounge e dividia a experiência </li></ul>Fonte: The Digital IQ Index, September 2009 Bang & Olufsen
  36. 36. <ul><li>Construa o carro dos seus sonhos </li></ul><ul><li>Explora novas tecnologias </li></ul><ul><li>Site “Verde” – páginas mudam para modo energético mais eficiente </li></ul><ul><li>Imagens deslumbrantes </li></ul><ul><li>Uso intensivo de redes sociais </li></ul>Fonte: The Digital IQ Index, September 2009 BMW
  37. 37. <ul><li>Possibilidade de customizar a icônica t-shirt polo e outras roupas </li></ul><ul><li>Diferentes estilos e cores </li></ul><ul><li>Personalizar texturas e monogramas </li></ul>Fonte: The Digital IQ Index, September 2009 Ralph Lauren
  38. 38. Inovação: Redesign de QR-Codes para acessar os sites mobile. Louis Vuitton
  39. 39. <ul><li>Campanha mais recente celebrou o 40o. Aniversário da chegada do homem à Lua </li></ul><ul><li>15% das vendas online vão para a ONG “The Climate Project” de Al Gore </li></ul>Fonte: The Digital IQ Index, September 2009 Louis Vuitton louisvuittonjourneys.com
  40. 40. <ul><li>CHANEL PARIS-SHANGHAI </li></ul><ul><li>Abertura da nova loja em Xangai, Novembro de 2009 </li></ul><ul><li>China > Mercado chave para indústria da moda de luxo </li></ul><ul><li>Nova coleção by Karl Lagerfeld em 3 de Dezembro de 2009 </li></ul><ul><li>Série de curtas dirigidos por Karl Lagerfeld que mostram o processo criativo desta nova coleção </li></ul>Chanel
  41. 41. Ver Vídeo 4:30 CHANEL PARIS-SHANGHAI Série de 8 filmes de cerca de 10 minutos de duração cujas histórias girariam em torno do BMW. Produção cinematográfica só distribuida pela internet. www.chanel-paris-shanghai.com www.chanel-paris-shanghai.com Chanel
  42. 42. <ul><li>Estée Lauder’s makeover widget </li></ul><ul><li>Suba sua foto e teste virtualmente cada um dos produtos </li></ul><ul><li>Aplicativo compatível com mais de 20 redes sociais diferentes. </li></ul><ul><li>Funciona no desktop. </li></ul>Fonte: The Digital IQ Index, September 2009 Estée Lauder
  43. 43. <ul><li>Consultora – ajuda a escolher os produtos adequados ao tipo de pele </li></ul><ul><li>Permite comentários dos usuários em sua página de produtos </li></ul><ul><li>24/7 customer service no site através de e-chat and maintains </li></ul><ul><li>Facebook - brindes virtuais, vídeo, enquetes e blogs </li></ul>Fonte: The Digital IQ Index, September 2009 Clinique
  44. 44. <ul><li>Starwood’s W Hotels encabeça o ranking de Digital IQ para hotéis: </li></ul><ul><li>Uso intensivo de video tours </li></ul><ul><li>Redes Sociais: Concursos no Facebook em parceiro com a HBO </li></ul><ul><li>Serviços: “SMS—Who’s Got Text” </li></ul><ul><li>Aplicativo notifica quando chega alguma entrega ou mensagem para o hóspede </li></ul>Fonte: The Digital IQ Index, September 2009 W Hotels
  45. 45. <ul><li>Club MED </li></ul><ul><li>Ação utilizando mídias sociais na Bélgica: Twitter, Flickr e blogueiros </li></ul><ul><li>Blogueiros passam 1 semana no Club Med Chamonix, na França – deve produzir o conteúdo que quiser: Twitter, postar fotos no Flickr </li></ul><ul><li>Banners nos principais blogs belgas, trazendo os posts e fotos em Real time </li></ul>
  46. 46. “ Interactive Kitchen Vignettes” - Permite customizar nove diferentes cozinhas e ajuda a achar os produtos certos baseado nos atributos funcionais e de design Sustentabilidade – Comentários de construtores, designers e consumidores sobre cozinhas “verdes” Link para lojas que vendem produtos orgânicos Fonte: The Digital IQ Index, September 2009 Sub-Zero and Wolf
  47. 47. <ul><li>Plataforma elegante de e-commerce </li></ul><ul><li>Busca de produtos visual </li></ul><ul><li>Boa funcionalidade de busca de presentes </li></ul><ul><li>Uso de vídeos emocionais </li></ul><ul><li>Same-day call back </li></ul><ul><li>SEO é bem feito </li></ul><ul><li>Redes Sociais: Facebook </li></ul>Fonte: The Digital IQ Index, September 2009 Ver Vídeo Tiffany & Co.
  48. 48. Plinio Okamoto [email_address]
  49. 49. Plinio Okamoto [email_address]
  50. 50. http://www.votorantim.com.br/ O que é Digital? Digital 1:Conceitos Básicos
  51. 51. Fonte: Jesse James Garrett Etapas da construção de sites O que é Digital? Digital 1:Conceitos Básicos
  52. 52. 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 O que é Digital? Digital 1:Conceitos Básicos
  53. 53. Estrutura (Mapa do Site) O que é Digital? Digital 1:Conceitos Básicos
  54. 54. 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 O que é Digital? Digital 1:Conceitos Básicos Busca ok
  55. 55. 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 O que é Digital? Digital 1:Conceitos Básicos Busca ok
  56. 56. 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 O que é Digital? Digital 1:Conceitos Básicos Busca ok
  57. 57. 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 O que é Digital? Digital 1:Conceitos Básicos Busca ok
  58. 58. 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 O que é Digital? Digital 1:Conceitos Básicos Busca ok
  59. 59. Identidade Visual – Interface / Layout HOMEPAGE
  60. 60. Identidade Visual – Interface / Layout INTERNA
  61. 61. Plinio Okamoto [email_address] S T Q Q S S D S T Q Q S S D S T Q Q S S D S T Q Q O que é Digital? Digital 1:Conceitos Básicos
  62. 62. Métricas O que é Digital? Digital 1:Conceitos Básicos Nº Visitantes 149.000 Nº de Cadastros Hotsite 33.515 Taxa de Conversão (acessos. unic. x cadastros) 45,51% Nº Exibições Páginas (impressões) 1.441.677 Nº de Frases Concurso Cultural 7.017 Tempo Médio no Site 13m06 Wallpapers 4.443 downloads Média de páginas por visita 4 (12%) / 20+ (10%)
  63. 63. Métricas O que é Digital? Digital 1:Conceitos Básicos Nº Visitantes 149.000 Nº de Cadastros Hotsite 33.515 Taxa de Conversão (acessos. unic. x cadastros) 45,51% Nº Exibições Páginas (impressões) 1.441.677 Nº de Frases Concurso Cultural 7.017 Tempo Médio no Site 13m06 Wallpapers 4.443 downloads Média de páginas por visita 4 (12%) / 20+ (10%)
  64. 64. Fonte: Jesse James Garrett Etapas da construção de sites O que é Digital? Digital 1:Conceitos Básicos
  65. 65. Plinio Okamoto [email_address] O que é Digital? Aula 1 Prof. Plinio Okamoto - 12 de Janeiro de 2010 O que é Digital? Digital 1:Conceitos Básicos
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×