No Carnaval tem muito trabalho sim senhor!
Filed Under (Criação, Organização, Produtividade, Vendendo o meu Peixe, Webdesign) by Cristiano Santos on 26-02-2009
Pensou que eu parei de trabalhar no Carnaval? Negativo!
Para quem me acompanha no Twitter com a minha hashtag favorita (#workathome) sabe que desde novembro estou trabalhando na finalização de vários projetos conquistados pela minha extinta start-up. De lá pra cá, foram 5 estréias, além de alguns outros que estão em desenvolvimento, sendo que cada um se encontra em uma fase da criação.
Hoje eu trago para vocês o case Dispac, que é o primeiro de cinco projetos finalizados recentemente. Além dele, conclui também os projetos Outro Sentido, Glass & Co, Diferença Formaturas e STD Tulio Barros. Lembrando sempre que eu trabalho com uma metodologia clara no desenvolvimento de criação de sites, que consiste em quatro fases distintas. São elas:
- “Briefing” – Fase que visa traçar um perfil mais abrangente do projeto. Conhecer o público-alvo e suas finalidades são metas dessa fase.
- “Escopo” – Nessa fase o assunto é o conteúdo. O tipo de abordagem, a forma como cada informação é exibida para o usuário e a forma de navegação fazem parte dessa fase.
- “Criação” – Com tudo definido chegou a hora do desenho das próprias páginas em si. O layout tem o compromisso de expor todas as informações de forma harmônica com foco total no objetivo central do projeto.
- “Lançamento” – Na última fase são feitos testes de uso, busca da correção dos erros, configurações de servidores e a divulgação da estréia.
Vamos ao projeto e seus detalhes. Lembrando que a metodologia em questão é uma adaptação de inúmeros formatos encontrados na Internet. O importante é que o cliente possa ter uma documentação clara na nossa metodologia para que ele possa acompanhar a evolução do projeto e solicitar ajustes quando necessário.
1º caso – Dispac – http://www.dispac.com.br
Esse projeto começou com um a criação de dois wireframes. O uso dessa técnica nos auxilia na criação do layout, pois prevê as áreas mais importantes da interface, priorizando os elementos ou setores que foram destacados inicialmente no briefing. E dessa forma, os ajustes podem ser feitos ainda no nível mais baixo da interface, deixando a criação no Photoshop (com texturas, tipologia e ícones) para um passo seguinte, onde as definições são mais específicas.
- Dispac Vassouras e Correlatos
- Dispac Vassouras e Correlatos
- Dispac Vassouras e Correlatos
- Dispac Vassouras e Correlatos
- Dispac Vassouras e Correlatos
- Wireframe Dispac | Página Index modelo 1
- Wireframe Dispac | Página Interna modelo 1
- Wireframe Dispac | Página Index modelo 2
- Wireframe Dispac | Página Interna modelo 2
Bem é isso pessoal, espero que tenham gostado, e no decorrer da semana vou fazer outros artigos mostrando mais projetos. Abraços e até lá!

























