SlideShare ist ein Scribd-Unternehmen logo
1 von 71
Downloaden Sie, um offline zu lesen
NETSUN TECNOLOGIA
  Provedor de Internet
Convênio Caixa Econômica x CACB
C   êi Ci      E   ôi
Projeto C
P j t Crer para Ver
                V
Agência de internet do grupo Isobar
Maior provedor e portal web do Brasil
PROJETOS
PRÊMIOS

Prêmio Padrão de Qualidade em B2B
Automobilismo - 2006
Fiat Automóveis · Mã na R d Fi t
Fi t A t  ói      Mão    Roda Fiat

Prêmio ABANET/MSN
Prata - 2006 · Fiat Automóveis
Fiat Idea Adventure Website

Prêmio About de Comunicação Integrada e
Dirigida
Bronze - 2006 · Fiat Automóveis
Fiat Idea Adventure Website

Prêmio iBEST
Vencedor - 2006 · Televisão
Sky
Venda
     e da                 Homologação
                           o o ogação
•                     •
    Objetivo              Produção
•                     •
    Planejamento          Divulgação
•                     •
    Criação               Métricas
•                     •
    Desenvolvimento       Manutenção
•                     •
VENDA



• Preço fechado
• Marketing de Performance
  Marketing de Performance
OBJETIVO


• Definir os objetivos é muito importante
• Coleta de dados (BRIEFING)
  Coleta de dados (BRIEFING)
PLANEJAMENTO

• Benchmark – por que ninguém é melhor em tudo
              pq         g

• Testes de usabilidade com concorrentes e produtos similares
TESTES DE USABILIDADE COM CONCORRENTES E PRODUTOS SIMILARES
PLANEJAMENTO

• Benchmark – por que ninguém é melhor em tudo
              pq         g

• Testes de usabilidade com concorrentes e produtos similares

• Definição de requisitos

• Wireframe
WIREFRAME
WIREFRAME
PLANEJAMENTO

• Benchmark – por que ninguém é melhor em tudo
              pq         g

• Testes de usabilidade com concorrentes e produtos similares

• Definição de requisitos

• Wireframe

• Testes de usabilidade com protótipo

• Aprovação do cliente
CRIAÇÃO
                         Ç

• Processo criativo / Brainstorm
  Processo criativo / Brainstorm

       Leitura da análise de usabilidade

  Estudo do Wireframe              Estudo do Briefing

                  Busca de referências
CRIAÇÃO
                          Ç

• Processo criativo / Brainstorm
  Processo criativo / Brainstorm

• Ilustrações e layouts das páginas
ILUSTRAÇÕES E LAYOUTS DAS PÁGINAS
ILUSTRAÇÕES E LAYOUTS DAS PÁGINAS
ILUSTRAÇÕES E LAYOUTS DAS PÁGINAS
CRIAÇÃO
                         Ç

• Processo criativo / Brainstorm
  Processo criativo / Brainstorm

• Layouts das páginas

• Storyboard para animações
STORYBOARD PARA ANIMAÇÕES
CRIAÇÃO
                         Ç

• Processo criativo / Brainstorm
  Processo criativo / Brainstorm

• Layouts das páginas

• Storyboard para animações

• Aprovação do cliente
DESENVOLVIMENTO

• Especificação de Interface
  Especificação de Interface

• Web Standards (os padrões web)
WEB STANDARDS
  OS PADRÕES WEB
WEB STANDARDS


MECANISMOS DE BUSCA
WEB STANDARDS
MECANISMOS DE BUSCA
WEB STANDARDS
MECANISMOS DE BUSCA
WEB STANDARDS



NAVEGADORES
WEB STANDARDS
  NAVEGADORES
WEB STANDARDS
  NAVEGADORES
WEB STANDARDS



DEFICIENTES VISUAIS
WEB STANDARDS
                                  DEFICIENTES VISUAIS


