SlideShare uma empresa Scribd logo
1 de 28
Novo Site
Novo site do IGEC
Objetivo do Projeto

Solucionar os seguintes problemas do atual site:
• Layout antigo
• Usabilidade
• Otimização para SEO
• Otimização para aumento de conversões
• Modernizar a Área do Aluno
Atual site do IGEC
Design

•Confuso
•Aparência “Remendada”
•Imagens de banco
•Cores não passam no teste de contraste
Atual site do IGEC
Usabilidade
•Links mal identificados na home
•Logo não linka para home
•Área do Aluno escondida
•Ausência de padrão na maioria dos links do site
Atual site do IGEC
Acessibilidade
•Alguns textos no formato de imagem
•Cores não passam no teste de contraste
•Links na Home para as redes sociais em “imagemap” – não navegável via
<tab>
•Banner em flash
•Área do aluno exibida numa pequena janela
Atual site do IGEC
Código Fonte

•Adequação ao webstandards
•Padronização W3C
•Validação HTML e CSS
•Compartilhamento Addthis
•Otimização para mecanismos de busca (seo)
•Navegação multiplataforma
Seleção da Equipe

                            RH
        Mobilizar                   Desenvolver



  Disputa / competição de
                                    Treinamento
     profissionais entre
                                 Formação da equipe
          projetos
Definição da equipe do Projeto
1 Gerente de Projetos: Por quê contratá-lo?
Esta pessoa irá gerenciar o escopo do projeto e irá cobrar de sua equipe se os
sprints determinados para cada etapa do processo foram cumpridos. Importante
ter um "porta-voz” da equipe para também “blindar” a sua equipe do PO, caso
ele solicite demandas que possam atrapalhar o escopo e o prazo do projeto.

1 Desenvolvedor Front-end Pleno: (conhecimentos em HTML, CSS, Jquery, JavaScript e SEO)
Por quê contratá-lo? Esta pessoa será responsável pela linguagem de
programação do novo site do Igec, com base nas especificações técnicas
definidas. Conhecimentos de JavaScript e SEO são necessários para otimizar a
performance do HTML nos mecanismos de busca na internet. O
Desenvolvimento bem feito do HTML é necessário para que o site funcione em
todos os browsers, sem erros e sem problemas de layout.
Definição da equipe do Projeto
2 Desenvolvedores PHP Plenos, especializados em Wordpress:
Por quê contratá-los? O site contém algumas premissas de sistemas um pouco
mais complexas. Devido a isso, serão contratados 2 profissionais nesta área para
agilizar e manter um prazo rápido para o desenvolvimento. Especialização na
plataforma Wordpress, de fácil instalação, programação, suporte e manutenção.

1 Arquiteto de Informação Pleno:
Por quê contratá-lo? Esta pessoa será responsável por elaborar o wireframe do
projeto, bem como estrutura de navegação e usabilidade, de acordo com o
especificado nas metas entre o GP e o PO. Necessário para fazer um estudo da
melhor arquitetura do site, fazendo com que ele seja de fácil acesso e
entendimento para qualquer nível de usuário.
Definição da equipe do Projeto
1 Copywriter Pleno: Por quê contratá-lo?
O profissional destacado nesta área será responsável por mudar a linguagem
dos textos do site e otimizá-los para SEO, em conjunto com o Desenvolvedor
Front-End. Redigir, de forma concisa e coesa, textos elaborados de acordo com
os padrões para leitura web.

1 Webdesigner Senior: Por quê contratá-lo?
O profissional destacado nesta área será responsável por desenvolver, de
acordo com o escopo do projeto e em conjunto com o AI, um layout coerente
e amigável com as boas práticas de navegação e usabilidade, mais intuitivo e
menos poluído.
Seleção da Equipe
O processo seletivo é o responsável por definir a equipe competente e
adequada para trabalhar na execução do projeto, com foco em atingir os
objetivos.

O perfil do candidato deverá ser compatível com o da
vaga, a comprovação de competência pode ser feita através de testes.

