La Rocque / interaction designer

O Projeto Padrões

O projeto seguiu dois vetores: o usuário estando no controle e a internet como plataforma.

A idéia foi trazer agilidade à criação dos sites, onde mais tempo fosse investido no pensar dos produtos. Soluções foram focadas na objetividade. Todos os elementos de interação foram revistos, repensados e simplificados.

Outras preocupações foram o "mashup" entre produtos da Globo.com e externos, além da otimização para mecanismos de busca (Google SEO).

Papel no projeto

Apesar de grandes proporções, este projeto foi conduzido sob os moldes da metodologia "washing machine", onde todos puderam colaborar em diferentes areas.

Minha maior contribuição foi no desenvolvimento de um grid comum a todos os produtos do portal, diferentes modelos de destaques editoriais e suas relações, além de regras tipográficas.

Créditos: Telas feitas em parceria com os designers Isabela Rodrigues e Lucas Hirata; e com os arquitetos Alexandre Nigri e Renato Rosa.

O Produto G1

Desenvolvemos um portal de notícias para consumo rápido, jovem em seu formato e forte em conteúdo local. Notícias, expostas em formato de blog, e a presença de multimídia reforçaram o posicionamento por um produto ágil e impactante.

O site inova ao disponibilizar em um só endereço na web o conteúdo de jornalismo da TV Globo, além de reportagens próprias.

Papel no projeto

Coordenação da equipe de criação do núcleo de jornalismo da Globo.com, formado por designers e infografistas de São Paulo e Rio de Janeiro.

Participação em decisões referentes ao desenho de interfaces, marketing viral e posicionamento. Acompanhamento durante a fase de seu lançamento.

Resultados obtidos

O G1 foi lançado em setembro de 2006 e, em pouco menos de 3 meses, passou a disputar a liderança no segmento de jornalismo segundo dados do IBOPE.

Através da busca constante de novidades para promover o consumo de notícias online, o portal oferece conteúdo produzido por grandes nomes do jornalismo e da nossa cultura.

Premiações

O site G1 ganhou destaque no Prêmio INFO 2007 como site do ano. Ele recebeu 53% dos votos dos leitores da INFO, contra 27% do Digg e 20% do Musicovery.

Créditos:Telas feitas em parceria com os designers Bruno Sérgio, Diogo Cabral, Isabela Rodrigues e Rodrigo Estevam; e com os arquitetos Alexandre Nigri e Márcio Tristão.

O Projeto

A página inicial da Globo.com tem como função servir de apontador para diferentes tipos de conteúdos, recebendo cerca de 1 milhão de visitantes únicos por dia.

Fez parte do escopo oferecer mais variedades de destaques editoriais, melhorar a exposição dos links no menu e tornar a página visualmente mais impactante.

A solução

Para deixar claro aos usuários a natureza das áreas que compõe o portal, optamos por uma solução simples através de um código de cores. Além disso, foi criada uma variedade de modelos de destaques cambiáveis atendendo as novas necessidades editoriais.

Foi desenvolvido um menu expansível dinâmico resolvendo o problema de expor mais links na página - um elemento de inovação à navegação.

Resultados obtidos

Testes de usabilidade tiveram uma resposta extremamente positiva, e os entrevistados concordaram que a organização tornou-se mais clara, especialmente em relação à concorrência.

O aumento da média de clicks diários foi de 39%, principalmente nas áreas de Destaques, Menu, Coluna de Notícias e Vídeos (dados do Google Analytics).

Esse case foi apresentado no New Horizons for IA: 2006 Information Architecture Retreat, no Chile pelos arquitetos Bruno Pinheiro e Ilka Porto.

Créditos: O projeto foi feito em parceria com os arquitetos Márcio Tristão e Alexandre Nigri.

O Projeto

A Petrobras queria um site que fosse realmente útil aos seus investidores e o mais completo possível. Além disso, o diretor da área gostaria de ganhar o Prêmio POP+, um dos mais importantes da categoria. Ganhou não apenas uma, mas três vezes seguidas.

A solução

Dentro das limitações que tínhamos - utilização de cores web safe, resolução de 800x600 e ausência de rolagem de tela em sua home - foi desenvolvido uma grande variação de modularidades para expor um vasto conteúdo.

Blocos com cores saturadas atraem o olhar para determinadas informações e quebram a monotonia de um site com conteúdo mais “frio”.

Premiações

IR Magazine Awards - junho de 2006 Melhor Site de Relações com Investidor e Melhor Programa de Relações com Investidores Individuais.

TOP1 / TOP5 e OAR1 - fevereiro de 2006 Melhor do mundo no setor de Óleo, Gás e Petroquímica e, TOP5, como o melhor da América Latina.

Prêmio Pop+ - janeiro de 2004. Pelo terceiro ano consecutivo a Petrobras ganha o Prêmio POP+. O website foi escolhido também como o melhor da América Latina e o melhor na categoria Óleo, Gás e Petroquímica.

Linha do tempo: Projeto realizado durante o período em que trabalhei na Bowne Interactive Solutions em 2004.

A Punkshop.com.br

A equipe da Punkshop.com.br precisava de um site com mais personalidade para reforçar a comunicação com seu público e que ainda mantivesse a flexibilidade do sistema em PHP já utilizado na versão anterior.

O site procura atingir um público na faixa etária jovem, participante da “cena” musical e que consome não apenas música, mas um estilo de vida movido a rock & roll.

O Caminho Escolhido

Através da utilização extensiva de CSS, foi criado um layout na forma de “skins” que remetesse às filipetas das bandas de garagem, com grafismos e cores desse universo. Outro aspecto determinante ao projeto foi garantir a facilidade do processo de compra e cadastramento.

Resultado

A Punkshop.com.br teve um aumento nas visitas de 80% nas primeiras semanas após o redesenho, tornando-se uma referência desse tipo de serviço para o público consumidor de bandas independentes na internet brasileira.

A loja afirmou com mais segurança sua presença em shows através de kiosques que promovem o site e parcerias com gravadoras e produção de eventos.

Linha do tempo: Projeto realizado em 2006 como freelancer.