PlayStop.net

Tudo que você queria saber sobre Redesign...

...mas:

1. não teve coragem de perguntar
2. teve preguiça de procurar
3. tô nem aí pra essa bagaça
4. esse negócio de enquete faz sucesso, viu?

Começando do zero

Se você acha que fazer o redesign do seu site é trocar o layout... Hum... É claro que envolve uma mudança no visual, mesmo que seja mínima. Mas é bem mais que isso. Bom, primeiro vamos nos ater à palavra design e ao seu mais puro e primitivo significado: projeto. Pois bem, agora você já deve saber que tem uma tarefa pela frente: reprojetar seu site.

Liste TUDO

Antes mesmo de começar a desenhar, eu gosto de listar tudo que eu quero que o novo design tenha. Mas tudo, mesmo... Desde, sei lá, “linhas pontilhadas azul-da-prússia” até “aquele lancezinho de deixar png transparente no IE6”, passando por “código limpo”, “ícones de redes sociais” e “captcha no formulário de contato para evitar spam”.

O bloquinho é seu melhor amigo

As ideias, muitas vezes (pra não dizer sempre), surgem em momentos inoportunos, em lugares improváveis. Por isso eu digo: ande sempre com um bloquinho de anotações e um lápis, pois na hora que o insight acontece, tudo é lindo. Mas depois, você VAI esquecer. FATO. Já perdi a conta de tantas ideias legais que tive e que se perderam para sempre no infinito, porque não tive onde anotá-las. Não deixe isso acontecer!

Não se apegue apenas ao virtual

Inspiração você não encontra só nos posts-listas da Smashing Magazine. Nem na internet inteira. Já experimentou sair por aí e curtir a paisagem? Eu sei, parece piegas isso, mas funciona. Prestar atenção no mundo à sua volta pode render boas ideias (não esqueça o bloquinho). Outras formas de mídia (livros, revistas, jornais, TV) também são boas fontes de referência.

Palavra-chave: aprimoramento

Afinal de contas, é o real motivo que nos leva a pensar num redesign para nosso site. Aprimoramento, aperfeiçoamento, adequação, modernização, etc, etc e tal. É fundamental estudar o que anda acontecendo atualmente, seja em termos de código (CSS3 despontando, Webstandards nunca são demais) ou mesmo tendências em webdesign, mesmo que você não vá segui-las.

Mãos à obra

Depois de quebrar a cabeça, ter aquele insight genial, anotar, rascunhar, estudar mil possibilidades, listar, listar e listar. Chegou a parte... hm.. leeee...gal?: Fazer a coisa acontecer! Boa sorte pra você e pra mim. :)

Links, leituras úteis e inspiração

• 960 Grid System - sistema que disponibiliza templates em vários formatos com grid de largura 960px. Mão na roda.
• Bust That Creative Block! - (em inglês)
• Cacoo - ferramenta online para construção de wireframes.
• Coding Clean and Semantic Templates (em inglês)
• Design Fridge - meu showcase de design favorito.
• Process of Redesigning N.Design (em inglês)
• Web Design Trends for 2010 - (em inglês)
• A World of Design Possibilities - (em inglês)

Mais um da série Isso Foi Pra Mim :D

Mini Viva - Left My Heart in Tokyo