É responsabilidade do RH mobilizar os profissionais e desenvolver a equipe,
tornando-os capacitados da melhor maneira para a perfeita execução do
processo.
Organograma
        PO

                                 Gerente de
                                  Projeto


             Arquiteto de
                                Webdesigner   Copywriter
             Informação


             Desenvolvedor
               Front-end




  Desenvolvedor       Desenvolvedor
      PHP 1               PHP 2
Matriz de Responsabilidades
Objetivo
Deixar clara a responsabilidade de cada envolvido em cada uma das etapas do
projeto, incluindo o cliente / patrocinador
Matriz de Responsabilidades
 Tabela da Matriz de Responsabilidades
Responsabilidade de cada recurso no desenvolvimento do novo site do IGEC


                                             Recurso Específico
Atividade                     Ger. De                       Arquiteto de
               Patrocinador               Desenvolvedores                  Copywriter   Webdesigner
                              Projetos                      Informação
Definir             A           R               I                I             I            I
Projetar            I           A               R                R             C            C
Desenvolver         I           A               R                C             R            R
Testar              A           I               C                C             C            R
Entregar            A           R               I                I             I            I
 R= Responsável | A= Aprovador | C= Consultoria | I= Informado
Papéis e responsabilidades
Cargo: Gerente de Projetos
• Responsável pela definição dos objetivos do projeto e objetivos individuais;
• Acompanhamento do projeto;
• Facilitador da equipe;
• Responsável pela elaboração do cronograma de atividades, responsabilidades e
recursos;
• Deve assegurar o bom andamento dos trabalhos e também ser capaz de prever as
dificuldades;
• Deve possuir bom relacionamento interpessoal.
Papéis e responsabilidades

                            Cargo: Desenvolvedor Front-end Pleno

                        • Conhecimento em HTML, CSS, Jquery, JavaScript e SEO;
                          • Criação de interfaces e implementação de Wordpress;
  • Responsável por desenvolver e manter o site utilizando HTML, CSS, Javascript;
                              •Desenvolvimento de layouts para telas do website;
                                         • Trabalho integrado com o webdesigner.
Papéis e responsabilidades
Cargo: Desenvolvedor PHP Pleno
• Especializado em Wordpress ;
• Responsáveis pelo desenvolvimento de sistemas utilizando linguagens
como PHP, Javascript, HTML e JQuery.
• Serão contratados 02 profissionais para trabalhar em equipe.
Papéis e responsabilidades


                         Cargo: Arquiteto de Informação Pleno
       • Profissional com complexa atuação no trabalho de planejamento e
                                                   desenvolvimento de sites;
                          • Responsável por filtrar informações do website;
                                            • Hierarquização de informações;
     • Testes de usabilidade do site através de métodos pré estabelecidos;
                            • Auxílio na usabilidade e webdesign do projeto.
Papéis e responsabilidades
Cargo: Copywriter Pleno
• Responsável pela criação de textos e do conteúdo que haverá no site;
• Conhecimento na área educacional;
• Excelência em língua portuguesa;
• Conhecimento em línguas estrangeiras como inglês e espanhol para tradução,
se necessário.
Papéis e responsabilidades

                                         Cargo: Webdesigner Senior

        • Responsável pelo acompanhamento e desenvolvimento do conceito
                                                            visual do projeto.
                                     • Criação dos layouts das páginas do site;
                                 • Padronização de interface para o produto;
           • Conhecimento em boas práticas para sites (User Experience), em
                                    conjunto com o Arquiteto de Informação;
                   • Domínio das ferramentas Adobe Photoshop e Illustrator.
      • Criação de wireframe em software junto ao Arquiteto de Informação.
                                          • Documentação do Manual de Estilo
Obrigado!
Grupo:
         Caroline Rodrigues
         Diogo Bardasson
         João Paulo Anzanello
         Karen Luna
         Paulo Dreyer

Mais conteúdo relacionado

Destaque

Inquisición y revolución francesa en Canarias
Inquisición y revolución francesa en CanariasInquisición y revolución francesa en Canarias
Inquisición y revolución francesa en Canarias
Jose Finestres
 