No Brasil, o Decreto n. 5.296, de 2 de dezembro de 2004, tornou obrigatória a 
acessibilidade aos sites públicos e o prazo de adequação é de 12 meses. O governo 
fornecerá treinamento aos gestores e desenvolvedores para qualificá‐los na criação do 
novo modelo.
          dl
DESENVOLVIMENTO

• Especificação de Interface
  Especificação de Interface

• Web Standards (os padrões web)

• SEO (Search Engine Optimization)
SEO (SEARCH ENGINE OPTIMIZATION)
    (                          )
         EXIBINDO O QUE VOCÊ QUER
SEO (SEARCH ENGINE OPTIMIZATION)
    (                          )
         EXIBINDO O QUE VOCÊ QUER
SEO (SEARCH ENGINE OPTIMIZATION)
    (                          )
  CONQUISTANDO BOAS POSIÇÕES SEM PAGAR POR ISSO
DESENVOLVIMENTO

• Especificação de Interface
  Especificação de Interface

• Web Standards (os padrões web)

• SEO (Search Engine Optimization)

• Programação e Banco de dados
HOMOLOGAÇÃO
                           Ç

• Colocar site em ambiente de testes
  Colocar site em ambiente de testes
• Bateria de testes
• Quality Center
• Solucionando os bugs
    l       d     b
• Aprovação do cliente
   p o ação do c e te
PRODUÇÃO
                         Ç

• Publicar arquivos nos servidores da internet
  Publicar arquivos nos servidores da internet

• Homologação

• Aprovação do cliente
DIVULGAÇÃO
                         Ç

• Publicidade online
  Publicidade online
PUBLICIDADE ONLINE
   BANNER INTERATIVO
PUBLICIDADE ONLINE
  INTERATIVIDADE NO MSN
DIVULGAÇÃO
                         Ç

• Publicidade online
  Publicidade online

• Links patrocinados
LINKS PATROCINADOS
DIVULGAÇÃO
                         Ç

• Publicidade online
  Publicidade online

• Links patrocinados

• Marketing de Guerrilha
MARKETING DE GUERRILHA
MARKETING DE GUERRILHA
DIVULGAÇÃO
                         Ç

• Publicidade online
  Publicidade online

• Links patrocinados

• Marketing de Guerrilha

• Web Surfing
WEB SURFING
          O ATO DE COLETAR E DISTRIBUIR INFORMAÇÕES



• Blogs
• Fóruns e listas de discussões
• Orkut
“DATA INTELLIGENCE”
                     MÉTRICAS

• Geram relatórios
  Geram relatórios
“DATA INTELLIGENCE”
                      MÉTRICAS

• Geram relatórios
  Geram relatórios

• Ferramentas Web (ex. Google Analytics)
GOOGLE ANALYTICS
GOOGLE ANALYTICS
“DATA INTELLIGENCE”
                      MÉTRICAS

• Geram relatórios
  Geram relatórios

• Ferramentas Web (ex. Google Analytics)

• Taxa de conversão
TAXA DE CONVERSÃO
“DATA INTELLIGENCE”
                       MÉTRICAS

• Geram relatórios
  Geram relatórios

• Ferramentas Web (ex. Google Analytics)

• Taxa de conversão

• Pesquisas de institutos (ex. IBOPE)
MANUTENÇÃO
                        Ç

• Alterações baseadas nas métricas
  Alterações baseadas nas métricas

• Alteração constante de conteúdo
POR FINAL

Lista de necessidades para o novo projeto
Lista de necessidades para o novo projeto



     POIS A WEB NÃO PÁRA
AGÊNCIAS REGIONAIS
MEU CONTATO




maikerobert@gmail.com
DIREITOS DE USO
DIREITOS DE USO

Weitere ähnliche Inhalte

Andere mochten auch

Apresentação behance sem trasação
Apresentação behance sem trasaçãoApresentação behance sem trasação
Apresentação behance sem trasação
Carolina Moura
 
A queda do alcance orgânico do facebook e por que isso não é ruim
A queda do alcance orgânico do facebook e por que isso não é ruimA queda do alcance orgânico do facebook e por que isso não é ruim
A queda do alcance orgânico do facebook e por que isso não é ruim
Wishpond
 
