Gosto da cor amarela (acho que já deu para perceber, né?)
Amarelo porque é uma cor quente, alegre, estimula a criatividade e espanta a preguiça.

Abaixo alguns prints da animação e significado da cor que vi no site Color in Motion da Claudia Cortés.

Uso uma tipografia que faz lembrar traços manuais, o que gosto bastante de fazer.

Nos BGs que fiz para Twitter e YouTube também utilizei características que se encontram no Photoshop. Idéia batidona na real, mas não vi por enquanto uma solução melhor para dizer visualmente que o meu trabalho oscila entre o lápis e o computador.

Bom, eis que tentei fazer com que uma coisa ficasse parecida com outra, então abaixo você poderá ver a linha visual da identidade que irá ficar enquanto eu não tiver uma idéia melhor.

Quem costuma usar photoshop e visitar a minha home do Twitter vai sentir uma certa agonia e querer clicar nas ferramentas do Photoshop. Essa é a idéia!

Ainda fiz com que o layout pudesse se encaixar tanto em 1024 como para maiores resoluções, o que é até mais legal:

YouTube:

Imagem no Vimeo:

Mobile:

Cartões de visita:

A alguns meses atrás trabalhei no layout do hotsite da Feira do Guia do Estudante, inclusive postei aqui sobre o projeto.

Bom, printei as duas telas para se ter uma visão macro da coisa…
(lado esquerdo: hotsite do Guia – lado direito: site em questão)

O fato de sentir essa “familiaridade” com o site me incomodou um pouco, não pelo fato de poder ter sido uma cópia (por que a gente nunca pode afirmar se de fato é). Uma cópia realmente não me incomodaria. O que eu acho engraçado são elementos colocados totalmente fora de contexto, parece ser gratuitos. O que me incomoda e me fez pensar é justamente o óbvio, ou o “mais do mesmo”.
No post sobre o hotsite da Feira do Guia cheguei a dizer e a confessar que “decidi fazer algo que talvéz não seja tão inovador em termos de design, mas que o público se identificasse”, mas nunca pensei que pudesse fazer algo tão óbvio.

Óbvio ou não, todos os elementos que inseri foram colocados dentro de um contexto e de um conceito, já o site em questão não cheguei a achar conexão alguma com os elementos, enfim…

Será que meu layout foi tão óbvio assim que, sem pensar alguém conseguiu produzir tantos detalhes semelhantes?
Com base nessa questão decidi capturar alguns detalhes que me pareceram óbvios, agrupando na imagem abaixo:

E aí, tendência, obviedade, cópia ou mera coincidência?

Como era de se esperar e como faz parte da minha metodologia de trabalho neste projeto também comecei pelo wireframe. As informações já estavam bem organizadas, então a única coisa que fiz foi planificá-las para ter uma noção macro do site e então partir para a criação dos layouts no photoshop.

A idéia era fazer um visual jovem, a ver com os estudos, por isso decidi fazer algo que talvéz não seja tão inovador em termos de design, mas que o público se identificasse, que fosse extremamente funcional e fácil de encontrar as informações.

Em questão de legibilidade, optei por um layout com cores chapadas e desaturadas, que não fossem agressivas ao olho do internauta que visita o hotsite, além de fazer o fundo do texto também com o intuito de tornar uma leitura agradável, saindo do tradicional contraste fundo branco, fonte preta.

Mais uma vez eu contei com o Elton Prado, um parceiro que dá vida aos meus projetos, tornando-os navegaveis e indexaveis, tendo em mente sempre o foco no usuário, sempre se preocupando na função aliado ao visual.

Como o site já está fora do ar, você pode ver o layout no meu Flickr

Pesquisas e referências

Primeiramente fomos convocados para fazer um site de história em quadrinhos, jogos e animações baseados nos moldes do Comflix. Claro, nós do grupo boiamos um pouco, pois o máximo que sabíamos de quadrinhos girava em torno dos gibis da turma da mônica..rs
Pois então, tivemos que correr atrás de pesquisas de público, de linguagem e entender de fato quais eram as necessidades deste público, o que eles pensam, o que eles curtem e como seria este tal “site ideal” para eles.

Dentre diversos livros que vimos e compramos na Comix, recomendo muito esse, o “Desenhando quadrinhos“, tanto para iniciantes quanto para quadrinistas auto-didatas que ainda não o leram. É obrigatório!
O livro também é excelente para quem faz storyboards e trabalha com animação. Percebi que uma história de quadrinhos tem tudo a ver com o comportamento do storyboard.

Wireframe

