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

RH

Desenvolver

Mobilizar

Disputa / competição de

profissionais entre projetos

TreinamentoFormação da

equipe

Seleção da Equipe

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.

OrganogramaPO

Gerente de Projeto

Arquiteto de Informação

Webdesigner

Desenvolvedor Front-end

Desenvolvedor PHP 1

Desenvolvedor PHP 2

Copywriter

ObjetivoDeixar clara a responsabilidade de cada envolvido em cada uma das etapas do projeto, incluindo o cliente / patrocinador

Matriz de Responsabilidades

Tabela da Matriz de ResponsabilidadesResponsabilidade de cada recurso no desenvolvimento do novo site do IGEC

Recurso EspecíficoAtividade Patrocinador Ger. De

Projetos Desenvolvedores Arquiteto de Informação Copywriter Webdesigner

Definir A R I I I IProjetar I A R R C CDesenvolver I A R C R RTestar A I C C C REntregar A R I I I I

R= Responsável | A= Aprovador | C= Consultoria | I= Informado

Matriz de Responsabilidades

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.

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

Papéis e responsabilidades

Obrigado!

Caroline RodriguesDiogo BardassonJoão Paulo AnzanelloKaren LunaPaulo Dreyer

Grupo: