Blog

Folha de S.Paulo – Nova organização gráfica

Postado em por & em Portfolio.

layout-folha-54-cut

Sobre

No segundo semestre de 2013, recebemos a grande missão de dar uma cara nova ao site da Folha de S.Paulo e implementar novas funcionalidades no front-end, usando o mesmo CMS. Desde que me recordo da última reforma gráfica, em 2010, certos traumas  daquela época me perseguem. Não que eu possa entrar em detalhes, mas resumo com vários problemas de organização de todas as partes, inclusive a nossa.

Dessa vez, com mais experiência, envolvimento do cliente e com um gerenciamento ágil de projeto, conseguimos com sucesso colocar no ar uma nova organização gráfica. Mais do que isso, reformulamos todo o código do site, que agora está mais moderno, rápido e semântico, graça a novas tecnologias que implementamos, que também vão facilitar a manutenção por parte do time.

O conceito visual do projeto foi sugerido pela arte da Folha, junto com a redação. A ideia era se assemelhar visualmente com a identidade do jornal impresso. Depois essa mesma sugestão foi refinada por mim, que sugeri um aspecto mais funcional para as ações do site, assim como a utilização de um grid, padronização de fontes, sombras, pequenas transições, botões, ícones e outros ajustes finos.

Um infográfico explica bem as mudanças do site, como por exemplo, a personalização de notícias com o Sua Folha.

Mais detalhes no Portfolio.

Tags: , ,

Refink de volta aos palcos (atualizado)

Postado em por & em Refink.

Longe dos palcos e há um bom tempo tentando se reconstruir, o Refink mostrará a sua nova formação para 2013, começando com um show na famosa Rua Augusta.

Para os que não conhecem, sou integrante e fundador da banda Refink, na qual toco guitarra, teclado, faço backings vocals, produzo, crio o website, dentre diversas coisas…

O primeiro show é na Rua Augusta, no Newz Club, dia 11/02. Maiores detalhes aqui.

flyer

(Atualizado)

Mais shows na agenda:

  • 29/03 – Newz Club (Rua Augusta, 430, São Paulo/SP)
  • 29/03 – Music All Bar (Av. Otavio Braga de Mesquita, Guarulhos/SP)
  • 21/04 – Boomcast – Explosão Sonora (Rua Heitor II (ao lado do Senac – Centro de Itaquera), São Paulo/SP)

 

Tags: ,

Novos trabalhos adicionados

Postado em por & em Diário de Bordo, Refink, teste, vídeo.

A 4 Pés – Vídeos

Vídeos editados para o projeto A 4 Pés, que pretende documentar o seu sonho de dar a volta ao mundo em imagens pelos 4 cantos do planeta.

Vídeo 1 – Teaser

A 4 Pés – Teaser from A 4 Pés on Vimeo.

Vídeo 2 – Curso de Alpinismo Básico (CAP)

A 4 Pés / CAP – Curso Básico de Montanhismo 2012 (1º semestre) from A 4 Pés on Vimeo.

Ver este trabalho no Portfolio

Banda Refink – novo site lançado!

Visitar novo site do Refink

Em breve farei um post completo sobre os bastidores e planejamento por trás do novo site do Refink. Aguardem!

O estalo criativo da madrugada

Postado em por & em Diário de Bordo, Refink.

Entrevista para a Revista Tema

Postado em por & em mídia, Projeto Radiohead - Rain Down, projetos colaborativos, vídeo.

Visualização da revista online: http://tema.serpro.gov.br/pub/serpro/index.jsp?ipg=1160

Download (pdf):  http://tema.serpro.gov.br/temp_site/edicao-38.pdf

Agradecimentos a Regina Faria da Revista Tema, que realizou a entrevista comigo. Obrigado por sua gentileza.

Texto:

por Regina Faria

Cenas do projeto Rain Down, o multicam do Radiohead 44 JUL/AGO 2012 show da banda Radiohead foi tão bom que, ao chegar em casa, a vontade era de continuar curtindo o som, relata Andrews Ferreira Guedis, lembrando­ se do evento de 2009, em São Paulo.

(mais…)

Tags:

Novo site, novo portfolio. O cliente? Eu mesmo.

Postado em por & em Diário de Bordo, Portfolio.

O que todos falam até certo ponto é verdade, é muito difícil parar e fazer o seu próprio site/portfólio. Você nunca está satisfeito com o resultado, sempre está querendo refazer tudo e no fim nunca termina. Eu quis evitar o óbvio e apesar de não estar 100% contente com o resultado, cumpri a meta de entregá-lo para o “cliente”, que no caso, sou eu mesmo.

Essa foi a filosofia que adotei para desenvolver o projeto e não desistir. Fazer do zero, rascunhar um briefing, detalhar o mapa do site, criar a identidade visual (logo), wireframe das áreas, layout estático e a implementação do mesmo.

Por onde começar?

É o momento mais difícil, mas sempre deu certo com clientes e terceiros. Ponha no papel tudo que tem que ser feito e o que estiver lá será o rascunho da sua lista de tarefas do projeto.

Cores, identidade visual

Nesse meio tempo, a empolgação me fez dar vida ao primeiro rascunho da identidade visual. Logo já matei dois “coelhos” numa cajadada só (pobres coelhos). Achei as cores ideais: vermelho, branco e preto. A seta é para dar o sentido de tocar, reproduzir, seguir adiante. Para mim fez um puta sentido, mas ainda não estava satisfeito (como sempre).


(mais…)