Jornal de julho
Jornal de julhoJornal de julho
Jornal de julho
MClara
 
Libro de texto escolar y manual escolar2
Libro de texto escolar y manual escolar2Libro de texto escolar y manual escolar2
Libro de texto escolar y manual escolar2
linamariagarces
 
Internet
InternetInternet
Internet
cintia
 
Venta plantas-purificadoras-de-agua-durango
Venta plantas-purificadoras-de-agua-durangoVenta plantas-purificadoras-de-agua-durango
Venta plantas-purificadoras-de-agua-durango
Plantas Purificadoras
 
Las ideas y oportunidades de negocio 903
Las ideas y oportunidades de negocio 903Las ideas y oportunidades de negocio 903
Las ideas y oportunidades de negocio 903
kelly2710
 
02 Hermeneutica interpretação e ensino da bíblia em ellen white
02 Hermeneutica   interpretação e ensino da bíblia em ellen white02 Hermeneutica   interpretação e ensino da bíblia em ellen white
02 Hermeneutica interpretação e ensino da bíblia em ellen white
José Santos
 
Amor perfeito - CecíLia Meireles
Amor perfeito - CecíLia MeirelesAmor perfeito - CecíLia Meireles
Amor perfeito - CecíLia Meireles
guestd3dc3d663
 
Classificação e Ponderação
Classificação e PonderaçãoClassificação e Ponderação
Classificação e Ponderação
Alexandre Duarte
 

Destaque (20)

Inquisición y revolución francesa en Canarias
Inquisición y revolución francesa en CanariasInquisición y revolución francesa en Canarias
Inquisición y revolución francesa en Canarias
 
Internet
InternetInternet
Internet
 
apresentação inter 3
apresentação inter 3apresentação inter 3
apresentação inter 3
 
Jornal de julho
Jornal de julhoJornal de julho
Jornal de julho
 
Libro de texto escolar y manual escolar2
Libro de texto escolar y manual escolar2Libro de texto escolar y manual escolar2
Libro de texto escolar y manual escolar2
 
Internet
InternetInternet
Internet
 
Venta plantas-purificadoras-de-agua-durango
Venta plantas-purificadoras-de-agua-durangoVenta plantas-purificadoras-de-agua-durango
Venta plantas-purificadoras-de-agua-durango
 
Las ideas y oportunidades de negocio 903
Las ideas y oportunidades de negocio 903Las ideas y oportunidades de negocio 903
Las ideas y oportunidades de negocio 903
 
02 Hermeneutica interpretação e ensino da bíblia em ellen white
02 Hermeneutica   interpretação e ensino da bíblia em ellen white02 Hermeneutica   interpretação e ensino da bíblia em ellen white
02 Hermeneutica interpretação e ensino da bíblia em ellen white
 
productos
productosproductos
productos
 
Amor perfeito - CecíLia Meireles
Amor perfeito - CecíLia MeirelesAmor perfeito - CecíLia Meireles
Amor perfeito - CecíLia Meireles
 
ApresentaçãO1
ApresentaçãO1ApresentaçãO1
ApresentaçãO1
 
Classificação e Ponderação
Classificação e PonderaçãoClassificação e Ponderação
Classificação e Ponderação
 
METODOLOGIA
METODOLOGIAMETODOLOGIA
METODOLOGIA
 
Delphininum staphisagria
Delphininum staphisagriaDelphininum staphisagria
Delphininum staphisagria
 
Curso Rj 2010
Curso Rj 2010Curso Rj 2010
Curso Rj 2010
 
Vida
VidaVida
Vida
 
Bizkaia euskera ehu praktikaldia 14-15 ikasturtea
Bizkaia  euskera ehu praktikaldia 14-15 ikasturteaBizkaia  euskera ehu praktikaldia 14-15 ikasturtea
Bizkaia euskera ehu praktikaldia 14-15 ikasturtea
 
Apresentação Henrique Szklo
Apresentação Henrique SzkloApresentação Henrique Szklo
Apresentação Henrique Szklo
 
