Vejo que muita gente por aí, web designers, programadores e até mesmo agências, ainda não sabem muito bem por onde começar o projeto de um website.
Antes de mais nada, você precisa criar uma Especificação Funcional e Técnica.
A especificação funcional é um documento que devemos fazer antes de começar a produzir qualquer site.
Chama-se especificação funcional pois explica descritivamente como que cada área do site funcionará, o que cada uma deve fazer.
A especificação funcional é a primeira coisa a ser feita em projeto web ou de TI. São levantados os Casos de Uso, que descrevem as diferentes maneiras que uma mesma funcionalidade, área, ou script pode funcionar no site. Por exemplo, em uma tela de login, deve haver o Caso de Uso do usuário já logado, o Caso de Uso do usuário não-logado, o Caso de Uso do usuário que esqueceu a senha, e por aí vai.
Depois vem a Especificação Técnica, que em alguns casos, para ganhar tempo ou projetos de menor complexidade, pode ser feita no mesmo documento da funcional. A especificação técnica, descreve o passo a passo do que um designer, prorgramador ou administrador de banco de dados deve fazer em cada uma das funcionalidades do site durante seu desenvolvimento.
É na especificação técnica que deve conter por exemplo, que o botão de “Buscar”, deve ser do tipo button, com o nome BtnBusca, e com 250 pixels de largura.
É na especificação ténica que também entra o protótipo das telas, algo que o web designer deverá fazer. Ele lê toda a especificação funcional e com os dados da especificação técnica, cria as telas HTML. É ele também que desenvolve as Folhas de Estilo CSS e o Javascript, além é claro de imagens e Flash. São gerados JPGS de cada uma dessas telas, que ilustram cada um dos casos de uso, e anexados ao documento de especificação funcional e técnica. Assim, o programador ou os outros profissionais envolvidos saberão como o site deve funcionar, e quais elementos eles terão que programar ou criar.
O programador, com o documento completo e as telas HTML em mãos, pode desenvolver o sistema, criando script e códigos. Tudo isso, se houver, junto ao administrador do banco de dados (que por sua vez já deve ter estruturado como serão as tabelas e dados do banco).
Meu modelo de Projeto com Especificações Funcionais e Técnica é bem simples e enxuto. O correto em projetos de médio e grande é que este trabalho seja feito por um Analista, que descreverá em um documento Word todas estas especificações, além de criar diagramas de fluxo de informação, de filtros e de classes, coisas como UML, por exemplo.
Quem quiser um exemplo em Word pede aqui que eu publico em algum lugar.
Abraços!
Agradecimentos ao Fábio Campos da TIVIT, que foi o melhor analista que conheci até hoje.