Como é o processo de confecção de um Website?
Esta série de imagens retratam o processo de desenvolvimento de um website de uma forma facilmente compreensível e divertida de visualizar. Estas imagens o levarão através deste processo, com o intuito de ajudar a gerenciar melhor o desenvolvimento do projeto.
No entanto, como é da natureza das coisas, pode haver uma infinidade de variáveis, que afetarão o decorrer do projeto. Por esse motivo, os projetos não são sempre tão definidos como nesta seqüência de imagens. Podem haver mais coisas a serem feitas, mais passos em que precisaremos de mais tempo para o desenvolvimento - por isso, pense nessa seqüência, apenas como uma base exemplo do tipo de processo.
Passo 01: Entrevista
Para iniciar o projeto, precisamos ter uma conversa com nosso cliente. Na primeira reunião, será preciso estabelecer a base escopo do trabalho - o que precisa ser feito, papéis e responsabilidades, quem será o nosso ponto de contato para o conteúdo (texto, imagens) etc.
Passo 02: Brain Storm
Pensaremos juntos como iremos estruturar as informações. O que é importante? O que não é? O que precisa ter em todas as páginas? Dependendo da dimensão do projeto, podemos criar um mapa do site para o cliente. O mapa do site é essencial, quando estamos organizando um conteúdo.
Passo 03: Organograma
Através de um organograma, estaremos visualizando o "esqueleto" do website, indicando toda a navegação, função e conteúdo dos links, que serão exibidos, mas sem os elementos de design gráfico. O mapa é usado para resolver quaisquer problemas ou elementos ausentes, e irá funcionar como uma estrutura para o conteúdo, design e construção trabalho que virá a seguir.
Trabalhando a partir do mapa do site, começaremos a organizar o conteúdo - especificamente o texto. Texto, planejamento e imagens serão provavelmente o maior trabalho do cliente durante o projeto – o que pode realmente levar algum tempo.
Passo 04: Design Inicial
Enquanto isso está acontecendo, o designer pode estar a trabalhar na base do design - a página principal e sub-nível páginas.
Passo 05: Feedback do cliente
Quando o projeto básico está pronto, o cliente deve verificar se estamos na direção certa e sugerir adaptações para o design em conformidade.
Passo 06: Ajustes
Que provavelmente pode envolver alguns ajustes (ou muitos...)
Passo 07: Aprovação do cliente
…Até que todo mundo fique feliz.
Este processo de trabalho-feedback-retrabalho pode se repetir em várias fases do projeto. Além de preparar o conteúdo, a confirmação do processo é também uma das principais responsabilidades do cliente.
Passo 08: Adição de Páginas
Depois que o projeto for aprovado na base, começaremos a trabalhar sobre o layout e design de cada uma das páginas individuais do site.
Passo 09: Confirmação Final do Projeto
E, mais uma vez, elas serão controladas, reformuladas e, em seguida, finalmente confirmadas.
Passo 10: Construção no CMS
Podemos construir a verdadeira página no CMS, entre outras programações. Realizar instalação, colocar nos servidor, etc. (Eu poderia ter feito tudo em um só passo, mas eu realmente gosto do pequeno robô guy).
Passo 11: Apresentação ao cliente
Feedback novamente.
Passo12: Testes finais
A fase final de produção é o debug. O site precisa ser testado em todas as plataformas para resolver quaisquer problemas técnicos, e controlados minuciosamente para conteúdo erros. Naturalmente, em todo o HTML e CSS devemos verificar o cross-browser.
A foto diz "FIM" - mas é claro que não basta pegarmos o cheque e corrermos para a porta - precisaremos monitorar o site durante cerca de 10 dias, ou logo após o lançamento, pois em caso de problemas, será necessário corrigir coisas.
Fotos: Yongfook.
Artista da Semana
Siga-me no Twitter!
