O documento descreve o projeto de um novo site para o IGEC, com o objetivo de solucionar problemas do site atual. A equipe será composta por um gerente de projetos, desenvolvedores front-end e back-end, arquiteto de informação, copywriter e webdesigner. Cada membro terá responsabilidades definidas para garantir a entrega com sucesso.
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
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