Se você é um Web Designer freelancer, sabe a quantidade de tarefas que deve assumir a cada novo projeto, a produção de um website exige que você seja uma dúzia de profissionais simultaneamente, você precisa ser um vendedor do seu trabalho para convencer seus clientes de que seu investimento será lucrativo e relevante, precisa ser publicitário para compor uma análise de pontos a serem expostos no projeto, filtrar as idéias e buscar a abordagem que trará melhores resultados de acordo com os objetivos da “campanha” e dom público alvo, precisará ser um criativo artista, um especialista em usabilidade, escritor, fotógrafo, editor de imagens, programador, especialista em SEO, etc.
Ser este profissional multidisplinar para atender todas estas demandas de um projeto web ou de um simples site, exige organização, é necessário, aliás é essencial saber gerenciar o tempo de forma produtiva, para que prazos e expectativas sejam atendidas, para isso é vital que o WebDesigner se programe, planeje suas ações e estudos métodos de trabalho, buscando a solução mais produtiva.
Organização
Organizar suas atividades e arquivos não significa apenas etiquetar uma série de pastinhas e nunca saber onde procurá-las ou desconhecer o que se têm arquivado, a melhor forma de organizar algo é definindo uma estratégia, buscando definir que tipo de classificação é a mais adequada a sua forma de funcionar, se você é uma pessoa metódica que separa cada nota, cada recibo, cada contrato em pastas separadas e organiza-as por datas, ordem alfabética, ou qualquer outro tipo de classificação que tenha sentido para você ótimo, senão é uma pessoa que sequer lembra onde guardou o cheque que recebeu de algum cliente é hora de começar a definir sua estratégia de organização.
Separação por Relevância, se o Google organizasse os documentos referentes a minha atividade de WebDesigner este seria o critério de classificação dos meus documentos, por isso procuro agrupar coisas semelhantes em diferentes formatos, por exemplo, se estou desenvolvendo um projeto para uma empresa, procuro arquivar em um só local todos os documentos, cartões, folders, cartazes, panfletos deste projeto em um mesmo local, assim facilitaria a minha busca.
Documentos que exigem uma constante revisão ou consulta, tem locais estratégicos, preferencialmente na primeira gaveta ao lado da escrivaninha, logo abaixo do mouse, claro que em seu escritório ou casa, você deve definir este local estratégico, mas o ideal é facilitar o acesso fácil a documentos que exigem constante consulta e revisão, deixando arquivos menos “acessados” em locais mais distantes e organizados.
Virtual X Real
Uma dica que poderá ser útil é tentar manter a mesma estratégia de organização de documentos reais, nos documentos virtuais, organizar seus arquivos, imagens, HTML, CSS, JS, Contratos, Emails, etc. Da mesma forma que organiza seus papéis, você estará familiarizado com a estrutura, o que facilitará sua navegação em documentos reais ou virtuais, poupando-lhe tempo e permitindo reduzir o tempo de busca por determinado documento.
Backups
É vital para qualquer profissional que utilize computadores, a realização de backups constantes, defina uma período de acordo com o volume de dados que deseja organizar, quando menor a quantidade de dados a serem armazenadas a necessidade de backup receberá um período maior, para profissionais que precisam armazenar grandes quantidades de dados, o ideal é que os backups tenham um intervalo menor.
Por experiência própria posso afirmar que é vital utilizar uma estrutura padrão para os backups (nem sempre fui organizado, e sofri muito para encontrar um email trocado com um cliente, sem saber ao certo de havia sido em 2006 ou 2007…), você conseguirá navegar de forma rápida e intuitiva através do arquivos, fazendo com que o backup tenha real utilidade, é interessante também utilizar um indíce global de seus backups, um simples documento de texto com a descrição dos arquivos encontrados em cada diretório na pasta raiz é capaz de minimizar sua busca em relação a um arquivo que você não se lembra exatamente quando foi produzido, recebido ou baixado da internet.
Com seus arquivos devidamente organizados, é possível aumentar ainda mais a produtividade do seu tempo, definindo rotinas de produção, definindo o que deve ser feito, evitando o desperdício de tempo em atividades não relacionadas e prolixas, definir uma forma de produzir, criar sua própria linha de montagem de sites.
Rotina de Produção
No WebDesign temos uma série de atividades e todas são importantes (a maioria é importante….), algumas necessitam de uma tarefa pré-requisito, portanto é necessário definir quais as atividades são prioritárias, quais podem ser realizadas em paralelo, quais podem ser descartadas de acordo com as necessidades do projeto a ser desenvolvido, os administradores utilizam um gráfico para visualizar de forma mais intuitiva estas tarefas, este gráfico é conhecido como “Gráfico de Gantt”, você não precisa produzir um gráfico destes a cada projeto, mas é importante entender seu funcionamento para definir quais as tarefas são críticas e quais são secundárias, onde estão e quais são as atividades que merecem maior atenção e empenho afim de maximizar a produtividade.
Após definir sua rotina, pratique-a, caso contrário você só terá desperdiçado seu precioso tempo, vou citar a estrutura geral da minha rotina produtiva de websites, talvez sirva como base para alguém, talvez não sirva para nada, ao menos você estará aprendendo com os meus erros e desenvolvendo algo mais adequado à você.
1 – Com o briefing em mãos, procuro conhecer quem são os concorrentes da empresa, do serviço ou do produto, procuro conhecer quais são as soluções e pontos positivos dos websites destes concorrentes, quais seus erros, acertos, identidade, público alvo, etc.
2 – Após a familiarização com o ramo do cliente ou natureza do projeto, defino uma estratégia e escrevo em uma folha de papel o que cada um dos sites dos concorrentes nacionais ou não possuem de positivo e negativo. Esta lista será a minha bússola durante todo o processo de produção, a partir da lista poderei me nortear evitando cometer os mesmos erros identificados, maximizar as idéias boas e já validadas pelos clientes como convenções, etc.
3 – Com o briefing e com a lista de familiarização é possível esquematizar o site a ser produzido, estrutura de navegação, formato, diagramação do conteúdo, destaques do conteúdo, call to actions, palavras chaves, organização e hierarquia do conteúdo, etc.
4 – Layout, com as idéias devidamente anotadas e com o briefing, abro o photoshop e inicio o desenvolvimento de uma imagem que representará a interface do website, após o desenvolvimento de 2 ou 3 propostas diferentes de layout, envio-as para a seleção e modificações do cliente.
5 – Após as devidas considerações do cliente e adequação do layout as necessidades apontadas, inicio a produção de uma página XHTML com CSS e Javascript, após a produção deste documento, tenho a base para a produção de todas as outras páginas do projeto, para qualquer linguagem web, assim o “template” do projeto estará concluído.
6 – Com o template pronto o próximo passo é realizar a produção da lógica do site, javascripts, phps, tabelas de banco de dados, manipulação de dados, etc.
7 – Testes, com as página prontas inicio os testes em diferentes navegadores e sistemas operacionais.
8 – Após as correções de possíveis problemas identificados durante os testes o site passa para a fase de otimização, para isso realizo a verificação de diversos itens, como carregamento de scripts, imagens, base de dados, segurança, etc.
9 – Apresentação e entrega, após todos os testes e otimizações, o site deverá ser entrega, antes disso realizo um backup do conteúdo final otimizado e devidamente revisado, uma midia com todos os arquivos é gravada e o cliente recebe uma cópia e a outra é arquivada.
De forma geral este é modelo que acredito ser o mais eficiente para o meu modo de trabalhar, espero que este artigo produza algum efeito e tenha alguma utilidade em sua forma de trabalhar, adapte as dicas aqui descritas as suas necessidades e reforce estes hábitos produtivos em sua rotina de trabalho.
Obs: Este artigo foi escrito baseado em Organization Tips For Web Designers
Posts Relacionados
- Renovar é preciso...
- HTML5 e CSS3 são viáveis?
- Eleições 2010 x Internet
- Buscando Inspiração?
- Quando a visita não vem...






Sobre hábitos produtivos de web design tenho uma questão de “ética”.
É antiético fazer um site para uma empresa e depois de um mês a concorrente pedir pra você fazer um site e você aceitar? Tipo terá o seu nome nas duas concorrentes, isso é ruim?
A proposito, parabéns pelo post, me esclareceu muitas duvidas.
Até
Comentário by tiago — 15 de setembro de 2011 @ 12:45
Olá Tiago,
Obrigado pelos elogios ao site, referente a sua pergunta se é ético ou não, eu particularmente não vejo nada demais em atender empresas concorrentes, desde que você não repasse informações sigilosas sobre seus clientes.
Se você pesquisar verá que no ramo de prestação de serviços como webdesign, publicidade e propaganda e vários outros ramos é até comum que uma empresa preste serviços para diversas empresas de um mesmo ramo e consequentemente concorrentes neste ramo.
Se você manter sigilo sobre os aspectos das empresas não existe nenhum problema.
Obrigado mais uma vez pela visita, desculpe a demora para responder e volte sempre!
Atenciosamente,
José Eduardo
Comentário by José Eduardo — 22 de setembro de 2011 @ 6:01