No IFDBlog são publicados matérias, artigos, conceitos
e podcasts, que são encontrados pela net envolvendo
as áreas de Publicidade, Design Gráfico e Marketing .

Os três personagens: Programador | Designer | Cliente

Hoje navegando por um blog indicado pelo Carlos na comunidade Diretores de Arte 2, achei algo extremamente interessante e tinha que trazer para cá, Yon montou uma apresentação para um cliente para mostrar o processo de desenvolvimento de um site, algumas imagens foram colocadas no perfil dele do flickr que ganharam muito destaque, então resolvi traduzir esta apresentação que será de grande ajuda aos visitantes do IFDBlog.

Passo 1: A discussão | Reunião

Naturalmente você irá começar seu projeto com o cliente começando por uma reunião. No primeiro encontro você precisa estabelecer o escopo básico do trabalho - o que tem que ser feito, regras e responsabilidades, quem é o seu contato para você receber os materiais (textos, imagens..), etc

Passo 2: Brainstorm

Pense como será a estrutura das coisas. O que é importante e o que não é, o que precisa ficar em todas as páginas. Dependendo da escala do projeto você deverá criar um sitemap para o cliente. A preparação do sitemap é essencial para a reorganização do conteúdo de qualquer forma.

Passo 3: Wireframe

O wireframe é o esqueleto do site, indicando toda a navegação, função e os elementos do conteúdo que irão aparecer no final do website, no wiframe não deve ser colocado nenhum elemento gráfico de design do layout . Geralmente o wireframe é usado para perceber qualquer tipo de problema ou algum elemento que foi esquecido de citar quando foi feita a reunião, baseado no wireframe é construído o conteudo, o design e tudo que envolve a construção do projeto que virá só mais tarde.

Como construir o wireframe aí já é com você, para os sites pequenos é adequado apesar usar o desenho, podendo usar o illustrator ou mesmo o photoshop, para os sites mais complexos pode ser que seja necessário fazer o wireframe usando html, assim o cliente pode clicar pelo wireframe e ver o que ficará em cada lugar do projeto.

Passo 4: Planejando o Conteúdo

Trabalhando em cima do sitemap e do wireframe, você e seu cliente vão juntos planejar o conteúdo, em específico o texto. O planejamento do conteúdo e sua escrita provavelmente será a fase mais trabalhosa que seu cliente terá durante o projeto, e com certeza vai levar algum tempo para terminá-lo e aprová-lo.

Passo 5: Iniciando o Design (trabalho)

Quando o cliente estiver preocupado em providenciar o conteúdo do site, o designer pode ir trabalhando no design da página principal e as páginas internas.

Passo 6: Feedback do Cliente

Quando a base do layout estiver pronta, o cliente precisa checar se o caminho que você tomou é o correto e *sugestionar pequenos ajustes no design se necessário. (*esta é a pior parte do cliente botar o dedo no design, acho que todo designer já passou por pequenas briguinhas nesta fase - rs)

Passo 7: Retrabalhar o Design (retrabalho)

Depois do feedback do cliente em relação ao passo 6, agora é a hora de retrabalhar o layout de acordo com as informações (pitacos) passadas pelo cliente.

Passo 8: Aprovação do Cliente

O processo de trabalho - feedback - retrabalho é repetido algumas vezes durante o projeto. Além disso a preparação do conteúdo que irá no projeto e sua confirmação é responsabilidade do cliente.

Passo 9: Páginas Adicionais

Assim que a abase do design do site estiver aprovado é a hora de começar a trabalhar no layout das páginas internas do site uma a uma.

Passo 10: 1º Aprovação Final do Cliente

E mais uma vez o cliente irá checar o design e layout das páginas internas se estão de acordo com o pedido, você irá refazer alguns pontos do design e finalmente depois de algum tempo terá a provação final do cliente.

Passo 11: Construindo o html (programação)…

Agora sim você vai começar a construir as páginas em html (ou outra linguagem)…

Passo 12: ..e o CSS

…e o CSS (é claro que não tem como colocar todas as etapas da parte da programação que é muita coisa.)

Passo 13: O Presente para o Cliente

Feedback novamente. Você e seu cliente irão trabalhar juntos - trabalho - feedback - retrabalho, paraver tudo que foi feito ou mesmo esquecido antes de finalizar o site por completo.

Passo 14: Teste

O estágio final é o teste do site. O site deverá ser testado em todos os browsers, checado de ponta a ponta, verificando possíveis erros de programação, de design ou quem sabe de texto (este reponsabilidade do cliente), de qualquer forma o teste do site tem que ter um cuidado muito detalhado antes do site ir para o “ar”.

Passo 15: Início

A imagem diz “THE END - O FIM”, mas logicamente você não irá pegar o cheque e sair correndo pela porta afora, você precisa ver o site pelo menos num período de 10 dias ou depois disso no caso de problemas que não sejam culpa do cliente e sim sua, que tenham a necessidade de consertos.

Espero que tenham gostado do artigo, que foi originalmente escrito por Yongfook, no site pingmag. Caso alguém queira complementar alguma fase do processo fique avonts e deixando um comentário.

autor: Yongfook
fonte: pingmag.

Veja também
O que é Consultor SEO e SEP ?
Modelos de Contrato | Orçamento


|

Confira estas Dicas:

IFDBooks     IFDescontos     IFDShop     IFDVitrine