Layout 1

As atividades deste tipo contemplam principalmente pequenas alterações na aparência da página no que diz respeito à disposição dos elementos na tela (HTML, XHTML e CSS). Normalmente elas envolvem somente o designer, por isso não épreciso mobilizar um programador para que a atividade seja feita.

Esforço: este tipo de atividade normalmente tem um esforço médio de 2 horas de trabalho.

Para que a atividade seja considerado como Layout 1, as alterações devem ser poucas e somente em trechos do código. Mudanças que requerem reestruturação de mais da metade de uma página são consideradas como Layout 2.

Alterações de Imagens

Exemplo 1 - Imagem do Logo:

Comentário: "Favor atualizar o logo do site com a imagem em anexo".

Exemplo 2 - Trocas de imagens internas:

Comentário: "Caros, criamos uma imagem default para toda vez que uma comunidade for criada. Envio em anexo".

Exemplo 3 - Troca de fotos:

Comentário: "Gostaria de mudar a foto da equipe que está contida no texto principal pela foto que estou enviando pelo e-mail".

Alterações no HMTL ou CSS:

Exemplo 1 - Estilo do link em um post:

Comentário: "Todo link colocado em um post automaticamente deve ficar com underline e bold".

Exemplo 2 - Estilo de uma tabela:

Comentário: "Fazer com que a borda de todas as tabelas seja igual a zero automaticamente".

Exemplo 3 - Formatação de textos:

Comentário: "Gostaria de mudar a formatação do texto da seção" Sobre a gente" ".

Layout 2

As atividades deste tipo contemplam grandes alterações na aparência da página no que diz respeito à disposição dos elementos na tela (HTML, XHTML e CSS do site). Em alguns casos elas envolvem somente o designer mas por ser uma mudança em vários elementos, existem casos que a mobilização de um programador énecessária, então écobrada atividade de Programação 1 ou 2 em conjunto.

Esforço: este tipo de atividade normalmente tem um esforço médio de 8 horas de trabalho.

Para que esta atividade não seja longa ou exija muito retrabalho e consequentemente acarrete na cobrança de várias atividade de desenvolvimento 1 ou 2, juntamente com mudanças de texto e layout 1, érecomendado que seja feita uma atividade de Design Gráfico e de Escopo antes da sua execução.

Criação de Novas Páginas

Exemplo 1 - Criação do XHTML de uma nova página:

Comentário: "No box Ferramentas, da home do usuáio, deve ser adicionado um último link "Configurar e-mail".

Ao clicar sobre este link, o usuário deverá ser redirecionado para uma tela onde irá marcar se deseja receber as notificações por e-mail.

Após confirmação de gravar dados, o usuário deve ser enviado para a tela de mensagem padrão do sistema.

Em anexo, segue protótipo da tela"

Mudança completa no template de uma página

Exemplo 1 - Reestruturação do CSS:

Comentário: "Gostaria que a nova folha de estilo fosse aplicada na página inicial".

Design 1

Estas atividades são relacionadas com demandas de alteração do Design Gráfico do site e à criação de imagens.

Esforço: este tipo de atividade normalmente tem um esforço médio de 4 horas de trabalho.

As imagens podem ser GIFS ou JPGs criados a partir de editores de imagens como Photoshop/Illustrator/CorelDraw. Se a demanda for a criação de um banner, uma atividade de Design 1 já ésuficiente. Contudo, se o pedido for para a criação de uma box ou de uma chamada dinâmica, vai ser necessário ter uma atividade de Layout relacionada para a execução completa do trabalho.

Criação de ícones e banners

Exemplo 1 - Criação do botão editar:

Comentário: "Gostaria que fosse criado um novo gif para o botão editar com a borda da mesma cor do logo".

Exemplo 2 - Criação de banners:

Comentário: "Favor criar um banner para a chamada..."

Design 2

Estas atividades são relacionadas com demandas de alteração/criação do Design Gráfico de uma página com vários elementos gráficos.

Esforço: este tipo de atividade normalmente tem um esforço médio de 12 horas de trabalho.

As imagens podem ser GIFs ou JPGs criados a partir de editores de imagens como Photoshop/Illustrator/CorelDraw. Nelas não está contemplada a transformação da imagem produzida para o XHTML correspondente. Neste caso, normalmente énecessário ter uma atividade de Layout 2 para a execução completa do trabalho.

Estudos de Logotipos também entram neste nível de atividade, pois exigem grande interação com o cliente e pesquisa para a criação de identidade visual.

Criação do template de uma página

Exemplo 1 - Criação do design gráfico de uma nova página:

Comentário: "Favor criar em arquivo jpeg a página inicial do site para que possamos estudar sua diagramação".

Exemplo 2 - Criação um novo design gráfico de uma página existente:

Comentário: "Criar um novo estudo da página de cadastro de usuários".

Criação de logo

Exemplo 1 - Criação do logo do portal:

Comentário: "Criar alguns estudos para o logo do portal e enviar para a equipe".