Minha primeira contribuição ao novo site de Economia&Negócios do Estadão.com. Responsável pela arquitetura e layout. Estão previstos mais de 80 lançamentos de carros para este ano aqui no Brasil. Confira e escolha o seu.
Tela do especial dos lançamentos automobilísticos do ano
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
Há tempos precisávamos de um template para abrigar matérias com conteúdo multimídia. Na realidade, precisava ser um modelo que desse conta de um abre especial, mais alguns especiais e lista de links relacionados. Essa reportagem “Hugo Chávez consagra receita de “governo ao vivo”" foi perfeita para criar este novo modelo que não é tão sucinto pra ser traduzida em um infográfico e nem tão grande pra usarmos o nosso outro modelo para conteúdos mais extensos. Fiz o design, mas, a cereja do bolo é o grande material apurado pelo meu amigo e repórter especial, Daniel Jelin.
Tela do Especial sobre o presidente Hugo Chavez
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
Em junho de 2009 estreamos o novo site do Link. Parte de um grande projeto, o site do Link foi a primeira ação que envolve essa marca do Grupo. Fiz a arquitetura de informação desse projeto com o querido Rodrigo Savazoni. Foi um trabalho muito especial e gratificante, com ideias excelentes e coroado com o belo design de Thiago Braga.
Wireframe da home do Link
Home do link dia 18/08/09
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
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
Tenho feito poucas coisas em flash, um dos últimos especiais que fiz foi sobre sanduíches para o Paladar. Apostei em uma navegação simples, sem firulas e com duas opções: ou você navega pelos thumbs aleatoriamente ou navega pelas setas. Sem segredo. A parte mais difícil foi escolher as fotos e recortar tantos sanduíches apetitosos. Dava uma fominha no final da tarde! Delicie-se.
Pães e Frios - uma combinação perfeita