Portifolio Anual
Portifolio  AnualPortifolio  Anual
Portifolio Anual
 

Semelhante a Gestão de Projetos

Desenvolvimento Web Parte I
Desenvolvimento Web Parte IDesenvolvimento Web Parte I
Desenvolvimento Web Parte I
igorpimentel
 
Geoprocessamento livre na web com openlayers e cake php
Geoprocessamento livre na web com openlayers e cake phpGeoprocessamento livre na web com openlayers e cake php
Geoprocessamento livre na web com openlayers e cake php
Rafael Soto
 

Semelhante a Gestão de Projetos (20)

TDC2011: Arquitetura de Software Enterprise
TDC2011: Arquitetura de Software EnterpriseTDC2011: Arquitetura de Software Enterprise
TDC2011: Arquitetura de Software Enterprise
 
O papel do desenvolvedor front end
O papel do desenvolvedor front endO papel do desenvolvedor front end
O papel do desenvolvedor front end
 
Producao para web
Producao para webProducao para web
Producao para web
 
Domain Driven Design: como modelar uma aplicação em Node.js com DDD
Domain Driven Design: como modelar uma aplicação em Node.js com DDDDomain Driven Design: como modelar uma aplicação em Node.js com DDD
Domain Driven Design: como modelar uma aplicação em Node.js com DDD
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front End
 
Front-end o que é preciso saber?
Front-end o que é preciso saber?Front-end o que é preciso saber?
Front-end o que é preciso saber?
 
CV Alexandre R. de Castro
CV Alexandre R. de CastroCV Alexandre R. de Castro
CV Alexandre R. de Castro
 
Desenvolvimento Web
Desenvolvimento WebDesenvolvimento Web
Desenvolvimento Web
 
Microsoft WebMatrix
Microsoft WebMatrixMicrosoft WebMatrix
Microsoft WebMatrix
 
Profissão Programador Web e Multimédia
Profissão Programador Web e MultimédiaProfissão Programador Web e Multimédia
Profissão Programador Web e Multimédia
 
Desenvolvimento Web Parte I
Desenvolvimento Web Parte IDesenvolvimento Web Parte I
Desenvolvimento Web Parte I
 
Web Design > Aula 00
Web Design > Aula 00Web Design > Aula 00
Web Design > Aula 00
 
A agência Nuve e o processo de projetos
A agência Nuve e o processo de projetosA agência Nuve e o processo de projetos
A agência Nuve e o processo de projetos
 
Software gratuito
Software gratuitoSoftware gratuito
Software gratuito
 
Webdesign - O webdesigner no processo de criação
Webdesign - O webdesigner no processo de criaçãoWebdesign - O webdesigner no processo de criação
Webdesign - O webdesigner no processo de criação
 
Negócio Fechado. E agora?
Negócio Fechado. E agora?Negócio Fechado. E agora?
Negócio Fechado. E agora?
 
Produtividade
ProdutividadeProdutividade
Produtividade
 
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in RioTudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
 
Apresentação Executiva
Apresentação ExecutivaApresentação Executiva
Apresentação Executiva
 
Geoprocessamento livre na web com openlayers e cake php
Geoprocessamento livre na web com openlayers e cake phpGeoprocessamento livre na web com openlayers e cake php
Geoprocessamento livre na web com openlayers e cake php
 

Mais de João Paulo Anzanello (10)

Socio-Torcedor: Nova proposta by Sinergia Rubro-Negra
Socio-Torcedor: Nova proposta by Sinergia Rubro-NegraSocio-Torcedor: Nova proposta by Sinergia Rubro-Negra
Socio-Torcedor: Nova proposta by Sinergia Rubro-Negra
 
Meu Pomar
Meu PomarMeu Pomar
Meu Pomar
 
Ecommerce pet supermarket-final3
Ecommerce pet supermarket-final3Ecommerce pet supermarket-final3
Ecommerce pet supermarket-final3
 