Radio drama lo1
Radio drama lo1Radio drama lo1
Radio drama lo1
Ed Ryding
 
Aventuras em Retargeting com Petey o Pixel
Aventuras em  Retargeting com Petey o PixelAventuras em  Retargeting com Petey o Pixel
Aventuras em Retargeting com Petey o Pixel
Wishpond
 

Andere mochten auch (20)

Facebook: como fazer estratégias de sucesso?
Facebook: como fazer estratégias de sucesso? Facebook: como fazer estratégias de sucesso?
Facebook: como fazer estratégias de sucesso?
 
Tudo de blogs_Oficina_ Senac - SP
Tudo de blogs_Oficina_ Senac - SPTudo de blogs_Oficina_ Senac - SP
Tudo de blogs_Oficina_ Senac - SP
 
Apresentação behance sem trasação
Apresentação behance sem trasaçãoApresentação behance sem trasação
Apresentação behance sem trasação
 
Css For Beginners
Css For BeginnersCss For Beginners
Css For Beginners
 
A queda do alcance orgânico do facebook e por que isso não é ruim
A queda do alcance orgânico do facebook e por que isso não é ruimA queda do alcance orgânico do facebook e por que isso não é ruim
A queda do alcance orgânico do facebook e por que isso não é ruim
 
Webcartooning ao vivo e a cores - Cartoons no Codebits 2008
Webcartooning ao vivo e a cores - Cartoons no Codebits 2008Webcartooning ao vivo e a cores - Cartoons no Codebits 2008
Webcartooning ao vivo e a cores - Cartoons no Codebits 2008
 
Macro tendências para interiores
Macro tendências para interioresMacro tendências para interiores
Macro tendências para interiores
 
Prêmio Aspacer Nacional de Design 2015
Prêmio Aspacer Nacional de Design 2015Prêmio Aspacer Nacional de Design 2015
Prêmio Aspacer Nacional de Design 2015
 
Radio drama lo1
Radio drama lo1Radio drama lo1
Radio drama lo1
 
O que as vandas não contam
O que as vandas não contamO que as vandas não contam
O que as vandas não contam
 
Aoki Media_Projetos_2014
Aoki Media_Projetos_2014Aoki Media_Projetos_2014
Aoki Media_Projetos_2014
 
MIV - Let Jet
MIV - Let JetMIV - Let Jet
MIV - Let Jet
 
Trajetória das mídias sociais - 2002-2015
Trajetória das mídias sociais - 2002-2015Trajetória das mídias sociais - 2002-2015
Trajetória das mídias sociais - 2002-2015
 
Aventuras em Retargeting com Petey o Pixel
Aventuras em  Retargeting com Petey o PixelAventuras em  Retargeting com Petey o Pixel
Aventuras em Retargeting com Petey o Pixel
 
Convergência Midiática
Convergência MidiáticaConvergência Midiática
Convergência Midiática
 
Mídia Online: Fundamentals
Mídia Online: Fundamentals Mídia Online: Fundamentals
Mídia Online: Fundamentals
 
Apresentação Interdisciplinar - Dadaísmo
Apresentação Interdisciplinar - DadaísmoApresentação Interdisciplinar - Dadaísmo
Apresentação Interdisciplinar - Dadaísmo
 
Massagem falica - Sexo Seguro sem Culpa 3ed - Eric Campos Bastos Guedes
Massagem falica - Sexo Seguro sem Culpa 3ed - Eric Campos Bastos GuedesMassagem falica - Sexo Seguro sem Culpa 3ed - Eric Campos Bastos Guedes
Massagem falica - Sexo Seguro sem Culpa 3ed - Eric Campos Bastos Guedes
 
Olhar sobre as tendências futuras
Olhar sobre as tendências futurasOlhar sobre as tendências futuras
Olhar sobre as tendências futuras
 
