Ao invés de café, um post…

Há tempos o Jornal da Tarde devia aos seus leitores uma versão na web. Como o JT é um jornal dinâmico que está mais focado nas questões da cidade de São Paulo, onde tudo acontece ao mesmo tempo agora, optamos por fazê-lo em Wordpress aproveitando o dinamismo dos blogs, criando uma interface simples, leve, casando com o estilo do jornal impresso. Para a missão contei com a ajuda da editora de arte do JT, a Vivi, que fez o logo e ajudou a aproximar a versão web do papel. Eu fiquei responsável pelo design das páginas. Para conferir o resultado, visite o site.

Home do JT

Há tempos planejávamos uma reforma na editoria de fotos do Estadão.com e finalmente, a reforma ficou pronta.

A página anterior deixava a desejar pois a área de fotos era quadrada e muito se perdia das fotos por conta disso, além de aproveitar pouco o potencial fotojornalístico da casa.

Home de fotos a ser melhorada

Para desenhar a nova página contei com o apoio das dicas super valiosas do nosso editor de fotografia Nilton Fukuda (que aliás edita o imperdível blog “Olhar sobre o mundo” e também com as dicas do meu colega Guilherme Sanches, já citado nesse blog outras vezes.

Antes da primeira conversa com o editor, eu fiz um wireframe da home, que mudou bastante em relação ao que temos hoje.

Um dos wireframes do processo

No canal anterior a navegação se dava na home mesmo e o maior tamanho da foto era 290px x 290px, exceto quando entrava na galeria, que abria em pop-up (que na verdade, já era uma versão melhorada da primeira galeria).

Redesenhamos completamente o Foto Repórter – que agora ficou no mesmo padrão da editoria. Tivemos um grande avanço nas galerias de fotos, com fotos bem maiores, navegação por editorias ou por galerias, ícones de compartilhamento, seguindo as diretrizes das galerias de outro produto da casa, o Limão.

Nova visualização de fotos e galeria

Veja o resultado final da home e navegue por todo o canal.

Abraços e até o próximo post.

Versão final da home do canal Fotos Estadão

Há algum tempo lançamos a versão do Estadão.com para celular. Dentro do Estadão.com, temos a versão do Estadão jornal, e em um segundo momento, também passamos essa versão para o celular. Desenhar pra celular ainda é um desafio, pois são muitos modelos, o celular é um suporte muito novo e como designer de tela grande há tanto tempo, senti um pouco de insegurança, mas, no final, tive um bom resultado. Eu trabalhei particularmente na versão do Estadão de Hoje. Abaixo algumas das telas e pra ver o resultado é só digitar m.estadao.com.br  no seu celular.

Estadão de Hoje - Chamada da home, capa, editoria e matéria

Finalmente, comprei um domínio, uma hospedagem e resolvi por meu “blogfólio” no ar. Antes, usava o espaço para falar sobre os meus trabalhos e experimentações, agora pretendo falar sobre arquitetura da informação, infografia, design, fotografia, mídias sociais (assuntos ligados a minha formação) e serviços interessantes nessa internet desorganizada de meu Deus. Não apenas trabalhos meus, mas, de outras pessoas também. Não tenho a pretensão de fazer um post por dia, mas, tentarei manter uma frequencia decente (um post por semana, talvez, não sei), pois esse não é um espaço pra cobranças (pois, de cobranças basta as do trabalho para o qual sou paga pra executar) e sim, pra ser feliz.

Para quem quiser ir direto aos meus trabalhos, é só clicar na categoria Portifólio, que é um filtro que mostra todos os trabalhos postados. Aliás, sofri muito para decidir esse formato de portifólio. Entre fazer um portifólio lindo e complexo, optei por um blog eficiente, claro e com todas as possibilidades de interação permitidas pelo número de widgets e serviços que são lançados por ai. Sem falar na facilidade de atualização. E de personalização da ferramenta. Item importante pra essa designer/arquiteta/cozinheira que vos escreve.

Assinem o feed e fiquem informados das atualizações do bloguinho.

Welcome!

Quase uma tradição, fiquei novamente responsável pelo design da página do SPFW e pelo especial das grifes desse verão. Segui um pouco a linha do caderno especial impresso, mas, acrescentei alguns detalhes (como a flor) que deram mais vida ao digital.

Home SPFW Verão 2010

Especial das grifes SPFW Verão 2010

Mais um ano e mais um Brasileirão. Dessa vez com home personalizada. Confira!

Home do Brasileirão

Alguns materiais especiais são reunidos em uma template única para melhor consolidação da mensagem. Para que todos os especiais não fiquem com a mesma carinha criamos uma identidade visual própria referente ao assunto em pauta. O guia de shoppings é um desses casos. E eu fiquei responsável por essa personalização.

Página especial do Guia de Shoppings

Eu precisava de um assunto interessante pra explorar em um trabalho da pós e uma amiga precisava divulgar seu trabalho. Dessa junção surgiu a idéia de criar um blog colaborativo para fisioterapeutas que utilizarão a ferramenta para dar dicas e falar sobre fisioterapia a quem interessar. Aproveitando o conhecimento adquirido com o case MPB4, o projeto se firmou nas seguintes bases: o blog colaborativo, twitter pra divulgação de posts e links interessantes de fisioterapia, o flickr pras galerias de fotos e a comunidade no orkut também voltada pra divulgação  e discussão dos assuntos pautados pelo blog. Tudo isso integrado na plataforma Wordpress.

No momento, contamos com duas profissionais blogando e pretendemos em um futuro bem próximo ampliar o número de colaboradores no site.

O trabalho foi feito conjuntamente com Marco Moreira (designer e arquiteto de informação como eu) e Bruno Fernandes  (analista programador).

É um trabalho que foi feito para contemplar a primeira Oficina Integradora do Conhecimento ministrada pela Thaís Campas no curso da FIT, mas, que vai ser continuado e melhorado, tendo como objetivo se tornar um endereço de referência sobre fisioterapia na web.

Obrigada aos colegas pela realização do trabalho e às fisioterapeutas  Dra. Gislaine Zapata e Dra. Luciana Almeida pela importante contribuição nesse pontapé inicial. Nos visite.

Printscreen do www.colunadafisio.com.br

Para o hot-site da Madonna no Brasil para o Limão – produzi os documentos de A.I. a partir de um desenho executado conjuntamente com a editora do projeto. Participei desde a discussão sobre os campos até a finalização do layout e fiz o acompanhamento junto a parte técnica. Foi um trabalho muito prazeroso, pois fugiu um pouco da normalidade dos trabalhos que executo para o Estadao.com.br. Pude ousar um pouco mais nas cores e no layout já que o referido era um pedido do pessoal do Limão. Como ao fazer o wireframe eu já sabia que ia dar a saída pro layout, acabei fazendo-o muito próximo do que eu queria pro layout, depois apenas artefinalizei. Confira o resultado aqui

Wireframe - Madonna no Brasil para Limão

Layout do hot-site