Projeto Experimental - Estratégia em Mídias Sociais
Projeto Experimental - Estratégia em Mídias SociaisProjeto Experimental - Estratégia em Mídias Sociais
Projeto Experimental - Estratégia em Mídias Sociais
 
e-branding
e-brandinge-branding
e-branding
 
comportamento do consumidor
comportamento do consumidorcomportamento do consumidor
comportamento do consumidor
 
gestão de tecnologia web
gestão de tecnologia webgestão de tecnologia web
gestão de tecnologia web
 
mkt serviços
mkt serviçosmkt serviços
mkt serviços
 
mkt mobile
mkt mobilemkt mobile
mkt mobile
 
RP 2.0
RP 2.0RP 2.0
RP 2.0
 

Gestão de Projetos

  • 2. Novo site do IGEC Objetivo do Projeto Solucionar os seguintes problemas do atual site: • Layout antigo • Usabilidade • Otimização para SEO • Otimização para aumento de conversões • Modernizar a Área do Aluno
  • 3. Atual site do IGEC Design •Confuso •Aparência “Remendada” •Imagens de banco •Cores não passam no teste de contraste
  • 4.
  • 5.
  • 6. Atual site do IGEC Usabilidade •Links mal identificados na home •Logo não linka para home •Área do Aluno escondida •Ausência de padrão na maioria dos links do site
  • 7. Atual site do IGEC Acessibilidade •Alguns textos no formato de imagem •Cores não passam no teste de contraste •Links na Home para as redes sociais em “imagemap” – não navegável via <tab> •Banner em flash •Área do aluno exibida numa pequena janela
  • 8. Atual site do IGEC Código Fonte •Adequação ao webstandards •Padronização W3C •Validação HTML e CSS •Compartilhamento Addthis •Otimização para mecanismos de busca (seo) •Navegação multiplataforma
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14. Seleção da Equipe RH Mobilizar Desenvolver Disputa / competição de Treinamento profissionais entre Formação da equipe projetos
  • 15. Definição da equipe do Projeto 1 Gerente de Projetos: Por quê contratá-lo? Esta pessoa irá gerenciar o escopo do projeto e irá cobrar de sua equipe se os sprints determinados para cada etapa do processo foram cumpridos. Importante ter um "porta-voz” da equipe para também “blindar” a sua equipe do PO, caso ele solicite demandas que possam atrapalhar o escopo e o prazo do projeto. 1 Desenvolvedor Front-end Pleno: (conhecimentos em HTML, CSS, Jquery, JavaScript e SEO) Por quê contratá-lo? Esta pessoa será responsável pela linguagem de programação do novo site do Igec, com base nas especificações técnicas definidas. Conhecimentos de JavaScript e SEO são necessários para otimizar a performance do HTML nos mecanismos de busca na internet. O Desenvolvimento bem feito do HTML é necessário para que o site funcione em todos os browsers, sem erros e sem problemas de layout.
  • 16. Definição da equipe do Projeto 2 Desenvolvedores PHP Plenos, especializados em Wordpress: Por quê contratá-los? O site contém algumas premissas de sistemas um pouco mais complexas. Devido a isso, serão contratados 2 profissionais nesta área para agilizar e manter um prazo rápido para o desenvolvimento. Especialização na plataforma Wordpress, de fácil instalação, programação, suporte e manutenção. 1 Arquiteto de Informação Pleno: Por quê contratá-lo? Esta pessoa será responsável por elaborar o wireframe do projeto, bem como estrutura de navegação e usabilidade, de acordo com o especificado nas metas entre o GP e o PO. Necessário para fazer um estudo da melhor arquitetura do site, fazendo com que ele seja de fácil acesso e entendimento para qualquer nível de usuário.
  • 17. Definição da equipe do Projeto 1 Copywriter Pleno: Por quê contratá-lo? O profissional destacado nesta área será responsável por mudar a linguagem dos textos do site e otimizá-los para SEO, em conjunto com o Desenvolvedor Front-End. Redigir, de forma concisa e coesa, textos elaborados de acordo com os padrões para leitura web. 1 Webdesigner Senior: Por quê contratá-lo? O profissional destacado nesta área será responsável por desenvolver, de acordo com o escopo do projeto e em conjunto com o AI, um layout coerente e amigável com as boas práticas de navegação e usabilidade, mais intuitivo e menos poluído.
  • 18. Seleção da Equipe O processo seletivo é o responsável por definir a equipe competente e adequada para trabalhar na execução do projeto, com foco em atingir os objetivos. O perfil do candidato deverá ser compatível com o da vaga, a comprovação de competência pode ser feita através de testes. É responsabilidade do RH mobilizar os profissionais e desenvolver a equipe, tornando-os capacitados da melhor maneira para a perfeita execução do processo.
  • 19. Organograma PO Gerente de Projeto Arquiteto de Webdesigner Copywriter Informação Desenvolvedor Front-end Desenvolvedor Desenvolvedor PHP 1 PHP 2
  • 20. Matriz de Responsabilidades Objetivo Deixar clara a responsabilidade de cada envolvido em cada uma das etapas do projeto, incluindo o cliente / patrocinador
  • 21. Matriz de Responsabilidades Tabela da Matriz de Responsabilidades Responsabilidade de cada recurso no desenvolvimento do novo site do IGEC Recurso Específico Atividade Ger. De Arquiteto de Patrocinador Desenvolvedores Copywriter Webdesigner Projetos Informação Definir A R I I I I Projetar I A R R C C Desenvolver I A R C R R Testar A I C C C R Entregar A R I I I I R= Responsável | A= Aprovador | C= Consultoria | I= Informado
  • 22. Papéis e responsabilidades Cargo: Gerente de Projetos • Responsável pela definição dos objetivos do projeto e objetivos individuais; • Acompanhamento do projeto; • Facilitador da equipe; • Responsável pela elaboração do cronograma de atividades, responsabilidades e recursos; • Deve assegurar o bom andamento dos trabalhos e também ser capaz de prever as dificuldades; • Deve possuir bom relacionamento interpessoal.
  • 23. Papéis e responsabilidades Cargo: Desenvolvedor Front-end Pleno • Conhecimento em HTML, CSS, Jquery, JavaScript e SEO; • Criação de interfaces e implementação de Wordpress; • Responsável por desenvolver e manter o site utilizando HTML, CSS, Javascript; •Desenvolvimento de layouts para telas do website; • Trabalho integrado com o webdesigner.
  • 24. Papéis e responsabilidades Cargo: Desenvolvedor PHP Pleno • Especializado em Wordpress ; • Responsáveis pelo desenvolvimento de sistemas utilizando linguagens como PHP, Javascript, HTML e JQuery. • Serão contratados 02 profissionais para trabalhar em equipe.
  • 25. Papéis e responsabilidades Cargo: Arquiteto de Informação Pleno • Profissional com complexa atuação no trabalho de planejamento e desenvolvimento de sites; • Responsável por filtrar informações do website; • Hierarquização de informações; • Testes de usabilidade do site através de métodos pré estabelecidos; • Auxílio na usabilidade e webdesign do projeto.
  • 26. Papéis e responsabilidades Cargo: Copywriter Pleno • Responsável pela criação de textos e do conteúdo que haverá no site; • Conhecimento na área educacional; • Excelência em língua portuguesa; • Conhecimento em línguas estrangeiras como inglês e espanhol para tradução, se necessário.
  • 27. Papéis e responsabilidades Cargo: Webdesigner Senior • Responsável pelo acompanhamento e desenvolvimento do conceito visual do projeto. • Criação dos layouts das páginas do site; • Padronização de interface para o produto; • Conhecimento em boas práticas para sites (User Experience), em conjunto com o Arquiteto de Informação; • Domínio das ferramentas Adobe Photoshop e Illustrator. • Criação de wireframe em software junto ao Arquiteto de Informação. • Documentação do Manual de Estilo
  • 28. Obrigado! Grupo: Caroline Rodrigues Diogo Bardasson João Paulo Anzanello Karen Luna Paulo Dreyer