Depois de entender esse público e mergulhar nesse mundo partimos para a parte prática.
Nem todos optam por fazer um wireframe detalhado, mesmo porque as vezes não dá tempo, mas acho que sem ele a probabilidade de um projeto ter furos é muito grande, então preferimos gastar mais tempo no entendimento e no planejamento para fazer um projeto conciso de cabo a rabo!.

Logotipo

Primeiramente, definimos o nome, concebido por todos os envolvidos no projeto, depois veio a concepção do logo que foi feito por mim e pela designer Lívia Holanda, parceira do grupo.
O objetivo foi criar algo original e que de cara se relacionasse com o assunto que estávamos tratando. Acertamos em cheio!
Temos referência do “balão” presente em todas as HQs e definimos para a tipografia uma temática que tem tudo a ver com o rítmo dos frames das histórias em quadrinhos.

Layout do site

O prazo era curto. Nós fomos o primeiro grupo a entregar o projeto, o que exigiu muita energia e algumas madrugadas em claro.
Optamos por fazer um layout em que as informações dos boxes em primeiro plano ficasse em maior destaque em relação ao backgroud do site.
Estudamos também quais seriam as áreas mais nobres dentro do scroll e grandes áreas de acessos para a nossa principal idéia: O “Crie HQ”, onde o usuário poderia criar a própria HQ, imprimir, mandar para os amigos ou até salvá-la como imagem e fazer o upload no site, criando o seu perfil onde poderia exibir toda sua criação e essas serem submetidas a comentários e avaliação de outros usuários.

THE END

O Final foi tão feliz quanto triste. Foram 30 dias de intenso trabalho e aprendizado com profissionais da Editora Abril e alunos bacanas e talentosos que viraram grandes amigos. Este aí em cima foi o meu grupo. Da esquerda para a direita:
Jornalistas Natalie Reinoso, Katiane Romero, Lucas Pereira e Designers Lívia Holanda e Marco Moreira (eu!)

Para a apresentação mandamos fazer as camisetas, onde em cada verso havia uma letra, representando a união matadora do grupo. Lívia Holanda também preparou uma animação de abertura onde explicava o conceito do projeto:

E para fechar com chave de ouro ainda criamos e mandamos imprimir diversos fanzines que continha nossa história no projeto desde o início.

Valeu demais!

Ufa!
Depois de um mês de intenso trabalho ele saiu!
Foram muitos “vai e vem” durante todo o trabalho, mas faz parte. Alguns trabalhos eu tiro de letra. O cliente aprova sem muitas alterações e ok. Mas como nós sabemos nem tudo são flores não é mesmo?
E outra é que a gente acaba lembrando que nós, designers não somos o centro do universo. Apesar de sermos especialistas nA arte, ninguém entende mais da marca do que o cliente.
Nos primeiros trabalhos com um cliente novo você pode ter certa dificuldade em “acertar a mão” ou até mesmo de entender a maneira de se comunicar com ele. E confesso que tive um bocado nessa, mas aprendi.
Fiz o wireframe, layout e animação, mas como programar não é minha especialidade, deixei essa parte com o Elton Prado que entende da arte e que também aprendeu um tantão em desvendar a porrada de erros e paus que o flash e os textos dinâmicos davam a todo momento.

Bom, este hotsite não é apenas uma cara bonitinha cheia de animações.
Ele foi desenvolvido com opção para 2 línguas, além de poder ser alimentado externamente, tanto textos como fotos e vídeos, então grande mérito deste trabalho se deve ao programador.
A princípio não haveria necessidade de ser abastecido por fora, mas como o cliente não tinha todo conteúdo, resolvemos fazer com que o hotsite funcionasse desta maneira. (como você vai poder ver, a opção em inglês e os vídeos ainda não foram ativados no site)

Clique para ver o Hotsite Europa para jovens no site do Viaje Aqui

Este info não tem nenhuma novidade espetacular em temos de navegação ou visual, mas o objetivo foi colocar a matéria que saiu na revista Mundo Estranho 73, inserindo o conteúdo exclusivo para internet. Claro, os vídeos!

O conteúdo é curioso e imperdível! (Uma pena que está fora do ar)

Esse ano fiz o projeto “Festas Playboy 2007″. É um hotsite que reune fotos, vídeos, cobertura da imprensa, custos e tudo o que o patrocinador precisa saber para poder fazer um evento com a Playboy.
Pois é, pode parecer que é o trabalho dos sonhos, mas para tornar este projeto realidade foi preciso suar muito a camisa!