Produto em exposição uma verdade entre o design e arquitetura
Produto em exposição uma verdade entre o design e arquiteturaProduto em exposição uma verdade entre o design e arquitetura
Produto em exposição uma verdade entre o design e arquitetura
 

Ähnlich wie Projetos Web Por Maike Robert

Ähnlich wie Projetos Web Por Maike Robert (20)

Como Transformar Web Site B2B em Máquina De Geração De Demanda
Como Transformar Web Site B2B em Máquina De Geração De DemandaComo Transformar Web Site B2B em Máquina De Geração De Demanda
Como Transformar Web Site B2B em Máquina De Geração De Demanda
 
Super case e commerce-churrasking
Super case e commerce-churraskingSuper case e commerce-churrasking
Super case e commerce-churrasking
 
Melhorando a performance de aplicações com o uso do MemCache
Melhorando a performance de aplicações com o uso do MemCacheMelhorando a performance de aplicações com o uso do MemCache
Melhorando a performance de aplicações com o uso do MemCache
 
Marketing Digital Palestra Josssandro
Marketing Digital Palestra JosssandroMarketing Digital Palestra Josssandro
Marketing Digital Palestra Josssandro
 
Transformar Informações em Decisões mais Seguras e Inteligentes - Marketing D...
Transformar Informações em Decisões mais Seguras e Inteligentes - Marketing D...Transformar Informações em Decisões mais Seguras e Inteligentes - Marketing D...
Transformar Informações em Decisões mais Seguras e Inteligentes - Marketing D...
 
Como estruturar um e commerce de moda - aula espm - @thiago sarraf
Como estruturar um e commerce de moda - aula espm - @thiago sarrafComo estruturar um e commerce de moda - aula espm - @thiago sarraf
Como estruturar um e commerce de moda - aula espm - @thiago sarraf
 
07 marketing digital 2
07 marketing digital 207 marketing digital 2
07 marketing digital 2
 
Apresentação dos Serviços da PGeC
Apresentação dos Serviços da PGeCApresentação dos Serviços da PGeC
Apresentação dos Serviços da PGeC
 
Como produzir e demonstrar resultados com Marketing Digital - Eric Santose
Como produzir e demonstrar resultados com Marketing Digital - Eric SantoseComo produzir e demonstrar resultados com Marketing Digital - Eric Santose
Como produzir e demonstrar resultados com Marketing Digital - Eric Santose
 
Web 2.0 e Mídias Sociais
Web 2.0 e Mídias SociaisWeb 2.0 e Mídias Sociais
Web 2.0 e Mídias Sociais
 
Otimização de Campanhas Adwords - páginas de conversão
Otimização de Campanhas Adwords - páginas de conversãoOtimização de Campanhas Adwords - páginas de conversão
Otimização de Campanhas Adwords - páginas de conversão
 
UX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web AdventistaUX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
 
Produtividade
ProdutividadeProdutividade
Produtividade
 
Release Corporativo
Release CorporativoRelease Corporativo
Release Corporativo
 
Briefing - Workshop
Briefing - WorkshopBriefing - Workshop
Briefing - Workshop
 
Sthart - Desenvolvimento Web e Mobile
Sthart - Desenvolvimento Web e MobileSthart - Desenvolvimento Web e Mobile
Sthart - Desenvolvimento Web e Mobile
 
Palestra mídia programática
Palestra mídia programáticaPalestra mídia programática
Palestra mídia programática
 
Desenvolvimento web ágil com Django
Desenvolvimento web ágil com DjangoDesenvolvimento web ágil com Django
Desenvolvimento web ágil com Django
 
Google e negocios na internet vasco marques
Google e negocios na internet vasco marquesGoogle e negocios na internet vasco marques
Google e negocios na internet vasco marques
 
Workshop Briefing
Workshop BriefingWorkshop Briefing
Workshop Briefing
 

Kürzlich hochgeladen

Kürzlich hochgeladen (9)

ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdf
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdf
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docxATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 

Projetos Web Por Maike Robert