quinta-feira, agosto 24, 2006

Matthew Mahon

Como alguns de vocês leitores desse blog devem saber eu trabalho na AgênciaClick. Ok, provavelmente todo mundo que atualmente acessa aqui me conheçe, afinal, acabei de criar esse site. Pra quem não sabe a Click é uma agência de internet, logo, eu trabalho com internet (durgh!). Tá, mas onde eu quero chegar dizendo isso é que o meu grande desejo é fazer parte dessa crescente tendência criativa de casar o vídeo com a web. A aplicação de animações, sons e vídeos de uma forma a tornar os trabalhos mais interessantes e ricos é pra mim um excelente caminho.


E pra ilustrar e discutir um pouco sobre essa forma de pensar em motion e internet juntos, postarei sobre um site de um fotógrafo. Fotógrafo? - Você vai me perguntar. Sim! F-O-T-Ó-G-R-A-F-O. O nome do cara é Matthew Mahon e ele trabalha com fotos publicitárias e de celebridades. Em uma análise superficial o site é simples, com um layout super clean e umas fotos jogadas numa área branca, mas quando você começa a se ater aos detalhes é impressionante a riqueza e a experiência que esse site passa.
Primeiramente a navegação é clara e intuitiva. Alguns mais apaixonados por usabilidade podem até chiar de não ter isso ou aquilo, mas ela a meu ver é completamente eficiente. Você clica na foto eela centraliza e se aproxima, já quando você clica fora dela na área branca ele afasta e proporciona uma visão mais ampla, simples como na vida real. Algumas fotos focadas tem 2 opções:

1) Virar a foto – A foto é realmente virada isso quer dizer que você acompanha o movimento da imagem sendo distorcida até aparecer o verso. Atrás da foto há sempre uma ótima composição com um desenho rabiscado e textos. O desenho apenas de linhas tremidas e com uma mensagem engraçadinha e pertinente a foto é muito legal. Os textos são informações da foto e do fotógrafo. Resumindo cada foto teve um tratamento super especial pelo designer que fez o site.

2) Ver o vídeo – Essa pra mim é a parte que mais tem a ver com motion + web (e mais fera também =). Ao clicar nesse link o Mahon e uma mulher aparecendo em uma espécie de stopmotion interagindo com a imagem. É fantástico, pois eles realmente interagem com a foto, em profundidade, cores etc. Por exemplo, tem uma foto que é de um pessoal fora de uma cerca e o Mahon aparece no vídeo sendo enforcado por um dos caras. O maneiro é que a mulher que aparece no fundo até tem uma distorção ótica como a foto tem! A atenção para os detalhes desses videozinhos é extremamente sutil e incrível. Outro exemplo disso é quando você vira a foto (opção descrita acima) enquanto os dois estão falando. O som abaixa dando a sensação que eles realmente ficaram do lado de trás. Ou então quando você dá um zoom out (o som diminuiu) ou vai pro lado esquerdo (o som da conversa se concentra do lado direito). Os recortes feitos nas imagens pra o stopmotion interagir com ela também são muito bem feitos, como é o caso da foto de um cara com uma camisa azul e a mão desfocada mais próxima da câmera. E tem um outro pequeno GRANDE detalhe. Quando você desliga o filminho dos dois falando eles saem, mas continuam falando do ponto que estavam, ou seja, esse vídeo é dinâmico e a cabeça é uma parte (filme) independente. O que foi feito fixo é só a animação do corpo, então você pode sair a qualquer momento do vídeo que vai parecer natural. Foi uma solução tecnológica simples, mas muito, muito boa.

Por fim vale comentar que esse site tem uma coisa que o Rapha (diretor de criação aqui da Click Brasília) sempre comentou que é a importância da experiência na internet. Você navega de uma forma prática e gostosa (adorei ver as fotos virando), acompanha o belo trabalho do fotógrafo e ainda conhece muito do seu universo e sua personalidade.

2 comentários:

Anônimo disse...

Muito massa mesmo Felipe.
è muito legal a maneira como ele expõe a foto no site, parece um objeto palpável, desgastado, manuzeado. A foto tá na web, na forma de um pedaço de papel, com história, além da história q tá na imagem. Ele conseguiu também colocar fotos de identidade dele ao longo dos anos, o que funciona como um "quem eu sou", sem texto nem nada.
Sobre a navegação, o que dizer?! Duvido que alguem tenha encontrado entravas.... a parada simplesmente flui no ritmo que o usuário quiser, tudo isso sem icone nem linkzinho de ajuda.

Unknown disse...

Cara, muito bom mesmo. Tem muita gente q vai dizer que isso não é css,etc. Mas o que realmante importa é o que o cliente quis passar para o sue público-alvo. Site de altíssima qualidade. Você sabe quem fez?