Primeiramente foi feito um mapa do site no illustrator, que passou por uma aprovação. Depois disso foram feitos os layouts das telas do hotsite no photoshop e passando por uma outra aprovação comecei a desenhar e programar as telas no Flash.
Como fiz o projeto sozinho, levei em torno de duas semanas para fazer tudo. (Carnaval, fins de semana e algumas noites de sono vetados!)
Enquanto a maioria suava pulando nas ruas eu suava para conseguir entregar no prazo, contudo foi muito compesador!
Eu gostei muito de fazer e eles também ficaram muito felizes com o resultado.

Essa semana fechei um CD-ROM (abaixo) com o resumo de tudo que rolou nas festas de 2007 para a Playboy apresentar ao cliente (Skol) e, como se trata de outro tipo de mídia, tive que fazer algumas adaptações do trabalho que eu já tinha feito.

Pois é, esse foi mais um de outros que foram e virão como a maioria dos trabalhos de webdesign que são “vomitados” em nosso dia-dia.
Fiz este hotsite em 3 dias de trampo, fora outras obrigações do dia-dia que que surgem a todo momento para você fazer ao mesmo tempo.
Só quem entende de web sabe dizer o quanto é difícil fazer um trabalho bem feito em pouco tempo.

O nome “webdesigner” banalizou um pouco devido a “profissionais” de mal exemplo no mercado que se vendem a preço de banana e fazem um serviço porcalhão. E por isso acabou que na maioria das vezes os bons profissionais não tem o seu devido valor.

O verdadeiro webdesigner tem muitas vezes que conceber a idéia, fazer um wireframe, layoutar, ilustrar, capturar imagens da web, tratar, cortar, salvar em outro formato, animar, programar, fazer com que aquela fonte que só fica boa na revista impressa ficar legível em 2 pts com animação, deixar isso leve para a web, se preocupar com a usabilidade do negócio e ainda se certificar que vai rodar em firefox, I.E. e o diabo a quatro.

O webdesigner não pode só saber de design, ele tem que manjar um pouco de impresso e ir além, programação, ter uma noção de fotografia, se preocupar (muito!) com o usuário, dominar o inglês e saber lhe dar com as gambiarras no flash na hora de parir aquele trabalho no prazo imposto pelo cliente ou chefia (aliás, saber negociar prazos também é fundamental).

Fora que, depois de tudo aquilo de trampo você ainda ouve.. “mas não dá quando você passar o mouse no fulano, o beltrano se mexer e passar por trás de ciclano?”
Como se isso desse para fazer em 2 minutos (mal sabe que tálvez só em 2 dias você conseguiria resolver).

Não. Quem não é de web nunca vai entender o quão complexo é o que a gente faz. Quem sabe um dia esse sonho se torne realidade.

O que pode acontecer também é pedirem pra você fazer uma coisa “simplezinha” e que não precisa de nada requintado (ou seja, é pra ontém!!). Pois é, “Tosco” acabou de mudar de nome. Eu me recuso a fazer coisas toscas, por isso que ralo muito em todas as coisas simples que me pedem.
Tem uma frase que não me esqueço que um professor da facu costumava dizer:
“É simples fazer algo complicado, mas muito complicado mesmo é conseguir fazer algo simples”.

O simples é o bem acabado, é o objetivo, é o que o seu público quer ver, é a boa idéia e é o melhor a ser feito, mas é o mais complicado.

É por isso meu amigo webdesigner que eu digo: Tenha paixão pelo que faz! E é por isso também que eu faço sempre o melhor a cada trabalho dentro dos limites de tempo que tenho.

Novo canal SEXO no site da Mundo Estranho!!

Para quem não conhece o site da mundo estranho é um site bacanééééerrimo onde trabalho e lá você pode encontrar fotos, vídeos, infográficos animados, podcast, piadas, hotsites muito bacanas, jogos, wallpapers, emoticons e tudo o que você precisa para tirar suas curiosidades sobre tudo se divertindo muito, além de poder participar de enquetes, fórum, interagir com o blog e participar de promoções… caramba, é tanto conteúdo que não dá pra descrever. Entrá lá e dá uma olhada.

Mas este post é para falar da nova área do site, a ME HOT onde você vai encontrar reportagens, vídeos, enquetes e um super “Strip Quiz”, exclusivo da Mundo Estranho onde você joga e a cada acerto, uma gata tira uma peça de roupa. Interessantíssimo!

Bom, fiz o design desta seção inspirada em um banheiro, já que tratamos de sexo. A concepção visual não é um apelo para a sexualidade e sim para a curiosidade sobre sexo, pois atendemos a um público em sua maioria menor de 18 anos.

Este trabalho não sairia sem a colaboração de dois caras feras que trabalham comigo no site: Fred Di Giacomo(reporter) e Bruno Xavier(webmaster) e claro, sem falar do pessoal da revista!

Divirtam-se!