direitos autorais
3
quem somos
Editorial
“A cigana leu o meu destino... eu sonhei... bola de cristal, jogo de búzios, cartomante...”
Equipe Direção Geral Adriana Melo
[email protected]
Direção de Redação Bruna Kanhan
Hoje uma “cartomante” leu o meu destino, conforme as
[email protected]
cartas de Mille Lenormand. Meu prognóstico: felicidade
Direção de Arte
constante, amor fiel, fortuna, êxito nos negócios... Bem, dizem
Patrícia Maia
[email protected]
que as cartas não mentem... ;-)
Ilustração
Essa “cartomante” também é designer nas horas vagas, e
Beto Vieira
trabalha na Arteccom. Pois é... nos empolgamos tanto com o
[email protected]
tema da revista, que compramos baralho cigano, cristais,
Diagramação
cartas de tarot... Tudo para fotografar, escanear e fazer uma
Bruna Werneck
[email protected]
diagramação bem bacana. Acabamos brincando de interpretar
Publicidade
nossos futuros.
Daniele Moura
E, brincando, descobri o segredo da Arteccom, como
[email protected]
tentamos desvendar nesta edição, os segredos dos designers.
Webdeveloping
Descobri que a equipe busca um resultado sempre melhor do
Fabio Pinheiro
[email protected]
que o esperado, busca surpreender, ultrapassar limites, se
Contabilidade
envolve, literalmente, com cada projeto. Acredito que a
Ana Maria Medeiros
explicação para isso seja uma equipe que realmente AMA o que faz. Só superamos nossas expectativas quando trabalhamos
[email protected] editora
Criação e edição
com amor, com paixão. Descubra também o seu segredo que, para alinhavar o seu sucesso, deve coincidir, imprescindivelmente, com o que você mais ama fazer. E, quando o descobrir, desenvolva e EXPLORE AO MÁXIMO seu potencial!
www.arteccom.com.br
Distribuição www.chinaglia.com.br
Colaboração Bete Veiga - Redação
Um grande abraço, Adriana Melo
4
arteccom
:: A Arteccom não se responsabiliza por informações e opiniões contidas nos artigos assinados, bem como pelo teor dos anúncios publicitários. :: Não é permitida a reprodução de textos ou imagens sem autorização da editora. :: Os emails são apresentados resumidamente. :: Sugestões dadas através dos emails enviados à revista passam a ser de propriedade da Arteccom.
menu
apresentação pág. 4 quem somos pág. 5 menu
contato pág. 6 emails pág. 6 fale conosco
fique por dentro pág. 9 adote esta página pág. 10 clipping
portfólio pág. 12 veterano: Tangerina Design pág. 16 calouro: Bruno Free
matéria de capa pág. 18 entrevista coletiva pág. 28 portfólio: Shane Mielke pág. 30 portfólio: Nicholas Mir Chaikin pág. 32 portfólio: Amy Franceschini pág. 34 portfólio: André Matarazzo pág. 36 portfólio: Shun Kawakami pág. 38 portfólio: Thomas Poeser
e-mais pág. 41 estudo de caso: submarino pág. 48 animação, áudio e vídeo pág. 54 tutorial: cores seguras
com a palavra pág. 56 interface: Marcello Póvoa pág. 58 webwriting: Marcela Catunda pág. 60 marketing: René de Paula Jr. pág. 62 mercado de trabalho: Michel Lent pág. 64 webexperiences: Clóvis La Pastina
5
emails
Assunto: Semana de Arte Moderna Digital
Assunto: How Magazine brasileira
Assunto: Capas
repare que esta está menos “comestível”... Isso significa que estamos
ajustando
nosso
Na primeira edição da
Gostei muito da Webdesign. Os
Gostaria de sugerir que a
Webdesign, vários
assuntos são pertinentes e
criação da capa da revista Wd
profissionais discorreram sobre
tratados com o cuidado
fosse feita por designers/
a identidade nacional. Antes de
apropriado. Posso exagerar
leitores. A Arteccom colocaria
ler a matéria, pensei: tem
(será?) dizendo que já é a How
no site da revista o tema
muito a ver com a Semana de
Mag brasileira?!
principal, com um prazo para
22. Seria um marco para a
Gostaria de sugerir o seguinte
entrega da capa, e o designer
A primeira e a definitiva....
identidade nacional se
tema: como mensurar a
ganharia seu nome na mesma.
Acho que assim dá para definir
houvesse uma “semana da arte
necessidade de adquirir planos
Eu, como designer, teria um
a revista. É muito legal mesmo!
digital brasileira”. Acredito que
Linux ou Windows, ASP, PHP
grande orgulho de assinar a
Achei que só iria consegui-la
já existem vários artistas que
ou JSP?
capa de uma revista como a Wd.
por assinatura, porque minha
linguagem criativa a
Rodrigo Marques de Novais
[email protected]
Bruno Neves
[email protected]
identidade nacional. Talvez,
Hum... How Magazine??? Ficamos
Muitos webdesigners passaram
eu estava viajando e esbarrei
estes estejam precisando se
muito honrados! E sua sugestão já
pela área de design gráfico.
com os dois primeiros
conhecer, elaborar um
foi para a reunião de pauta, ok?
conseguem transformar em
cronograma. Ufa! ;-)
Assunto: Webdesign no fim do mundo
cidade, apesar de ser no estado de SP, é no fim do mundo. Mas
Minha idéia é que a cada
exemplares...
manifesto, quem sabe? Energia
edição a Wd conceda a
fluindo! Vejo muito (ainda) a
oportunidade a um designer de
Lucas Mathias
[email protected]
influência externa sendo
criar a capa da mesma.
“comprada” por alguns
Paulo Teixeira
[email protected]
designers. Nada contra as
Pois é... muitos não estão conseguindo encontrar a revista. Em breve, aumentaremos o número de exem-
influências externas, desde que
Olá, Bruno e Paulo!
plares para 20 mil, ok? Mas quem
assimiladas e transpostas para
A idéia é bacana, mas, por enquanto,
procura, acha, não é, Lucas!? ;-)
uma linguagem nossa. Fica a
como estamos na maior correria,
idéia.
vamos guardar a sugestão, ok? Quem
João Elton Moreto
[email protected]
sabe, no futuro, poderemos implantar
Sensacional sua idéia, João! Será o
selecionado e saiu nesta edição.
tema da edição comemorativa do 10º
Parabéns, está muito bacana!
essa idéia?! Bruno, seu portfólio foi
Encontro de Web Design, em novembro de 2005, no Rio de Janeiro. Meus parabéns! Contaremos
Assunto: Gostosa?!?!
com sua participação e contribuição
Como vai a edição da revista
no evento . Já começamos a
mais gostosa do Brasil? Eu
desenvolver o projeto! Um grande abraço, Adriana.
Assunto: Prêmios
explico... nas duas últimas edições, a maior parte das
Sugestão: Pesquisar e formar
figuras estava relacionada
uma lista de prêmios nacionais
com comidas, o que deixa o
e internacionais, relevantes
leitor (eu, no caso) com uma
para a mídia online e para os
super vontade de comer a
criativos das agências, bem
revista inteira. Achei muito
como a visibilidade que os
bom este recurso.
mesmos promovem aos seus
Edgar Felix
[email protected]
ganhadores. Guilherme
[email protected]
Hahahahaha!!! Também posso explicar... A equipe ficou aqui até
Gostamos da sua sugestão, Guilher-
altas horas diagramando as duas
me. Já começamos as pesquisas. É
primeiras edições e, com certeza, não
ótimo vocês participarem assim para
teve tempo nem de lanchar. Mas
que o conteúdo da revista atenda bem às expectativas! fale conosco :: www.arteccom.com.br/webdesign ::
[email protected]
6
0800 702 9004
* * * *
Melhor Preço
SEU SITE MAIS
Mais Segurança Mais Confiança
RAPIDO
Mais Velocidade
NA INTERNET
A SUA 1ª HOME PAGE
Servidores no Brasil
POR APENAS
14
R$
,80 mensais
painel de controle - webmail - ftp - contador antivírus e antispam nos emails - php - asp estatística de visitação - aspemail - mysql perl - access - extensões front page - e muito mais
0800 702 9004 www.turbosite.com.br
7
Pagamento Trimestral. - Desconto para pagamentos semestrais e anuais. - Sem taxa de inscrição. - Taxas Fapesp e Internic não inclusas.
www.turbosite.com.br
8
adote esta página
adotou esta página
“Eduquem-se as crianças e não será necessário punir os adultos”
foto
Piaget
Adotando esta página, o Terra Empresas contribuiu com R$600,00 para a manutenção do projeto Mage-Malien – Crianças que Brilham, beneficiando integralmente crianças e jovens de comunidades menos favorecidas. O projeto possibilita o acesso das crianças ao universo da educação, da arte e da cultura através de cursos e oficinas ministrados gratuitamente pela equipe Beriba-Rei Capoeira. Ocupando de maneira sadia suas horas de lazer, os jovens aprendem o exercício pleno da cidadania. A Arteccom acredita na construção de um futuro melhor e agradece este gesto de solidariedade! Você também pode ajudar a manter o brilho dessas crianças: ligue para (21) 2253.0596 ou envie um email para
[email protected] e adote esta página!
Para conhecer o projeto Magê-Malien, visite o site www.arteccom.com.br/magemalien
9
clipping
Programa combate pedófilos em chats Um programa que imita o comportamento de crianças em salas de chat é a mais nova arma para o combate à pedofilia online. O casal inglês Jim e Eleanor Wightman criou o ChatNannies (babás do chat, em português) na tentativa de “ajudar a fazer da internet um lugar mais seguro”. O software roda centenas de sub-programas, os nanniebots (babás-robôs), que se conectam às salas de chat e conversam com as crianças e adolescentes presentes. Enquanto isso, pela tecnologia de redes neurais e munidos de uma inteligência artificial sobre cultura pop, analisam sinais que podem revelar entre os participantes aqueles que, na verdade, são
Plug In Website Award A PlugIn, em parceria com a Arteccom, está lançando um
adultos, e não, as crianças que dizem ser.
concurso que vai premiar os melhores websites da rede. A
O programa, cheio de boas intenções,
premiação será realizada no 9º Encontro de Web Design,
já está também coberto de
em São Paulo, dia 27 de novembro deste ano. O primeiro
polêmica, pois especialistas
colocado ganhará um computador Pentium 4. Inscreva já
acreditam ser muito fácil que
seu site em http://concurso.plugin.com.br. Participe!
um programa desses gere
(02)
resultados falso-positivos. O endereço do serviço na web é www.chatnannies.com. (01)
Cientistas criam novo protocolo ultrarápido de Internet
(02) Empresa lança memória removível menor que selo postal A SanDisk, empresa fabricante de cartões de memória multimídia, anunciou o lançamento de novos tipos de
Pesquisadores do Departamento de Ciência da Computação da Universidade
memória removível que podem servir tanto para
da Carolina do Norte desenvolveram um novo protocolo de transferência de
computadores quanto para telefones celulares. Os novos
dados para a Internet que faz as atuais linhas digitais de alta velocidade (DSL)
(03) cartões chegam a ter de 32 a 256 Megabytes (MB) de
parecerem letárgicas. O protocolo foi batizado BIC-TCP, ou Aumento do
capacidade. Medindo 24 por 18 milímetros de extensão,
Congestionamento Binário - Protocolo de Controle de Transmissão. Em recente
e apenas 1,4 mm de espessura, tem a metade do tamanho
estudo comparativo conduzido pelo Centro de Aceleração Linear da
de um selo postal. O SanDisk
Universidade Stanford (Slac), o protocolo BIC
Reduced Size MultiMediaCard
consistentemente liderou o ranking em uma série
tem versões de 32MB, 64MB,
de experiências para determinar sua
128MB e 256MB, com previsão
estabilidade, capacidade de ampliação e
de lançamento no mercado
precisão diante de outros protocolos.
mundial ainda para o segundo
Injong Rhee, professor associado de
tamanho real
trimestre deste ano. O preço irá
ciência da computação, disse que
variar de US$ 14,50, para o
o BIC pode atingir velocidades
cartão de 32MB, a US$ 40, para
cerca
o de 128MB – preços válidos
de
seis
mil
vezes
superiores às do padrão DSL, e 150
para altas quantidades.
mil vezes maiores do que as dos modems atuais.
(03) (04)
Asus anuncia HD acionado por dispositivos sem fio A Asustek Computer, fabricante de placas-mãe e acessórios para PCs, irá lançar em maio um disco rigído que permite o backup de dados de qualquer lugar da casa ou do escritório, por meio de uma rede sem fio, com velocidade de até 54 Mb/s. A interface do disco, controlada via Web, possibilitará a outros usuários da rede o gerenciamento dos arquivos no disco, com as opções “acesso irrestrito para todos”, “acesso só mediante senha”, “apenas leitura” e por aí afora. O preço estimado do HD, cuja capacidade não foi divulgada, é de US$ 150,00. (05)
10
A Sony está anunciando o lançamento para abril de um leitor de e-book baseado no e-Paper (papel eletrônico). A novidade, batizada de LIBRIe, consiste em uma folha de filme plástico, de 6 polegadas com resolução de 800x600 pixels. Mede 12.5 x 19 cm, pesa 300 gramas e armazena os livros digitais em 10 MB de memória interna (expansível até 512 MB com o uso de cartões Memory Stick).
A Sony disse nesta quinta-feira que o PlayStation 2, até o momento o videogame mais moderno produzido pela empresa, deve continuar sendo vendido até 2010. (Analistas acreditavam que o A declaração foi feita por Andrew House, vice-
d e 5 0 0 e - b o o k s , d e p e n d endo d o
presidente da Sony Computer Entertainment —
tamanho de cada um, e pode ser
divisão de games e outros produtos de informática
manipulado como se fosse um jornal.
da empresa.
O acesso aos textos dos livros será
Analistas acreditam que a próxima versão do
feito através da assinatura
videogame, o PlayStation 3, será lançada pela Sony
de um serviço mensal,
entre 2005 e 2006. A Microsoft também deve lançar
que custará de US$ 5 a
uma nova versão de seu videogame, o Xbox, nos
US$ 10.
próximos anos.
O LIBRIe será lançado no
PlayStation 2 deve ficar no mercado até 2010
aparelho sairia do mercado em 2005).
Segundo a Sony, o LIBRIe é capaz de armazenar cerca
primeiro
clipping
Sony anuncia “leitor” de papel eletrônico
(06) (07)
mercado
japonês ao preço sugerido de 400 dólares.
Site clonado tenta roubar senha de correntistas do Itaú
(06)
Está circulando pela internet uma mensagem
Microsoft lança software de reconhecimento de voz
falsa do banco Itaú. O e-mail é enviado pelo
A Microsoft fez mais um lançamento de impacto. Trata-se do Speech Server 2004, software
repassar seus dados. As informações,
(05) no reconhecimento de voz. Segundo declaração de Bill Gates em uma conferência baseado
supostamente, seriam enviadas para um
de programadores, em São Francisco, na Califórnia, há uma intensa variedade de cenários
sistema contra fraudes do Itaú.
nos quais o Speech Server pode ser utilizado.
Por ém, ao clicar no link, o usuário é
endereço “
[email protected]” e pede para o internauta entrar no site do banco e
Na realidade, o novo produto é uma plataforma para
redirecionado a um site falso, mas idêntico
rede, que permite a outros fabricantes de softwares
ao do Itaú. Se o internauta digitar seus
criar programas ajustados às suas necessidades. Os
números de agência, conta e senha,
departamentos de tecnologia da informação, por
poderá enviar os dados para algum
exemplo, usariam o Speech Server para funções de apoio
golpista, que terá como transferir dinheiro
interno, como atualizar contra-senhas e dar assistência a usuários
da conta do usuário para contas de outros
de computadores.
bancos.
O presidente da Microsoft estava mais falante do que nunca. Ele só
O Itaú alerta, por meio do canal “Segurança”,
não comentou a recente decisão da Comissão Européia de multar a
que os correntistas “em hipótese alguma”
Microsoft em 497 milhões de euros (US$ 606 milhões) pela violação
devem
da lei antimonopólio da União Européia...
supostamente tenha sido solicitado pelo Itaú”.
(07) (08)
(08)
digitar
“qualquer
dado
que (09)
(01) http://info.abril.com.br/aberto/infonews/032004/25032004-3.shl (02) http://concurso.plugin.com.br (03) http://idgnow.terra.com.br/idgnow/pcnews/2004/03/0073 (04) http://noticias.uol.com.br/inovacao/ultimas/ult762u1909.jhtm (05) http://www.estadao.com.br/tecnologia/informatica/2004/mar/26/40.htm (06) http://www.estadao.com.br/tecnologia/informatica/2004/mar/26/17.htm (07) http://www1.folha.uol.com.br/folha/informatica/ult124u15570.shtml (08) http://www.estadao.com.br/tecnologia/informatica/2004/mar/26/50.htm (09) http://www1.folha.uol.com.br/folha/informatica/ult124u15567.shtml
11
portfólio :: veterano
Tangerina Design:
talento tamanho família Os irmãos mostraram que a preguiça baiana não
bem afinada. Junior e Duda fazem de
passa de um mito e vieram para o Rio de Janeiro
tudo: design gráfico, webdesign,
seguir os passos do pai, arquiteto
ilustração,
arquitetura,
branding e até promoção de eventos.
Os irmãos Junior e Duda Simões
No início, eles apostaram na
são de Salvador, Bahia. Com 29 e 26
marca
anos, respectivamente, desde crianças
estampar
uma
estão acostumados com nanquins,
mercado.
“O
letras set, pincéis, papéis e pranchetas
encararmos nós mesmos como o
do
desenhista
primeiro cliente”, contam. Definiram
publicitário, paisagista e, hoje, é
nome, logomarca, papelaria, campo
arquiteto. “Trabalhar com design, arte,
de atuação, brindes e desenvolveram
ilustração e arquitetura parecia uma
o
escolha óbvia e natural”, dizem os
começamos a pensar em conquistar
sócios da Tangerina Design, agência
clientes. Na ocasião, portanto, não
que abriram na cidade do Rio de
tínhamos nada, mas nossa “cara” já
pai,
que
já
foi
Janeiro. Por enquanto, a agência não tem uma grande equipe, mas uma dupla
12 12
produto,
da
próprio
própria
empresa
boa
imagem
primeiro
site.
“A
passo
partir
para no foi
daí
“Essa é a grande charada da Tangerina! :-D A história foi que, ao batizarmos a
portfólio :: veterano
nossa agência como Tangerina (porque queríamos um nome inusitado e que a cor da empresa fosse laranja), pedi ao Duda pra desenhar uma tangerina pra ser a logo, e ele falou: ‘– Pô, mas um desenho de uma tangerina, pode ser confundido com uma laranja, um limão... e se fosse um caju?!’ Na mesma hora, eu disse ‘– Caramba!!! É isso, a logo vai ser um caju!!!’ E foi assim, de sopetão, que a nossa marca surgiu! Por acaso...” – Júnior
www.tangerina.com.br, home e portfólio
“Muitas vezes, nem mesmo o cliente sabe o quer.. que quer Faz parte do nosso trabalho
atraía, já nos vendíamos como uma grande empresa”. A
estratégia
deu
certo.
A
Tangerina Design acabou ganhando as contas
da
mpp
solutions
e
da
globo.com, entre outros clientes de
colocar no papel o que ele está pensando, de forma
peso. “O inusitado é o nosso óbvio”, assim definem o diferencial da agência e
apostam
na
dedicação,
na
oportunidade e na criatividade como fatores fundamentais para o sucesso da empresa.
branding,
Os designers, porém, esbarram
muito
implementação.
menos O
o
da
trabalho
do
em um obstáculo muito comum para
designer é saber arrumar tudo isso e
quem trabalha nessa área. “Muitas
fazer com que o efeito do resultado
vezes, nem mesmo o cliente sabe o
final
que quer. Faz parte do nosso trabalho
“Fantástico! Ficou ainda melhor do que
colocar no papel o que ele está
eu havia pensado!”.
seja
algo
parecido
com...
pensando, de forma racional e, ao
Como exemplo de trabalho bem
mesmo tempo, criativa. O cliente não
sucedido da dupla tem-se o próprio
entende o processo de arquitetura da
site
informação,
(www.tangerina.com.br), cujo briefing
design
de
interface,
da
Tangerina
racional e, ao mesmo tempo, criativa”
Design
13
portfólio :: veterano
“O trabalho do designer é saber arrumar tudo isso e
era
fazer
uma
página
diferente,
fazer com
animada, divertida e que mostrasse o
que o efeito
trabalho da empresa,
do r esultado resultado
flash, o site abusa de animações e
final seja
imagens divertidas para chegar ao seu
algo
versão 2.0, que esperamos lançar em
par ecido
breve”, avisam.
com...
Profissional (www.dotlib.com.br) é
‘F antástico!’” ‘Fantástico!’”
relativamente simples. Tem um visual
chamando
atenção pelo inusitado. “Todo feito em
objetivo. Já estamos pensando na www.portaldapesquisa.com.br
O site da Dotlib - Informação
atraente e utiliza muito o branco e o verde.
“Essas
são
as
cores
institucionais da empresa. O projeto de identidade visual também foi criado por nós e o site era o que faltava para divulgar a nova logomarca”. A dupla reuniu as informações básicas da empresa e seus produtos, incluindo o portal
acadêmico
de
pesquisa
(www.portaldapesquisa.com.br),
e
utilizou
o
apenas
o
html
para
desenvolvimento do projeto. “O site consegue de forma sutil e criativa passar
todo
o
novo
pretendido pelo cliente”.
14
conceito
www.dotlib.com.br
portfólio :: veterano
Outro bem bolado foi o Pessoas do Século Passado. “É um misto de site, manifesto e multiblog, que tem se mostrado, desde o seu lançamento, um sucesso de visitas, crítica e participação”. O site tem fotos ilustrativas e randômicas produzidas pelo próprio Duda. A página estimula o debate, questiona, e reúne pessoas de vários focos de interesses, mas, todas, nascidas no século passado. Elas expressam seus comentários a partir de crônicas, ensaios ou matérias dos editores-chefes do site. “Vale a visita pra rechear a mente”, concluem.
www.pessoasdoseculopassado.com.br
www.espiritodochopp.com.br
www.houaiss.com.br www.saicomm.com
15
portfólio :: calouro
Fera!
Na concorrência com os grandes escritórios de design, talento e garras afiadas são fundamentais na conquista de um lugar ao sol no mercado Para Bruno Neves Ferreira da Silva, 27 anos, a semana, muitas vezes, pode não ter fim. Formado em Direção de Arte pela ESPM, onde participou da primeira turma do curso Portfólio, trabalha (ou, segundo ele, “aventura-se”) há seis anos como freelancer. Na maior parte do tempo, Bruno desenvolve trabalhos para clientes fixos, como design impresso e manutenção de sites, além de, esporadicamente, sites e banners, criados em parceria com
“um freelancer precisa plantar bons trabalhos; ser realmente profissional, na essência da palavra”
agências e portais. “Acho que o freelancer ‘vale quanto pesa’ seu nome e/ou sua assinatura. Inicialmente, o salário deve até ser encarado como um ‘bico’, porém ele precisa: plantar bons trabalhos; ser realmente profissional, na essência da palavra”. “Apesar do empenho e da dedicação, freqüentemente o freelancer deixa de ganhar um novo cliente por não ter uma agência registrada”, afirmando que este tipo de profissional ainda sofre certo “preconceito” no mercado. Premiado no 7º Encontro de Web Design com seu portfólio on-
www.brunofree.com.br
line (www.brunofree.com.br), Bruno Ferreira pretende continuar concorrendo a outras premiações, como a da Bienal de Design da ADG, as das Casas de Criação de todo o Brasil e, posteriormente, lançar-se nas competições internacionais. Tudo isso com o objetivo de colocar seu nome dentre os maiores designers brasileiros. Determinação e talento não faltam!
www.dimeleletricos.com.br
www.dimeleletricos.com.br
16
17
entrevista coletiva
Eles põem as
cartas na mesa A Webdesign reuniu cinco grandes profissionais brasileiros da área de web para entrevistarem seis dos mais renomados designers internacionais. Marcela Catunda, Luli Radfahrer, René de Paula, Michel Lent e Marcello Póvoa entrevistaram: Shane Mielke, diretor de arte senior do 2Advanced Studios, na Califórnia; Nicholas Mir Chaikin, fundador e diretor de Criação da Spill.net, na França; Amy Franceschini, sócia e designer do escritório Future Farmers, na Califórnia; André Matarazzo, diretor de criação da agência Farfar, na Suécia; Shun Kawakami, diretor de criação da Artless, no Japão e Thomas Poeser, diretor da TP23, no Reino Unido. Nas páginas seguintes, eles falam do papel do web design, analisam a atual situação do mercado e arriscam previsões para o futuro do segmento...
4
webdesigner se desenvolveu em termos de
site,
que
lhe
comunicação e estratégia para alcançar
direciona
novos canais de aproximação com o público
uma loja real ou
nos últimos dez anos de internet?
virtual que efetua
Shane :: Nos últimos dez anos, designers
uma venda.
aprenderam a focar melhor em um público-alvo.
Marketeiros ainda
Nós, agora, temos muito mais influência do que
mais espertos estão
para
quando criávamos uma mensagem de marketing para uma
montando elaboradas estratégias de marketing,
classe específica de pessoas. Isso aconteceu quando as
onde pessoas interagem num website, enviam seus dados,
empresas reconheceram a importância de trabalhar lado a
recebem elementos pelo correio, se comunicam com
lado
outras pessoas, formam clubes, inventam coisas, as
com
os
designers.
No
início,
designers
freqüentemente criavam sites sem se preocupar com o
colocam online novamente... O ciclo é gigante.
público. Simplesmente, ter um site que funcionava como
Hoje, o público se aproxima mais do mundo online
um cartão de visitas era suficiente para a empresa. Hoje
porque o mercado entendeu a necessidade dessa mídia
em dia, designers têm um papel importante na criação das
para o sucesso de um produto. O que, ontem, era um
mensagens de marketing, e de conceitos, que influenciam
lugar onde apenas adolescentes se aventuravam, hoje,
além das barreiras da internet.
se tornou tão elementar como um telefone.
Nicholas :: No início... o webdesigner fazia de tudo
Shun :: Eu vejo o design como uma linguagem.
(conteúdo, cópia, design, programação). No auge... 40
Webdesigners usaram a linguagem e a tornaram mais
pessoas faziam uma coisa (designers, ergônomos,
clara e atraente.
diretores de criação, arquitetos de informação,
Thomas :: Não é esse o objetivo de toda estratégia de
programadores, animadores, gerentes de projeto,
comunicação: aproximação do público? A meu ver,
engenheiros
de
webdesigners contribuem, principalmente, para que os
sistemas...). Agora... o webdesigner faz de tudo : ) Isso
websites sejam bonitos e agradáveis (ou não). Se a
responde à pergunta?!
pergunta é se novas estratégias surgiram, definitivamente,
André :: Acho que o trabalho do webdesigner tal como
sim. Demoraria muito tempo para listá-las. Como exemplo,
conhecemos hoje, começou há cerca de 10 anos. Na
eu citaria fóruns e salas de chat em páginas da indústria
minha opinião, interatividade é o caminho primário dessa
fonográfica. Então, instantaneamente, os sites “oficiais” de
nova mídia. Atualmente, você tem campanhas multimídia
uma banda ou de um cantor se tornam sites de fãs, porque
que visam juntar elementos offline com online. Por
o que fãs querem é trocar opiniões e dividir a adoração por
exemplo: todos os dias são lançadas várias campanhas
seus ídolos. Muito bem! Outro exemplo: quando eu
que começam com um comercial de TV, que lhe direciona
trabalhava na Digit, nós estávamos desenvolvendo uma
de
produção,
administradores
estratégia para St. Luke´s, uma agência de imagem em movimento e publicidade. Eles se vêem como muito abertos e queriam evidenciar isso, mostrando o que acontecia dentro de seus estúdios para os outros. No lobby da empresa, agora encontra-se um monitor mostrando uma “pergunta do dia”. Todo mundo, seja visitante ou empregado, pode votar, pisando num botão verde ou vermelho. No dia seguinte, o resultado é graficamente www.stlukes.co.uk
representado no site e num protetor de tela.
19
entrevista coletiva
para um link num
Marcela Catunda :: Como o trabalho do
entrevista coletiva
Luli Radfahrer :: Muito do que é conhecido como
Não. Sempre haverá espaço para layouts similares a
“bom” design lembra o que é ou foi feito em outras
impressos onde as informações são acessadas mais
mídias (impressos, vídeos...). Quando você acredita
simples e rapidamente, sem interatividade desnecessária.
que os elementos exclusivos da internet (tais como
Só porque um site é interativo, isso não significa que é
hipertexto, hipermídia, interatividade, comunidades
mais fácil de ler e encontrar informação. O fato é que esse
e colaboração) vão deixar os sites experimentais ou
tipo de experiência está se tornando regra para conteúdo
artísticos e se tornarão mainstream? Em outras
baseado em experiência.
palavras, por que éramos melhores em webdesign
Nicholas :: Acho que os exemplos que você citou se
em 1994 do que em 2004?
Shane :: A internet e os sites vão continuar a parecer com trabalhos feitos em outras mídias enquanto a internet continuar a ser a maneira
mais
fácil
de
X
Mainstream Termo inglês que designa um produto de grande público. Um artista
mainstream é mais provável de alcançar maior sucesso. É o oposto de
tornaram,
sim,
mainstream (lembrem do Napster, Friendster,
“underground” que é um movimento que não visa agradar ao grande
IM engines etc.) e,
público. Normalmente utiliza-se este termo quando alguma
a m b i e n t e s
característica “underground” é absorvida pela grande indústria.
hiperlinkados,
Fonte: www.mcm.net/dico/definition.php/34894/
colaborativos são, de
combinar todas elas e alcançar um público maior. A mídia
fato, ferramentas de comunicação nos dias de hoje.
impressa existe e vem sendo adaptada há séculos, então,
Entretanto, em 1994, muitos de nós tínhamos maiores
é bastante lógico que diferentes métodos de organizar
expectativas
conteúdo influenciem o layout de textos para web. Vídeo
democratizadora. Ou nós estávamos errados ou está
também é mais velho que a internet, então, faz sentido
apenas demorando um pouco mais do que esperávamos.
que efeitos e padrões que existem em filmes acabem na
De qualquer forma, minha atração inicial pela internet não
internet. Com o surgimento do Flash e outras ferramentas,
foi tanto para projetá-la quanto para utilizá-la. E, usando,
não é mais difícil criar sites que combinem texto, imagem,
aprendemos a projetar. Em 1994, que, por acaso, foi o ano
vídeo, som e interatividade. Acredito que esses “elementos
em que desenhei meu primeiro website, estávamos
exclusivos da web” de interatividade, definitivamente, já se
aprendendo sobre os potenciais da hipermídia e das
tornaram mainstream como resultado disso. Um site como
comunidades
o F-150 Microsite (www.fordvehicles.com/trucks/f150),
aprendendo a projetar para uma nova idéia. Agora,
que
Studios
estamos mais familiarizados com a idéia e seus potenciais,
(www.2advanced.com), é um bom exemplo de site que
a “ferramenta” está se tornando mais refinada, suas
junta hipertexto, imagem, áudio e vídeo para uma
aplicações comerciais mais reais e seus potenciais
experiência interativa e divertida. Sites como este estão
colaborativos maiores e mais precisos. Se o “bom”
rapidamente se tornando ferramentas comuns utilizadas
webdesign lembra o “bom” design gráfico, essa é apenas
pelas grandes companhias para mostrar seus produtos.
uma semelhança superficial, pois suas utilizações podem
Essas experiências são apropriadas para qualquer site?
ser completamente distintas. Um relógio será bem
projetei
na
2Advanced
para
a
internet
enquanto
projetado se for bonito e informar
a
hora,
uma
comunidade virtual será bem projetada se for bonita e permitir comunicação fluida entre seus participantes. Se essas coisas lembram uma a outra,
20
eu
não
estou
o
como
fazíamos.
a
grande
Estávamos
“De qualquer forma, minha atração inicial pela internet não foi tanto para projetá-la quanto para utilizá-la. E, usando, aprendemos a projetar projetar””
Nicholas
preocupado, o importante é que elas desempenhem bem suas respectivas funções e permitam que você descubra algo novo. Amy :: É difícil dizer por que o webdesign não “envolveu”. Uma possível resposta seria que os verdadeiros inovadores subvertem as tecnologias já existentes. Projetos interessantes surgem assim, e logo estes inovadores mudam para outras mídias. André :: Eu acho que esses elementos de web-only já são uma grande realidade em vários lugares. Fui pra Finlândia recentemente, e você consegue comprar um refrigerante numa máquina, mandando um SMS pra ela. É incrível! Adolescentes estão usando chat e entrando em comunidades através do celular, colaborando em projetos maiores, tudo está sendo automatizado. Acho que tudo isso já é uma realidade hoje. Em 1994, eu nem sabia o que era um BBS, por isso posso lhe falar de 1998, quando comecei. Atualmente, sou um designer dezenas de vezes melhor do que antes. Mas entendo seu ponto. Nos tempos fora-da-lei da internet, quando essa nova mídia surgia, ninguém sabia qual era o formato ideal, como tudo isso iria se estabilizar. Isso dava uma liberdade tremenda para qualquer um fazer o que queria e, a maioria do que existia, era interessante, mas pouco utilizável. Acho que se chegou a um consenso, pelo menos, até agora, 2004, de que a grande massa não está muito interessada em navegações mirabolantes nem em ter uma “experiência espiritual” na web. Eles querem informação, e que ela seja acessível. Então, o mercado se contrai e apenas expele produtos iguais online. É como no início do cinema – existem filmes experimentais de alguns minutos, ou segundos, mostrando técnicas interessantíssimas, que,
21
entrevista coletiva
hoje, não colam, a não ser, numa sala de cinema arte.
as novas e, também, velhas mídias: imagem parada e
Shun :: Eu acredito que cada mídia influencia outra e
em movimento mais som. Enquanto elementos
elas evoluem com o tempo. O design gráfico influenciou
exclusivos da internet ainda estão na forma de idéias e
muito o webdesign. Repetindo a influência, novas
conceitos,
expressões são produzidas, eu acho.
encontram disponíveis ferramentas para fazer o
Algumas
pessoas
podem
considerar
a
internet
trabalho
precisando visual.
ser
Então,
desenvolvidos, os
designers
já
se
gráficos
“experimental” ou “artística” até hoje, mas também é
assumiram, e alguns sites, de fato, são um presente. E
muito comum encontrar pessoas que utilizam a internet
o que é bonito vende, sobretudo, desde que a internet
no dia-a-dia tanto quanto a televisão, o telefone e o
se tornou particularmente ligada à indústria do
celular.
entretenimento, com seu espaço para publicidade.
Mais cedo ou mais tarde, as pessoas vão se acostumar
A maioria das pessoas não sabe de todas as
com a internet e ela se tornará uma forma natural de
possibilidades da internet. Ok, todo mundo ouviu falar
expressão.
em salas de chat, fóruns e ferramentas de busca. Mas,
Thomas :: Eu não acho que o webdesign tenha se
muitas
tornado melhor ou pior. Ele só evoluiu de uma área
completamente surpresos quando digo a eles o que
completamente nova para uma área estabelecida de
pode ser feito utilizando a interatividade.
atuação, para o designer. No início, tínhamos tecnologia
Não diria que essas possibilidades só são utilizadas em
pura e suas possibilidades; estamos falando de bom
sites experimentais ou artísticos. Provavelmente, elas
design de interface e usabilidade (e ainda temos).
só estão mais escondidas. A maioria dos usuários
Depois, veio o termo multimídia, a combinação de todas
conhece os conceitos e as tecnologias por trás de um
22
vezes,
lido
com
clientes
que
ficam
ocorrida há uns dois anos atrás. Eu estava numa
que os elementos exclusivos da internet já sejam
reunião com uma famosa marca francesa de moda-
mainstream, não em todo o seu potencial; mas boas
luxo-perfume. A direção de arte seria feita na França e
idéias sempre virão do mundo alternativo.
o time de marketing era americano. Os americanos
René de Paula :: Como você garante que o seu
haviam feito “pesquisas de marketing” e pediram a
trabalho seja relevante para as pessoas?
grupos de mulheres para descreverem o que elas
Shane :: Quanto ao design e à apresentação dos sites,
queriam de um website representando a marca. Todas
a coisa mais importante é ouvir o cliente. Ele deve (Se
disseram a mesma coisa: “acesso rápido à informação”,
Deus quiser!) conhecer seu público-alvo e saber qual
“seções claramente identificadas” etc.. Meu conselho
papel seu site deve cumprir. Se não souber, a
para a equipe francesa foi o de ignorar isso
companhia, provavelmente, irá fracassar, independente
completamente – os grupos de teste dizem o que eles
do que tenha sido projetado para ela. O cliente deveria
acham que esperam que eles digam. Esta marca existe
ajudar no trabalho, orientando sobre o público-alvo,
há mais de cem anos e é famosa porque ‘ela diz’ ao
fornecendo imagens e informações sobre os produtos e
público o que ele deve querer, criando uma ilusão de
dando as metas e idéias iniciais para começar o projeto.
luxo, e não, porque é fácil de usar. Se fosse para um
O objetivo é criar alguma coisa apropriada para o
anúncio de televisão, eles não teriam perguntado a 50
público-alvo e realçar o conteúdo com estilo e atenção
mulheres, escolhidas aleatoriamente, qual lingerie a
aos detalhes. Sem um cliente me dizendo qual seu
modelo deveria usar.
objetivo e qual seu público-alvo, eu não serei útil em
Amy :: Acho que a melhor maneira de fazer algo
ajudar a companhia a atingir sua meta. Simplesmente,
relevante é criar um am-
ouvir o cliente e desenhar com estilo apropriado são as
biente no qual as pessoas
coisas mais importantes para garantir a relevância do
o tornem relevante. O site
nosso trabalho.
Texan Drawl é um bom
A outra metade do trabalho de fazer um site relevante
exemplo
é garantir algum tipo de laço afetivo com o site, o que
usuários criam o conteúdo.
vai além do design. Música e animação são dois
Na minha opinião, o mais
exemplos de fatores que contribuem com o design e
importante, o que vem em
fazem o visitante gostar e lembrar da visita.
primeiro lugar, é se o
Nicholas :: Eu não garanto. Eu uso minha intuição,
trabalho é relevante para você, se você acredita nele.
mas eu nunca encomendei, usei ou participei de grupos
Essa energia vai ser transferida para o job e os usuários
de teste, por exemplo. Existe um auto-intitulado
vão sentir isso.
especialista em usabilidade no Reino Unido, que cita
André :: Eu não posso ter certeza. Depende do ponto
Spill.net com um exemplo de usabilidade ruim. Eu
de vista. Todo trabalho é relevante. Um site pra Nike,
escrevi para ele e pedi que me explicasse (apesar de já
que vende um tênis superespecial e deixa o usuário em
saber o que ele iria dizer...). Nem todos os sites
transe, querendo comprá-lo já, é muito relevante e
deveriam ter a navegação à esquerda e a ferramenta de
focado para esse usuário. Acho, sim, que o deixará mais
busca no canto superior direito. Sites existem por
feliz por pelo menos alguns segundos, enquanto estiver
razões diferentes, e o Spill.net, certamente, não existe
asfixiado pelas endorfinas do consumismo. Mas é uma
para provar que nós entendemos essa vaga noção de
experiência relevante para a melhora de sua vida? Acho
“usabilidade”.
que não.
Obviamente,
nós
entendemos
de
onde
os
www.futurefarmers.com/ texasdrawl/bush.html
usabilidade, senão já teríamos falido há muito tempo.
Eu adoraria trabalhar apenas com clientes que
Como exemplo melhor, posso citar uma situação
melhorassem a condição humana, que eu pudesse
23
entrevista coletiva
website, mas num nível subconsciente. Então, acredito
entrevista coletiva
“Na minha opinião, o mais importante, o que vem em primeiro lugar lugar,, é se o trabalho é relevante para você, se você acredita nele. Essa energia vai ser transferida para o job e os usuários vão sentir isso” Amy contribuir um pouco nisso, mas esses clientes são
opinião não tira a relevância delas.
pouquíssimos e, na maioria das vezes, não têm grana
Michel Lent :: Eu tenho dificuldade em me chamar de
pra contratar uma agência conhecida.
“webdesigner”, ou, o que faço, de “webdesign”. Sou
Shun :: Honestamente, não tenho certeza se meu
um designer de interface. Considero criar para a
trabalho é relevante. O importante para mim é se eu
internet (atualmente, o tipo mais comum de
realmente quero fazê-lo ou não.
interface) uma tarefa de design de interface.
Thomas :: Eu não posso garantir que nada seja
Enquanto a tecnologia evolui, e outros tipos de design
relevante. Mas, se as pequenas coisas são, tudo é
de interface se tornam mais populares, como você vê o
(Wolfgang Tillmans disse algo desse tipo...).
futuro da web e, portanto, do webdesign? Ainda nos
Eu vejo o design como um serviço: quando eu trabalho
chamaremos “webdesigners” daqui a alguns anos?
para clientes, eu garanto que o projeto fique do jeito
Shane :: Eu nunca gostei do termo “webdesigner”. Na
que eles gostem no final. Às vezes, isso envolve um
verdade, eu não sou limitado a trabalhos para a web, e
processo de convencimento (de maneira honesta) que
nenhum designer é. Nos últimos anos, eu fiz trabalhos
tal formato é bom para eles porque é bom para os
impressos para vídeo, web e dvd. Qualquer designer
usuários, seus clientes. Então, para fins comerciais, eu
que alguma vez projetou a interface de um site, tem as
só posso dar o meu melhor, mas não posso garantir.
habilidades necessárias para projetar para outras
Se tenho uma escolha, eu não ligo se meu trabalho é
mídias, e não deveria se considerar “webdesigner”.
relevante para as pessoas. Isso é quando estou
Quando eu descrevo o que faço para outras pessoas,
experimentando. O resultado não precisa ser relevante,
normalmente, digo “artista gráfico” ou “diretor de arte”
apesar de acreditar que, na maioria das vezes, ele é.
ou simplesmente “designer”. Acho que “webdesigner”
Para mim, o projeto é a base para que todo o resto
é um termo tão morto quanto “webmaster”.
aconteça. Mesmo que alguma coisa pareça irrelevante,
Pessoalmente, acredito que o conceito e a essência da web
ela causou alguma reação. Essa posição também serve
vieram para ficar. É claro que a tecnologia continuará
como defesa para aquilo que as pessoas chamam de
avançando, nomes vão mudar, leis serão quebradas e
arte inútil. Existem coisas que eu não gosto, mas essa
criadas, mas o conceito de dividir e veicular informação
24
André :: A meu ver, tecnologias tendem a fundir-se e
televisão e o rádio se estabeleceram em nossas vidas há
transformar-se em um elemento único e mais contínuo.
muitos anos. Com isso, sempre haverá necessidade de
O meu celular, por exemplo, toca MP3 e tira foto. Acho
pessoas que criem interfaces gráficas para mostrar a
que, em alguns anos, as interfaces tenderão a ficar
informação de forma organizada e propocionar novas
mais simples e com menos pausas para decisões. Será
experiências para os usuários.
mais uma questão de dizer o que quer e tê-lo feito logo
Nicholas :: Eu parei de me chamar de webdesigner há
em seguida. Sem mouse, sem botões, sem click…
muito tempo, mais ou menos na mesma época em que
Qual será o nosso papel nisso tudo? Acho que
a cada duas pessoas que eu encontrava, uma era
informação sempre terá de ser moldada e catalogada
webdesigner. Eu só falo designer. Como mencionei
para ser assimilada, e acho que seres humanos sempre
anteriormente, nós somos procurados para projetar
preferirão interagir com elementos bonitos e claros. Por
outras coisas também (logos, impressos, objetos...). Se
isso, na minha opinião, nosso trabalho não mudará
você é um designer de interface talentoso, obviamente,
muito, porém as ferramentas e os sistemas de
será contratado para mais e mais tipos de projetos
interação, sim.
(para televisão, aparelhos portáteis, objetos para casa
Certamente, será interessante! Não agüento mais
etc.). Aliás, para qualquer coisa que requeira uma
muito tempo fazendo trabalhos limitados pela tela de
interface – e, para o bem, ou para o mal. A cada dia,
um computador...
mais e mais coisas parecem requerer uma interface...
Shun :: Não me considero um webdesigner. Ficaria
Amy :: Também não me refiro a mim mesma como
entediado se trabalhasse só para a internet e não acho
webdesigner. Como designer, espero trabalhar no sentido
que existam grandes diferenças entre um trabalho de
de envolver comunicação entre as pessoas. Nós,
design gráfico e webdesign. Logo, é uma boa idéia dar
designers, obtemos ferramentas importantes para a
uma olhada no design sob um aspecto mais amplo.
comunicação,
estes
Thomas :: Webdesign é uma especialização da área de
conhecimentos nas comunidades, para que possam utilizá-
design de interface. Eu, pelo menos, sempre acho
los. Simples habilidades em tipografia, layout e ilustração
difícil
podem capacitá-los a aumentar o número de visitantes.
interdisciplinar, o que não é fácil em webdesign. Apesar
e
é
importante
aplicarmos
especificar.
Prefiro
uma
abordagem
“Simplesmente, ouvir o cliente e desenhar com estilo apropriado são as coisas mais importantes para garantir a relevância de nosso trabalho”
Shane
25
entrevista coletiva
num ambiente virtual veio para ficar tanto quanto a
entrevista coletiva
de a internet ser um campo vasto, ela parece restrita
eu vejo uma evolução da interface (isso se relaciona com
por não haver muita “fisicalidade” em sua interface.
a pergunta do Michel Lent), e nós, como “experts” de
Não me entenda mal, eu amo coisas interativas e a
design de interface, teremos que diversificar da tela, do
internet é uma boa plataforma para isso, mas eu não
botão, e 72 dpi. Outro dia, nós fomos contratados para
sou fã de levar o conceito de virtualidade ao extremo.
projetar um frasco de perfume para uma nova butique
A internet é um meio de comunicação estabelecido e não
francesa vendendo um velho perfume francês. Esse é o
desaparecerá. Os dispositivos e modos de conectar e
tipo de trabalho de design que poderia ter sido feito em
interagir com a web podem mudar, logo, a interface vai
1004 a.c.. Amanhã, talvez alguém nos peça para projetar
mudar também. Claramente, a evolução tecnológica é
a interface de uma lâmpada com um endereço IP. Eu
muito adiantada em relação à evolução social. Ainda
suponho que o importante seja estar aberto a novas idéias,
perde-se muito tempo desagradável tentando buscar
continuar aprendendo e se divertir.
informação útil. Pessoas demais ainda encontram
Amy :: Nos últimos seis meses, tenho pesquisado a
problemas quando, por exemplo, operam a máquina de
fundo sobre combustíveis fósseis. As estatísticas são
venda de bilhetes na estação de trem, ou seu novo
pavorosas. Se continuarmos consumindo o que consu-
aparelho de vídeo, ou um novo telefone. Aplicar os bons
mimos atualmente, não teremos mais combustíveis
conceitos de webdesign para essas áreas seria muito útil!
daqui a 20 anos. Com isso, nos próximos 10 anos,
Marcelo Póvoa :: Em que tipos de projetos e desafios
espero criar ferramentas para educar e motivar as
você se imagina trabalhando daqui a dez anos?
pessoas a procurarem fontes alternativas de energia e
Shane :: Essa é uma pergunta interessante. Quanto a
protestarem contra, ou ainda, boicotarem, as atuais
trabalho, eu me vejo trabalhando cada vez mais com vídeo
estratégias do consumo de petróleo.
e 3D. Tenho certeza de que continuarei desenvolvendo
André :: Não tenho a mínima idéia. Acho que estou
sites, mas também continuarei a integrar novas mídias no
nesse negócio, principalmente, porque me divirto pra
meu trabalho. Eu tenho me divertido tanto com design
caramba, moro em lugares incríveis, viajo o mundo,
ultimamente que não importa para que mídia eu esteja
trabalho com equipes muito talentosas e ganho uma
projetando, desde que continue a crescer como
grana bacana. Em dez anos, gostaria de ter filhos, uma
profissional, fico feliz. Quanto a projetos pessoais, em dez
casa legal e já conhecer quase todos os cantos desse
anos, acho que seria bom ter criado uma coleção de arte e
mundo. Eu gosto da web, mas tenho vários outros
fotografia digital, que eu poderia pendurar na parede, ou
grandes interesses. Não sei se design será meu
mesmo vender. Ainda tenho um longo caminho a percorrer
interesse maior em dez anos. Vamos ver!
até que minha arte chegue neste nível, mas é algo com
Shun :: Eu gostaria de trabalhar com design e direção de
que comecei a brincar e que me animou muito.
arte em projetos de mídias cruzadas, como design de
Nicholas :: Uau! Não faço a menor idéia. Daqui a dez anos eu posso estar reformando um telhado em uma antiga casa francesa
ou
fazendo
divulgação de um livro,
a
impressos, internet, movimento, espaço etc.. Thomas :: Quem sabe o que o futuro vai trazer? Considerando que estou sempre interessado em novas tecnologias, posso acabar
projetando um ambi-
projetando
ente de imersão pa-
micro-mecânicos.
ra um jogo de com-
objetivo para um futuro não
putador 3D, gritando
tão distante é afastar meu
loucuras sem sentido
trabalho do computador.
na rua... Entretanto,
26
dispositivos Meu
portfólios
6 designers e um destino: SUCESSO!
Quem nunca sonhou em ter seu trabalho conhecido nos quatro cantos do mundo? Eles chegaram lá. E não precisaram de bola de cristal para revelar-lhes o que os esperava. Fica a pergunta: como conseguiram alcançar tal reconhecimento? Nesta edição, veteranos internacionais (nem todos, há um brasileiro entre eles), mostram seus portfólios, contam suas respectivas trajetórias profissionais e, nas entrelinhas, revelam segredos valiosos.
27
portfólio :: Shane Mielke
www.fordvehicles.com/trucks/f150
www.bacardidj.com
www.locksoflove.org Nem só de grandes clientes vivem os grandes designers, mas também de grandes atos. Acima, os sites feitos para Ford, do setor automobilístico, e para Locks of Love, institução filantrópica de assistência a crianças que perderam seus cabelos. O primeiro foi remunerado, o www.pixelranger.com
28
segundo doado. Inspirem-se neste exemplo!
Shane Mielk e, Mielke,
portfólio :: Shane Mielke
segredo número 1 :
DEDICAÇÃO
californiano de 31 anos, é bacharel em
Retórica e Comunicações pela Universidade da Califórnia. Seu rumo profissional é fruto da admiração que sentia ao ver amigos criando coisas belas no computador. De lá para cá, muita coisa mudou...
sites: de seu portfólio pessoal, que lhe
Hoje, ele é diretor de arte senior da
rendeu prêmios e reconhecimento
2Advanced Studios. A empresa oferece
internacional; do 2Advanced
serviços como sites interativos, vídeo,
Studios, que, através
animação 3D, design gráfico 3D,
da
multimídia,
responsável
identidade
visual
e
criatividade,
é pela
produção de áudio. Embora haja uma
captação
equipe com 16 profissionais, ele
novos clientes e, o da Ford
costuma trabalhar sozinho em seus
veículos, que aumentou o
projetos, exceto quando o volume de
número
trabalho aumenta.
conseguindo
mensal
de
de
visitantes, alcançar
o
Desde o início de sua carreira, o
objetivo de aumentar as vendas
marketing boca-a-boca vem sendo peça
de um modelo de caminhonete.
fundamental na conquista de novos
Quando aparecem bloqueios
clientes. O quê no começo era feito por
de criatividade, Shane recorre à
amigos e parentes, agora é feito pelos
malhação ou cai na estrada. “É só
próprios clientes. “A 2Advanced Studios
deixar minha mente relaxar, fazendo
é conhecida mundialmente por trabalhar
algo entediante e repetitivo, que novas
de maneira original. Por isso, nossos
idéias surgem de repente”, conta. O
clientes nos procuram com a expectativa
segredo do seu sucesso? “Trabalhar
de obter um resultado diferenciado da
com mais empenho que os outros e
concorrência”.
sempre ter certeza de que vou me
Para ilustrar trabalhos importantes em sua careira, o designer destaca os
divertir fazendo meu trabalho”, afirma com convicção.
www.2advanced.com
29
segredo número 2 :
SONHOS Nicholas Mir Chikin, um nova-iorquino de 34 anos, entrou no mundo do design meio que por acaso. Ex-professor universitário, formado desde 1991 em Antropologia Social e Música pela Universidade do Estado de Nova York, tornou-se designer, mais precisamente, diretor de criação, ao mudar-se para a França.
Recomendado por amigos a seus primeiros clientes, ele teve de começar seus primeiros jobs do zero, já que Evansandwong, Marc Newson e revista Purple ainda não possuiam sites na web. “O engraçado é que todos os três não tinham briefing nem nada parecido. Apenas me disseram: ‘Gostaríamos que você criasse uma página na internet para nós’. Então, diante da falta de referências, eu tive de penetrar na mente de cada cliente e imaginar o resultado que eles esperavam do meu trabalho”, conta. Porém, hoje, as coisas mudaram um pouco... Fundador e diretor de criação da Spill.net, conta com uma equipe fixa de seis profissionais (quatro designers, um designer programador e um administrador gerente de projetos). Sem tempo livre para lazer ou hobbies, o designer tem como sua maior fonte de inspiração os sonhos: “Parece um pouco bobo, mas eu fico obsessivo ao extremo quando busco idéias e, freqüentemente, elas levam um tempo pra surgir (gosto de clientes que possam me dar mais tempo). Normalmente, o que acaba acontecendo é a peça-chave do design do site vir até mim através de sonhos. Pode acreditar! Quantas e quantas vezes não acordei dizendo pra mim mesmo: ‘Já sei’!?” Nicholas Mir Chaikin atribui sua carreira bem sucedida a cinco fatores: “paciência, credibilidade, empatia, observação e bons sonhos”, é claro!
30
portfólio :: Nicholas Mir Chikin
www.spill.net
www.purple.fr
www.maurizio-galante.com
www.colette.fr
www.martingrantparis.com
www.marc-newson.com
31
portfólio :: Amy Franceschini www.futurefarmers.com
www.antiwargame.org
www.atlasmagazine.com
32
www.luggagestoregallery.org
portfólio :: Amy Franceschini
segredo número 3 :
EXPERIMENT AÇÃO EXPERIMENTAÇÃO Amy Franceschini é uma pioneira. Primeira profissional da área a ter um de seus trabalhos incluídos no acervo permanente do Museu de Arte Moderna de São Francisco, a californiana é sócia do respeitado escritório de design Future Farmers.
Além de criar e desenvolver sites insólitos,
ela
viaja
pelo
mundo,
ministrando palestras e cursos nos mais diversos
países,
como,
Alemanha,
sites do filme Star Wars e da Dream Works Records. Satisfação e busca da inovação talvez sejam alguns dos segredos
Holanda e Japão. A designer vê nas
dessa
viagens uma possibilidade de ampliar
experimentação conduz à inovação.
seus horizontes profissionais não só
Para finalizar, Amy Franceschini dá a
pelo contato com novas formas de
seguinte dica: “Faça o que você ama.
design, mas, sobretudo, pela divulgação
Viaje. Não se estabeleça em um só
do seu trabalho. “Publique-se, divulgue
lugar. Aproveite enquanto é jovem.
seus trabalhos”, aconselha.
Você tem a vida inteira para ser um
Adepta de projetos experimentais,
carreira
bem-sucedida.
A
webdesigner!”.
Amy considera suas pesquisas a base para um bom
resultado
final,
pois
“os
trabalhos direcionados aos clientes acabam se beneficiando dos conhecimentos adquiridos nas experimentações. Projetos experimentais são o néctar da nossa existência”, afirma. Dentre seus clientes estão Nike, Swatch, Adobe, Levi’s. A
revista
eletrônica
Animação para o cabeçalho da MTV japonesa www.mtvjapan.com
Atlas, colocada no acervo permanente do MAM de São Francisco, é prova de que “é possível transformar o webdesign em arte, o webdesign não precisa ser apenas comercial”, opina Amy. Outros projetos relevantes são os Interface para celular da MTV japonesa
33
portfólio :: André Matarazzo
www.xururu.org/main
segredo número 4 :
V OCAÇÃO VOCAÇÃO André Matarazzo é um exemplo de que a maior de todas as formações é a vocacional. Sem formação acadêmica, com menos de 30 anos já ocupa o cargo de diretor de arte numa empresa em Stocholmo (Suécia), mostrando que toda regra tem sua exceção.
Ao juntar advento da Web com
enfrentados pelo designer na criação
atração por projetos gráficos e compu-
de um site, Matarazzo resume: “Acho
tadores, André não apenas uniu o útil
que o maior problema é aquele para
ao agradável, mas começou a construir
o qual somos pagos – como encon-
a base de uma sólida e promissora
trar uma solução dentro do orçamen-
carreira. Recentemente, fez parte da
to, e dentro do prazo, que deixe o
Blastradius, uma das agências de
cliente feliz, os usuários entusias-
maior proeminência no mercado inter-
mados e a equipe criativa fel iz?
nacional, que atua na área de sites de
Normalmente, essa equação é sensí-
portes médio a grande e tem clientes
vel e uma falta de equilíbrio pode
como Heineken, HBO, Sony, Lego,
resultar num trabalho ruim ou num
Nintendo etc.. Atualmente, está na
cliente insatisfeito, num usuário per-
agência Farfar, na Suécia.
dido e numa equipe que não trabalha
Quanto aos maiores desafios
34
com entusiasmo”. Na opinião do en-
www.nintendo-europe.com www.gameboyadvance.com/smw/ flash.html Na coluna da direita: www.heinekeninternational.com www.xururu.org/bmw/index.html www.xururu.org/nike2/index.html
trevistado, ter um grupo sempre
que o cliente confie no fato de você
motivado e saber focar num nicho
ser um parceiro com visão. Sim, um
interessante são fatores determi-
‘parceiro’, e não, um ‘designer’”.
nantes no sucesso de uma empresa.
De partida para a Suécia, onde
Para quem está chegando agora
executará alguns projetos, André deseja
no mercado, ele recomenda especia-
ter seu próprio estúdio daqui a alguns
lização e confiança no próprio instinto.
anos. Enquanto percorre a trilha do
No relacionamento com o cliente, o
futuro, embalado pela trilha do seu
segredo está na forma de aproxima-
violoncelo, ele pode se considerar
ção: “Aproxime-se do cliente como um
um privilegiado: “Faço o que faço
amigo, como uma pessoa criativa que
porque me divirto muito, tenho a
vai ajudá-lo a comunicar seu produto
sorte de poder acordar de
para o mundo. É bom vender uma
manhã e ter vontade de ir
visão otimista e de longo prazo para
trabalhar”.
35
portfólio :: André Matarazzo
Na coluna da esquerda:
www.artless.gr.jp
www.sony.jp/products/headphone
www.nike.jp/kage/index.html
36
EQUILÍBRIO Shun Kawak Kawakami, ami, aos 27 anos, já é referência em
portfólio :: Shun Kawakami
segredo número 5 :
design. Nascido em Tóquio, formou-se no Tokyo Institute of Art and Design e, atualmente, é diretor de criação do seu próprio estúdio, a produtora japonesa Artless. Com uma equipe de aproxima-
Além do toque
damente 11 profissionais (diretor de
oriental, Shun joga com
arte, designer gráfico, webdesigner,
o equilíbrio das cores, o
motion designer, ilustrador, fotógrafo,
que, na sua opinião, “traz
pintor, designer de produto...), ele
harmonia ao site, aliado à
realiza trabalhos que envolvam todo
comunicação da interface
tipo de programação visual (gráfica,
com o usuário”. Sua filosofia é
web, motion, space, de produto...).
“buscar o equilíbrio perfeito
Em seu portfólio, destacam-se jobs
entre a estética e o funcional”.
para Nike, Sony e +81 Magazine.
Para ele, um bom site baseia-se
Fora o talento do designer, a forte
muito mais em criatividade do que
influência da cultura japonesa é mais
em tecnologia, a qual “pode se tornar
um ponto favorável, já que acaba se
um obstáculo caso nos prendamos
tornando um diferencial em seus
muito a ela”, analisa.
trabalhos. “Com certeza, nossa cul-
Praticante de futebol nas horas
tura é muito original e, provavel-
vagas, Shun aproveita as constantes
mente, recebemos, sim, suas influên-
viagens para se inspirar. Apesar de
cias no design. Não usamos só carac-
uma trajetória profissional bem su-
teres do alfabeto ocidental nas web
cedida, ele ainda não se considera
arts, mas também Kanji, Hiragana,
um designer de sucesso, e acon-
Katakana e outros ideogramas japo-
selha: “Faça muitas coisas que você
neses, que acabam reforçando a
goste e deseje realmente fazer.
singularidade
Cultive a curiosidade dos tempos de
confirma.
do
nosso
design”,
infância e corra atrás dos seus ideais”. Simples, não?!
www.plus81.com
www.sony.jp/products/Consumer/battery
37
portfólio :: Thomas Poeser
segredo número 6 :
INTER AÇÃO INTERAÇÃO THOMAS POESER é formado em Engenharia Elétrica pela Universidade Técnica de Darmstad, na Alemanha. Pósgraduado em Design Multimídia, com quase 34 anos, talvez possa ser considerado um veterano. Conquistou seus primeiros clientes pelo mark eting boca-a-boca e, hoje, é dono de uma pequena marketing empresa. Designs interativo, gráfico, de moda e desenvolvimento de produto
China desde 2003 e lhe rendeu um convite para ir ao país.
são as áreas de atuação do estúdio
Uma de suas fontes de inspiração
que divide com outros profissionais.
é interagir com pessoas diferentes,
Apesar da sobrecarga de trabalho,
ouvindo-as com atenção. “Freqüen-
Thomas demonstra prazer em sua
temente, uma aproximação pragmática
rotina de trabalho e não se imagina
e experimental é útil quando dá
fazendo outra coisa: “Se é o que você
branco. Começar a fazer algo, partir
mais gosta, não há como fazer
para a prática, às vezes, é melhor do
qualquer outra coisa na vida”.
que ficar pensando, à espera de uma
Poeser considera seu projeto final
idéia brilhante”, racionaliza.
intitulado
Nas horas livres, Thomas gosta de
“Perception” (um estudo aprofundado
encontrar os amigos. E aproveita para
de
pós-graduação, para
melhor
entender
os
métodos da percepção), seu
aprimorar
digital.
Também
destaca o site habitat.net, “um
grande
e
longo
projeto, cujo briefing
cultura
através
Perguntado sobre o segredo do seu
sucesso,
respondeu:
menos, por enquanto”.
último exemplo de relevante,
cita ‘A virtual home Li Tie’, uma
instalação interativa para a exposição ‘hometime’ do British Council, a qual está em excursão pela Info Map: Representação gráfica de dados
38
eu
talento, não contaria a ninguém. Ao
logo”, lembra. E, como
for
“Se
tivesse outro, além de interesse e
mais parecia um catá-
projeto
de
reflexões, leituras e viagens.
primeiro grande projeto de mídia
a
www.tp23.co.uk
www.jennylounge.com
imagens da exposição Hometime do British Council
imagem da instalação da exposição Hometime do British Council
39
40
Um dos pioneiros no comércio via web, o site Submarino teve a árdua tarefa de levar os consumidores às compras virtuais. A loja virtual, lançada em novembro de 1999, começou com três categorias de produtos e ,atualmente, já dispõe de 17 categorias. O gerenciamento de criação foi feito por Norton Amato Jr., que desenvolveu “in house” todos os materiais que carregam a marca (anúncios, folhetos, filmes e site), além de criar, desenvolver e testar itens de usabilidade aplicados ao site, emails etc.. Hoje, ele continua atuando como Diretor de Criação, mas em sua própria agência, a Anydesign.net. Na entrevista a seguir, Norton Amato Jr. explica em detalhes o processo de desenvolvimento e implantação do site Submarino. Bom mergulho!
41
estudo de caso
Mergulhando no comércio virtual
estudo de caso Mapa do site
42
Wd :: Quantas pessoas formavam a
ção do Submarino conta com uma
equipe responsável pela criação do
equipe de profissionais muito maior e
projeto? Quanto tempo levou todo o
mais
processo?
programadores e fotógrafos.
Norton :: O Submarino teve duas
Wd :: Sendo um dos primeiros sites de
versões do site. A primeira, feita a
ecommerce no Brasil, o Submarino
toque de caixa em apenas quatro
teve a função de ensinar às pessoas
meses, paliativa para o lançamento.
comprar via web e formar um público
Um
mas
consumidor. Qual o papel do designer
funcional, que foi adaptado para o uso
na popularização do comércio online?
do Submarino.
Norton :: O designer deve sempre
Esta primeira versão do site contou
zelar pela objetividade da informação.
com um time de 20 pessoas, de toda
Trabalhar
a área tecnológica, sendo, quatro,
perspectiva do usuário, informando e
específicas para a criação. Foi ao ar
direcionando.
em novembro de 1999 e usada até o
Na época da criação do Submarino,
início de 2000. A segunda versão,
ainda não existiam muitas teorias e
que havia sido encomendada, por
literatura específicas sobre o comércio
falta de tempo hábil, a uma agência
virtual. O nosso único benchmark era o
de
Snickelways),
bom e velho varejo físico. Tentávamos
começou a ser implantada em janeiro
transpor a realidade das lojas físicas
de 2000. Sua implantação levou mais
para o meio eletrônico. Discutíamos
dois meses.
questões sobre criação e disposição de
Desde então, o Submarino desenvolve
vitrines
e
promocionais e, principalmente, sobre
sistema
NY
cria
(a
bem
extinta
simples,
internamente,
sempre
abrangente,
com
sempre
de
produtos,
designers,
focado
na
campanhas
atualizando e aprimorando o site.
navegação.
Atualmente, o departamento de cria-
validada por meio de inúmeros testes
Essa
transposição
foi
estudo de caso eram
24h por dia, sete dias por semana,
usados para identificação de questões
onde você, sentado em frente ao
problemáticas e de “tira-teima” para
micro, pode comprar desde um
novas propostas e implantações no
pequeno livro até um refrigerador
site.
duplex e tê-los entregues na porta
Com base nos testes citados acima,
de sua casa. O papel do design, mais
desenvolvemos
uma
de
usabilidade.
Tais
um
testes
conhecimento
vez,
é
ser
informativo,
apurado sobre a melhor navegação e a
abusando dos recursos gráficos para
linha criativa a seguir. Buscamos nos
priorizar
informações
relevantes
próprios consumidores as respostas
(ex.:
opção
ver
para uma comunicação mais eficiente.
ampliadas)
Seja em questões de layout e até em
direcionar o processo de compra,
questões semânticas, como o uso de
prezando
termos adequados (ex.: Seu carrinho,
objetividade.
Meu carrinho ou Carrinho de compras?).
Já a variedade, se dá no design de
E outras, baseadas, exclusivamente,
vitrines
em soluções gráficas (reorganização
transparecem em toda a extensão do
de vitrines e destaques de produto). O
catálogo de produtos do Submarino,
resultado está no ar.
com mais de setecentos mil itens.
Wd :: O objetivo do Submarino‚ de
Por fim, facilitando e incentivando a
acordo com o próprio site, é “ser a loja
navegação
preferida dos clientes por oferecer
produtos.
conveniência, serviço, variedade e
Serviço pode ser traduzido por
segurança”. Como estes conceitos
desenvolvimento e aperfeiçoamento,
foram traduzidos graficamente?
criativo e tecnológico, de novas
Norton :: Conveniência‚ a própria
funcionalidades, como, por exemplo:
essência do negócio. Uma loja aberta
lista
a
de
e, pela
bem
por
de
fotos
principalmente, simplicidade
estruturadas,
mais
casamento,
e
que
páginas
lista
e
de
43
estudo de caso
“...ferramenta de busca, sempre disponível no topo de todas as páginas do site. Funciona como um salva-vidas para os clientes perdidos pelo site” presentes, recomendações persona-
As padronizações da linguagem e da
lizadas de produtos etc..
apresentação de elementos gráficos,
A segurança é traduzida no design e
buscam
na navegação de um processo de
comunicação e navegação. O uso de
compras direto e objetivo. Sem links
contrastes e formas devem obedecer a
dispersivos e com layout que privilegia
um regra pré-estipulada de função.
informações relevantes. Tudo para
Por exemplo: todos os botões que
transmitir confiança ao consumidor que,
indicam o fechamento do pedido
provavelmente,
sua
seguem a mesma apresentação (fundo
compras
azul e texto amarelo), direcionando o
primeira
menus da HomeSUB
44
está
experiência
tendo de
uma
consistência
de
virtuais.
olhar do cliente, que acaba clicando
Wd :: Num site como o Submarino,
instintivamente.
que tem uma quantidade enorme de
Wd :: Observamos, na parte superior
informação, como é trabalhada a
da página, três menus e uma ferra-
relação estética-função?
menta de busca, além de uma
Norton :: Como disse anteriormente, o
possibilidade de navegação secundária
papel do designer é o de informar e
na lateral do site e, ainda, elementos
orientar. Todo recurso visual deve ser
clicáveis no final da página. Que
empregado sob a análise do contexto.
recursos de design vocês utilizaram
Nunca, um botão ou um banner‚
para separar as diferentes áreas de
desenhado
navegação, de modo a facilitar as
isoladamente.
Sempre
pensávamos no conjunto da página e
escolhas dos usuários?
como esses elementos interagiriam
Norton
entre si. Só assim teríamos a certeza de
separação, ou priorização, era facilitar
que estávamos efetivamente orien-
e
tando, e não, confundindo o cliente.
navegação
::
simplificar
A o do
proposta
desta
entendimento site.
da
Dividindo
estudo de caso Utilização de cor na identificação das seções: à esquerda, livros, e à direita, cds. No rodapé, sinalização de fechamento de pedido
link,
usuários. Tanto a cor quanto o
priorizando e agrupando os mais
respectivo ícone estão presentes em
relevantes ao processo de compra.
todo
Um recurso bastante utilizado no
referentes
Submarino
produtos, sempre buscando uma
hierarquicamente
é
a
cada
redundância
da
material a
e esta
comunicação categoria
navegação. Como exemplo, temos a
identidade
barra
superior
categoria, e sempre remetendo à
espelhada no menu esquerdo, que,
marca Submarino. Além de conferir
“todos os botões
por sua vez, oferece uma opção de
um aspecto mais lúdico, divertido e
navegação mais detalhada.
íntimo aos usuários.
que indicam o
Uma outra opção de navegação, ainda
Wd :: Como foram feitos os testes
mais direta, é a ferramenta de busca,
de usabilidade?
sempre disponível no topo de todas as
Norton :: Os testes de usabilidade
páginas do site. Funciona como um
eram constantes. Existiam várias
mesma
salva-vidas para os clientes perdidos
modalidades de testes. Alguns, com
pelo site.
entrevistas e testes no laboratório de
apresentação
Wd :: Fale um pouco sobre a utiliza-
usabilidade,
ção de ícones e cores nas seções.
diretamente no site para apuração
Norton :: Se o Submarino fosse uma
em resultados quantitativos. Um bom
loja física, seria quase um shopping
exemplo da eficácia dos testes de
direcionando
center. Pela diversidade de produtos e
usabilidade é a atual vitrine principal
categorias que vende, precisaria de
do Submarino.
o olhar do
uma sinalização bem formada, que
Durante
auxiliasse os clientes na localização.
principal do Submarino, a HomeSUB,
A utilização de cores distintas para
como
cada categoria procura orientar os
mantinha
de
navegação
é
própria
outros,
muito
tempo,
chamada a
para
de cada
publicados
a
vitrine
internamente,
mesma
forma
de
fechamento do pedido seguem a
(fundo azul e texto amarelo),
cliente que acaba clicando instintivamente”
45
estudo de caso
Evolução da interface do site: na coluna da esquerda, home e tela de compra de 2000; na da direita, versão 2003
apresentar melhores
os
resultados
em
Visando
crescimento criou, ou pode criar, para
vendas,
a equipe de designers?
surgiu a necessidade de se criar um
Norton :: A primeira grande dificul-
novo espaço de destaque promocional.
dade do design, decorrente do cresci-
O teste consistia na execução de uma
mento do número de categorias de
seqüência pré-determinada de tarefas
produtos, é a barra superior. Em 1999,
(ex.: comprar uma furadeira) por dois
eram apenas três categorias, que
grupos de usuários: metade usava a
ganhavam majestosos botões gigan-
versão atual da HomeSUB e os demais
tes. Mas, com o passar dos anos, no-
testavam a nova proposta com o novo
vas soluções foram propostas, até se
destaque.
chegar no que é hoje, uma barra com
Desse
modo,
colhemos
dados suficientes para mapear a
17 botões de categoria.
utilização da vitrine e descobrimos o
Outra grande dificuldade era o layout de
que
e,
páginas de destaque, como a HomeSUB
melhor
e as páginas de promoções. O desafio
mais
chamava
potencialmente,
46
produtos.
um
atenção
desempenho de vendas.
era montar uma página que desse o
Wd :: Ao longo do tempo, tanto a
destaque adequado para todas as
variedade de produtos oferecidos
categorias, sempre com atenção ao
como a quantidade de produtos
“peso” das imagens e, conseqüen-
vendidos aumentou. Que desafios este
temente, ao tempo de download .
47
animação, áudio e vídeo
Casamento perfeito... quem disse que não existe? Mais do que uma tendência, animação e ilustração 3D, enriquecidas com uma bela trilha sonora, prometem um relacionamento estável e duradouro: são recursos que, conjugados, conferem dinamismo e contemporaneidade ao vídeo. Presente no cinema, em peças publicitárias veiculadas na tv, videoclipes e sites, esta técnica tem mostrado ótimos resultados e parece ter vindo para ficar
É como feijão e arroz, Romeu e Julieta, Batman
passar a informação de maneira apropriada não se
e Robin: um complementa o outro. A união de
restringe apenas à escolha do meio, mas estende-se
imagem e som é um ótimo recurso para se fixar
a adequá-lo ao público e ao momento. “Há muitas
informações na mente humana. Uma mistura bem
formas de utilização do vídeo numa campanha: nas
feita de formatos com cores e áudio pode ser
tvs aberta e por assinatura, em eventos, na web...
decisiva no sucesso de um projeto de computação
Antes de tudo, é necessário conhecer o público-alvo,
gráfica, por exemplo. Soma-se a isso o efeito
pois com o volume de anúncios que temos atualmente (sejam impressos, vídeo ou
tridimensional, trocam-se as alianças e
“antes de web), as chances de pulverização são pronto: a peça torna-se ainda mais atraente para os sentidos. sabermos o grandes. Um produto popular como uma Na opinião de Ricardo da Matta momento de esponja de aço obtém resultado anunciando numa tv aberta, já uma Filho, ilustrador do Estúdio de anunciar em marca de produtos com público muito Computação Gráfica Seagulls Fly, “imagem e som são co-dependentes, vídeo, devemos específico (lojas como Tiffany´s, por um não sobrevive sem o outro, o saber onde é exemplo) busca mídias segmentadas, anunciando nos canais de tv por equilíbrio entre essas duas partes é a pertinente” assinatura. Portanto, antes de sabermos o única maneira de se obter um vídeo de qualidade”. E acrescenta que a pesquisa é impres-
momento de anunciar em vídeo, devemos saber onde
cindível como ponto de partida de um projeto: “Tudo
é pertinente”.
o que trouxer alguma informação que some ao
Apesar de todos os avanços tecnológicos na
trabalho é válido. Sempre que aparece algum proje-
área, continuam surgindo dificuldades e problemas a
to, a primeira coisa que fazemos é abrir o navegador
serem vencidos. Segundo Ricardo,”hoje, o ramo da
de internet e procurar por imagens de referências.
computação gráfica está muito bem servido de
Tenho certeza de que sem referências visuais é muito
ferramentas para a execução dos trabalhos. Eu até
difícil chegar a um bom resultado final...”.
me arrisco a dizer que tudo é possível desde que se
Sendo a fixação da mensagem um dos principais
tenha verba e prazo, pois o Brasil ainda está se
objetivos de uma campanha publicitária, qual seria o
adaptando a esse mercado. Claro que as dificuldades
meio mais eficaz para fazer com que as pessoas
existem, mas isso se torna um incentivo”.
gravem melhor uma informação: lendo, ouvindo,
Quanto ao futuro, mostrou-se otimista: “O
meio
mercado está começando a perceber que podemos
utilizado, é primordial que a mensagem seja bem
realizar trabalhos de alto nível. E sempre haverá
passada, e afirma que, “sem dúvida, a TV é o meio
espaço para boas idéias e boas produções”,
de excelência para fixarmos uma mensagem”. Porém,
esclarece.
vendo?
48
Para
Ricardo,
independente
do
animação, áudio e vídeo
Óleo ABC Neste filme, o cliente queria um comercial onde
tecnologias utilizadas
legumes começassem a cantar e a dançar blues
:: Adobe Photoshop
conforme o Óleo ABC ia sendo jogado sobre eles.
Pintura e tratamentos de imagens escaneadas para serem aplicadas
Montamos, então, um animatic (espécie de
como textura :: Discreet 3ds max
storyboard animado) com desenhos em estilo cartoon
Modelagem, texturização, animação, iluminação
de determinados legumes pré-selecionados pelo
:: Adobe After Effects
cliente.
Pós-produção de vídeo
Um passeio à feira foi uma excelente fonte de referências para os modelos que teríamos de fazer em 3D, pois tivemos como analisar formato, proporção e até mesmo escanear as texturas que seriam usadas posteriormente. Concluída essa parte, tivemos o trabalho de animação de personagens, etapa onde é dada vida aos legumes, e criamos situações engraçadas, como a ervilha suicida e os rabanetes fazendo coro. Com tudo animado e devidamente renderizado, foi feito um trabalho de pós-produção e finalização do vídeo. O resultado final pode ser visto no endereço www.seagullsfly.art.br/videos/abc.zip e o making of em www.seagullsfly.art.br/videos/makingofabc.zip.
49
50
animação, áudio e vídeo
O legal deste trabalho foi que o cliente nos deu bastante liberdade pra criar o storyboard do vídeo.
por exemplo, ir trabalhando no animatic a criação das personagens paralelamente com a modelagem das
A proposta da Warner feita para a produtora
mesmas. Era tudo uma grande linha de produção,
Conseqüência consistia em fazer um novo videoclipe
onde, se uma parte atrasasse, atrasaria as partes
para o Frejat em 3D seguindo o estilo do videoclipe
seguintes.
anterior do mesmo cantor, intitulado “Segredos”,
Naquelas seis semanas, esse grande “frenezi”
ganhador do prêmio de melhor videoclipe Pop no Video
perdurou durante todo o processo até a entrega da
Music Brasil da MTV, em 2002.
BETA final ao cliente. Foi uma experiência muito
A Conseqüência nos procurou com a proposta de executarmos juntos esse projeto num prazo de seis
bacana, com um resultado fruto de muito trabalho conjunto entre duas grandes produtoras cariocas.
semanas. Este, aliás, foi o nosso maior desafio e nos
O resultado final do videoclipe pode ser
preocupou bastante por ser um prazo muito curto
conferido na MTV Brasil e no programa TVZ do
para se desenvolver um videoclipe totalmente feito
Multishow.
em computação gráfica. As duas empresas já haviam feito uma parceria vitoriosa na animação do clipe “Three Little Birds”, de Gilberto Gil, produzido pela Conspiração Digital e vencedor do Video Music Brasil, em 2003, de Melhor Direção de Arte (Flávio Mac e Gualter Pupo). Trechos do videoclipe “Segredos” e “Three Little Birds” podem ser vistos no site da Conseqüência (www.consequencia.com.br). Para tornar isso possível, tivemos que criar
“...conseguimos trabalhar no animatic a criação das personagens paralelamente com a modelagem. Era tudo uma grande linha de produção, onde, se uma parte atrasasse, atrasaria as partes seguintes”
sistemas de nomeação de arquivos e organização de pastas específicas para este projeto a fim de podermos executar simultaneamente diversas etapas do processo de criação. Desta maneira, conseguimos, tecnologias utilizadas :: Adobe Photoshop e Corel Painter Storyboard, pintura de cenários e texturas :: Discreet 3ds max Modelagem, texturização, animação, iluminação :: Adobe After Effects Pós-produção de vídeo :: Adobe Premiere Edição de vídeo
51
animação, áudio e vídeo
“Túnel do Tempo” (Videoclipe Frejat)
animação, áudio e vídeo
Globeleza 2004 Hans Donner estava num dilema: mais uma vez Valéria Valenssa havia engravidado e ele não queria repetir a vinheta anual com a Globeleza grávida. Surgiu, então, a idéia de criar uma globeleza virtual, uma idéia ousada e que nunca tinha sido executada na TV aberta brasileira. A escolha da Seagulls Fly foi um processo natural porque ele já conhecia bem nosso trabalho através de projetos como as aberturas dos programas Fama e Carga Pesada. O maior desafio nesse projeto foi a própria Globeleza, já que um ser humano fotorrealista num ambiente virtual é algo bem complicado. Um obstáculo a mais nesse processo era o fato de Valéria Valenssa ser uma personalidade conhecida em todo o Brasil, ou seja, qualquer detalhe que estivesse diferente no modelo virtual, por menor que fosse, seria rapidamente notado pelo telespectador. O prazo para a execução deste trabalho (três meses) foi maior que o do clipe do Frejat e a duração do vídeo final seria bem inferior, mas isso não significa que tenha sido fácil. Houve muita dificuldade porque a personagem do clipe não era realista.
tecologias utilizadas :: Adobe Photoshop Pintura de texturas :: Discreet 3ds max Modelagem, texturização, animação, iluminação :: Discreet Combustion e Adobe After Effects Pós-produção
52
um esqueleto aparece sambando. Esses movimentos foram capturados na “House of Moves”, um estúdio de Motion Capture localizado na Califórnia (EUA). Isso facilitou muito o trabalho de animação, pois os movimentos dela sambando já estavam quase que prontos. Mas, ainda tínhamos de modelar, texturizar, esqueletar, iluminar e animar (cabelos, mãos, balanço de seios, nádegas etc.). As etapas de esqueletagem e iluminação foram especialmente trabalhosas. Para tornar a vinheta convincente, deveríamos fazer movimentos de balanço de pele e iluminar de forma fotorrealística. Isso tudo toma muito tempo e requer inúmeros testes para se chegar a um resultado satisfatório. Hans Donner e Valéria Valenssa participaram ativamente da produção. O resultado final pôde ser conferido na Globo até o carnaval e ainda está no site da Seagulls, no link: www.seagullsfly.art.br/videos/globeleza.zip.
“Um obstáculo nesse processo era o fato de Valéria Valenssa ser uma personalidade conhecida em todo o Brasil, ou seja, qualquer detalhe que estivesse diferente no modelo virtual seria rapidamente notado pelo telespectador”
53
animação, áudio e vídeo
Nos foi cedido um arquivo de movimento, onde
tutorial
Um pouco de
3D na Web
A cada dia nos deparamos cada vez mais com o ambiente
virtual
3D
em
filmes,
comerciais,
programas de televisão, apresentações, trabalhos
animação em que o objeto se move, ou aumenta de tamanho, enquanto uma ou mais imagens de fundo também se movem, às vezes, mais lentamente.
científicos, entre outros. Portanto, é natural que,
Outra forma é exportar um filme 3d para o flash, um
gradualmente, o 3D avance na internet. Muitos
avi, por exemplo, facilmente gerado em um programa 3D.
websites já utilizam esta tecnologia.
Não existe a forma certa. Em nosso exemplo
A tecnologia é complexa e se divide em várias áreas.
falaremos de uma das técnicas. Se a sua cena 3D não
Não são apenas formas das quais podemos obter todos os
for muito complexa e você deseja obter um arquivo
ângulos, são áreas como: modelagem, que é a criação das
leve, pode optar em gerar um arquivo vetorial, assim
formas 3D propriamente ditas; aplicação de materiais, que
o casamento com o Flash obterá grande sucesso.
inclui as texturas aplicadas para dar realismo às formas;
Os programas 3D mais utilizados e que oferecem
iluminação; animação; partículas, onde se obtêm efeitos
mais recursos são 3DS Max, Maya e Lightwave. Eles
de água, fumaça, fogo etc..
exigem também maior dedicação para o aprendizado.
Mas não se assuste. Dependendo da sua
Há também programas com menos recursos que, por
necessidade, é possível se virar com alguns conheci-
outro lado, são mais fáceis de aprender e voltados para a
mentos básicos. Porém, se quiser ir a fundo, prepare-se
web, pois objetivam gerar arquivos vetoriais em formato
para muita dedicação. Nosso desafio é a interação 3D
swf. Posso citar como exemplos o Plasma da Discreet (da
com a web. Para isso, precisamos considerar o que o
mesma empresa do 3DS Max) e o Swift 3D da Eletric Rain,
nosso projeto para a internet necessita.
que utlilizaremos no tutorial a seguir.
Imagine que você está usando o seu programa 3D
O Swift 3D possui sua versão em plugin para 3DS
favorito e modelou um objeto, aplicou materiais,
Max e para o Lightwave. A versão 3 deste software
trabalhou a iluminação, tudo para torná-lo bem próxi-
gera arquivos vetoriais com sombras, brilhos, reflexos,
mo da realidade. Bem, se o seu objetivo é criar apenas
transparências e, quando importados para o Flash, cada
uma imagem para ilustrar uma página, você pode
um desses efeitos citados são separados em camadas.
exportar gerando um arquivo jpeg e pronto.
Veja alguns exemplos no site www.swift3d.com.
Agora, se quiser uma animação desse mesmo objeto, terá que pensar em alguns pontos:
Em nosso exemplo, vamos explorar alguns desses efeitos. As formas são bem simples: um box,
Quero manter o realismo que consegui com as
um plano e um texto com uma extrusão aplicada.
texturas, iluminação e tudo o mais. Então, talvez seja
Coloquei um ponto de luz simples, conhecido como
interessante pensar num carregador bem atraente para o
“omni”, um pouco acima das formas e utilizei a
seu flash. Uma animação quadro a quadro cheia de
visualização de uma câmera target, que me
imagens em mapa de bits possivelmente ficaria um pouco
possibilita bons efeitos para animação, como
pesada. Alguns sites aplicaram essa técnica com sucesso,
rotacionar em volta do objeto alvo, zoom, entre
porém as animações são feitas de forma muito planejada.
outros (fig.1).
Outros, usam imagens 3D em mapa de bits, animadas com
Caso esteja acostumado com outros programas e
“simulações 3d”, ou seja, aqueles velhos truques de
sinta dificuldade na criação de formas no ambiente do swift
54
tutorial Figura 3
Figura 1
O resultado de nosso render pode ser visto na fig. 3. Experimente
outros
materiais,
como
os
de
3d, pode utilizar o 3DS Max e exportar como um arquivo
transparência, por exemplo, e renderize para ver o
“.3DS”. Essa extensão suporta os objetos mais comuns de
resultado.
iluminação e câmeras do 3DS Max. Feito isso, já no ambiente do Swift 3D, vá em File, New from 3DS e abra o arquivo normalmente. O Swift 3D possibilita a aplicação de materiais vetoriais e de mapa de bits. Como nosso objetivo neste exemplo é fazer uma animação 3D totalmente vetorizada, utilizaremos somente os materiais chamados pelo programa de ER Vector. Se for para utilização do ER Raster, de mapa de bits, aconselho outros programas, que trabalham esses materiais com mais realismo. No nosso exemplo, aplicaremos no texto “3D” um material Glossy da palheta de materiais do Swift 3D (fig.
Figura 4
Utilizando a linha de tempo do programa (fig. 4), fiz uma animação simples, onde rotaciono o texto. Voltando ao Render, clique em “Generate All Frames” e, em seguida, “Export All Frames” para criar o arquivo “swft” que será importado pelo Flash, a seguir.
2), que simulará efeitos de reflexão de luz em nossa forma.
Com o Macromedia Flash aberto, importaremos para
No box utlizaremos um material reflexivo (Reflective),
o Stage o arquivo “swft”, gerado pelo Swift 3D. Repare
simulando um espelho. E, finalmente, no plano
como ele separa em camadas as formas, as sombras e os
aplicaremos um material Flat, opaco e sem brilho. Para
brilhos (fig. 5). Agora, podemos utilizar nossa animação como qualquer outra animação quadro a quadro, comum ao ambiente do Flash, controlando-a com botões, eventos de mouse ou da linha do tempo. Essa animação de exemplo possui 30 quadros e o swf
Figura 2
gerado pelo flash ficou com 40 Kb.
aplicação do material desejado, basta clicar no material escolhido e arrastar para o polígono que desejar. Agora, vamos em “Preview and Export Editor” e, em “Fill Options”, marcaremos as três opções disponíveis “Include: Specular Highlights, Reflections e Shadows” para habilitarmos nosso render a obter todos os efeitos de luzes, reflexões e sombras. Você pode inserir linhas na
Figura 5
opção “Edge”. Conheço ótimos trabalhos 3D que utilizam
Italo Garrot
apenas esses contornos. Clicando em Generate Selected
Webdesign , 3D e Ilustração
Frames, fazemos o Render do quadro atual.
[email protected] 55
interface
Marcello Póvoa Criou a MPP Solutions, empresa de consultoria estratégica, criação e desenvolvimento em mídia interativa. Foi Diretor da Globo.com e da IconMediaLab (Nova Iorque) com inúmeros projetos premiados internacionalmente. Possui Masters of Science in Communications Design pelo Pratt Institute (NY) e MBA em Administração pela Coppead, UFRJ. É autor do livro “Anatomia da Internet” (Casa da Palavra).
[email protected]
A nova onda da Apple Steve Jobs reposiciona a empresa e, mais uma vez, está mudando o mundo A primeira mágica Até meados da década de 80, os computadores eram utilizados por poucas pessoas, a maior parte por profissionais de cunho técnico. Uma das grandes razões da baixa penetração era justamente o fato de estas máquinas serem difíceis, quase desagradáveis de usar. Neste cenário, a jovem empresa Apple compreendeu este problema como uma barreira fundamental à expansão do uso e, conseqüentemente, à venda de computadores, resolvendo, assim, considerar o fator humano na questão. Foram, então, lançados no mercado os, até hoje famosos, computadores Macintosh, fáceis de usar e elegantemente projetados desde o desenho industrial até o sistema operacional e a arquitetura do hardware. Steve Jobs, fundador-líder da Apple e visionário de plantão, estava permitindo a chegada do computador pessoal às massas, tornando acessível aos bilhões que, mesmo sem conhecimento técnico, poderiam utilizar computadores na sua vida pessoal e no seu trabalho. Jobs conseguiu em um toque de mágica fazer com que uma tecnologia complexa se tornasse simples, mudando nossa maneira de ver o mundo. Realidade Darwiniana A idéia do Mac era realmente brilhante e fez da Apple a líder da indústria de computadores pessoais na década de 80. O problema natural é que outras empresas logo notaram as mesmas questões e passaram a adotar estratégias similares em seus produtos. Começa a era da “Guerra dos PC’s”, na qual a sensacional perspicácia da Microsoft, somada a alguns erros sérios de estratégia da Apple, tornou a primeira, vencedora inquestionável da competição. Hoje, o Mac tem 3% do mercado Global e menos que isso no Brasil. Já o Windows, reina absoluto, com 94% de penetração nos computadores pessoais. A história é prova: uma boa idéia, somente, não é garantia de vitória. Caos Ao mesmo tempo em que tudo isso acontecia ao longo dos anos, a Internet e as redes wireless se desenvolviam, permitindo a entrega de bits em velocidades até, então, inimagináveis. Em paralelo, conteúdos em todas as suas formas (música, texto, foto, filme) vão sendo transformados para o formato digital. Acrescente a isso a evolução dos processadores, displays de cristal líquido e hardwares em geral – cada vez menores e mais poderosos. Está claro que a forma como escutamos música, assistimos a filmes, e até 56
interface
“Não faz absolutamente nenhum sentido falar de usabilidade se não existe um projeto real atrelado”
mesmo como lemos livros, irá sofrer profundas
para retroalimentar as vendas do iPod, o qual, aliás, a
transformações nos próximos anos. No entanto, todo
Apple vai licenciar para a Hewlett-Packard, que também
esse caos tecnológico precisa ganhar entropia e,
vai colocar a loja iTunes em todos os PCs da HP. Com
desse modo, tomar forma como algo útil e simples.
isso, a Apple multiplica as possibilidades de venda da
Ninguém melhor que Steve Jobs para essa missão.
plataforma, não cometendo novamente o erro
A segunda mágica
estratégico histórico que fez ao fechar a arquitetura do
Os movimentos da Apple começam a dar claras
Mac nos anos 80.
sinalizações que Jobs tem a capacidade de dissolver as
Filmes e sonhos
fronteiras entre os universos da computação e do
A outra iniciativa de Jobs é a Pixar, produtora de
conteúdo. A ponte entre essas duas indústrias é a
animações em computação gráfica a la “Procurando
premissa para que a maneira como, hoje, usamos a
Nemo”, filme campeão de bilheteria nos EUA em 2003.
mídia para entretenimento, informação e educação se
A Pixar fez cinco mega lançamentos: três foram
torne coisa do passado.
blockbusters (os outros foram “Toy Stories” e “Monster
A mágica começa com o pequeno iPod (player de
S.A.”), ou seja, Jobs está não só produzindo conteúdo
música em MP3), que pode gravar algo em torno de
como também mantendo um elo direto com a indústria
10.000 canções, sendo um aparato menor que um
de entretenimento (neste caso, a Walt Disney Co.).
baralho de cartas. Em conjunto, a iTunes, loja virtual
A Apple está rompendo as barreiras entre
que funciona em seu PC (Mac ou Windows), na qual se
indústrias, integrando o conceito de conteúdo e
pode comprar músicas MP3 a US$ 0,99 a unidade e
computação. Dessa forma, está se re-posicionando
transferi-las à seu iPod. Esta é a maior revolução na
como uma empresa de “e-entertainment”, nome com o
maneira de se escutar música desde a introdução do
qual o mercado começa a batizar essa tendência. Jobs
walkman pela Sony, em 1979.
não pára de sonhar em mudar a forma como vemos (e
Na
verdade,
Jobs
foi
um
dos
principais
usamos) o mundo. Espero que a
interlocutores com a indústria fonográfica durante o
realidade seja boa o suficiente
terror da crise “Napster”, convencendo-os de que não
para
adiantava simplesmente tentar eliminar as formas de
sonhos.
alcançar
esses
distribuição digital. A saída está em descobrir como se ganhar dinheiro com este novo e inevitável canal com o consumidor. Assim, a indústria fonográfica concordou em colocar suas músicas à venda na iTunes, a loja de ecommerce da Apple. A Apple vendeu 730.000 iPods durante os últimos quatro meses e a loja iTunes vendeu 30 milhões de músicas em sete meses. Note que a loja ainda é uma operação não lucrativa, mas fundamental 57
webwriting
Marcela Catunda Trabalhou nas redes Bandeirantes, TV Gazeta, Manchete e Globo. Foi redatora da DM9DDB e supervisora de criação de mídia interativa da Publicis Salles Norton.
[email protected]
Tá faltando um treco aqui – Que treco? – pergunto. E todos se calam. Mas será o Benedito que ninguém vai me dizer que treco é esse que tá faltando? Aqui aonde? Que treco é esse? Como traduzir esse treco? Eram os trecos astronautas? Quinze para as duas da manhã
Debruçada sobre aquele bando de textos dou uma cochilada, acordo... Preciso apresentar o trabalho em algumas horas e ainda não tenho o treco que me pediram. Tentei uma nova área pro site, reformulei a linguagem do texto, revi alguns itens do conteúdo, pensei em pedir demissão, li meu horóscopo, reescrevi a abertura do site e nada, aquele treco não me saía da cabeça. Definir uma palavra é capturar uma borboleta no ar
E, de repente, lá estava eu com Aurélio Buarque de Holanda em meu colo. treco . S. m. Bras. Gír. 1. Qualquer objeto pequeno e mais ou menos insignificante; trem, terém. 2. Mal-estar (1). ~ V. trecos. Mesmo já sabendo o significado da palavra “treco” e sua aplicação para o meu caso, aquilo me intrigava. Descobrir seu significado exato deixara de ser apenas uma brincadeira e se tornara uma questão de honra. Cinco e meia da manhã
Teria eu descoberto aquele “treco” ou estaria eu à beira de ter um? O que é um treco para você?
Dei um pulo na sala do meu diretor de criação para saber o que ele queria dizer com “faltando um treco”. Depois de atender umas cinco pessoas antes de mim e falar ao telefone umas cento e cinqüenta vezes, lá estava ele, pensando em minha pergunta. Pensou, pensou, pensou... e respondeu: - A gente podia conversar depois? Tô cheio de pepinos para resolver. O que é um pepino pra você?
E lá estava eu, diante de mais uma palavra com milhares de aplicações. O pepino poderia ser um problema bem mais importante, ou simplesmente uma desculpa. Será que ele teria usado a palavra treco para não precisar dizer que o trabalho estava uma droga? Seria o treco uma desculpa? Assim como o pepino que ele usou? (Com todo o respeito).
58
webwriting
“O ‘treco’ que faltava foi dado pelo diretor de arte, aliás, de forma brilhante. Meu erro? Tentar achar o treco sozinha”
De volta ao trabalho
– Posso te mostrar a cara do site? – perguntou o diretor de arte do job. – Agora não dá. Preciso mexer num treco aqui que eles pediram – respondi. – Quando você for apresentar os textos, eu levo o layout, tá?
Meu erro foi crer que estar ao meu lado bastaria
Pois é. O “treco” que faltava foi dado pelo diretor de arte, aliás, de forma brilhante. Meu erro? Tentar achar o treco sozinha. Essa é apenas mais uma das vantagens de duplar. Ter alguém com quem criar, pensar, discutir, dividir a pizza, xingar a moçada...
Nem respondi. Eu tava tão preocupada em achar aquele treco que nem dei bola pra ele. Mais algumas horas se passaram até a hora de voltar à sala do diretor de criação
Essa coisa de trabalhar perto e longe é tão perigosa... Agora eu já aprendi e sei que por esse “treco” eu não passo mais. Nunca mais. Também, né? Quase tive um troço.
para mais uma apresentação. Ai, minha Santa Clara! Fazei com que esse homem veja esse “treco”. Eu sei que eu tentei. Entramos na sala do grande chefe. Eu nem sentei pra não parecer desesperada.
Quando
fico desesperada balanço as pernas. Depois de dar uma lida pra lá de dinâmica nos meus textos, ele esticou o braço para o meu diretor de arte, pedindo o layout. Não demorou e escutamos: – Genial. Hora de sentar. Ele havia encontrado o “treco” que faltava.
59
marketing
René de Paula Jr. Especialista em e-business, profissional de internet desde 1996, passou pelas maiores agências e empresas do país: Wunderman, AlmapBBDO, Agência Click, Banco Real ABN AMRO. É criador da “usina.com”, portal focado no mundo online, e do “radinho de pilha” (www.radinhodepilha.com), comunidade de profissionais da área.
[email protected]
Casa da sogra Introdução a user experience Dei uma volta pelo shopping, ontem. Numa vitrine, vi um modelo de palm que eu não conhecia. Entrei, o vendedor me mostrou o aparelho; fui embora satisfeito por ter visto de perto aquele palm, por ter manipulado uma máquina que eu só conhecia superficialmente. Este episódio tão prosaico, se o olharmos de perto, pode também nos mostrar como funciona outra maquininha: a maquininha humana. Os senhores teriam interesse? Sigam-me, por favor. Em primeiro lugar, por que escolhi um shopping? Resposta: eu não estava procurando nada específico, estava querendo apenas olhar vitrines, e shoppings concentram vitrines de todo tipo. Mais: estava chovendo muito, e shoppings são cobertos. Por fim, eu queria circular entre gente bacana, sem me preocupar com segurança e violência. Ir ao shopping envolveu um preparo extra, claro. Coloquei uma roupa cuidadosamente casual, refiz minha toalete básica, peguei carteira, celular e fui. Uma vez na tal loja (sofisticada, diga-se de passagem), dirigi-me ao vendedor com uma atitude sóbria e polida. Eu queria ser bem atendido e, para isso, precisava parecer um bom prospect. Na conversa com o vendedor, reforcei essa impressão mostrando meu interesse pela marca e pela tecnologia em questão. Não comprei o produto, mas saí de lá melhor informado, com condições de fazer uma decisão mais acertada numa compra futura. O vendedor, mesmo sem ter efetuado a venda, cumpriu o seu papel ao aumentar meu potencial de compra e também ao criar um vínculo positivo entre mim e a loja. Os senhores teriam interesse também em internet? Que ótimo. Por esse lado, por favor. Saiamos do mundo (a)palpável e entremos no digimundo. Aliás... “entrar” é a palavra correta? Quando queremos comprar online dizemos “entra aí no Submarino”, “abre a Livraria Cultura” ou “vai nas Americanas”, mas, em verdade, a gente não vai a lugar algum, não entra em nada. A gente chama e eles vêm. Sites vêm até você, e não, o contrário. Quem tem que se preparar todo, ficar bonitão e falar direito é o site, não você. Você, de cuecas ou não, é quem vai medir o vendedor de alto a baixo. Essa inversão de papéis tem implicações sérias.
60
marketing
“Sites vêm até você, e não, o contrário. Quem tem que se preparar todo, ficar bonitão e falar direito é o site, não você”
Em primeiro lugar: por que você escolheu a
Um último aspecto: respeito à sua inteligência.
internet? Por que estava chovendo? Por que é fácil
Internet, para mim, é como a lâmpada de Aladim:
pular
e
você esfrega, um gênio aparece por download e lhe
lançamentos? Por que você não queria se expor à
promete três desejos. Se depois dessa mágica toda,
violência urbana? Hummm... Mais ou menos a mesma
você faz um pedido singelo e o gênio coça a cabeça,
lógica do mundo físico. Racionalmente, pelo menos.
dizendo “veja bem...”, você enxota o canastrão e diz
de
site
pra
site
conferindo
preços
Vamos agora checar a parte irracional. O site
“fecha-te sésamo”.
está entrando na TUA casa, no TEU computador,
Na sua vida, esse cara não entra mais.
usando a TUA linha telefônica... e o mínimo que se
Em shoppings, em sites, em lâmpadas mágicas,
deve esperar é que ele seja educado, que ele “se
o que há são usuários humanos, que se tornaram
comporte”. Eu fico transtornado quando um site que
ainda mais dignos e humanos quando ganharam um
eu convido para adentrar na minha vida se comporta
superpoder: o mouse power. O cara clica o mouse e...
mal: é pesado, abre janelas que não devia, tenta
ai de você se não atender seus desejos. Nem precisa
instalar plugins que eu não quero ou fica parado na
ser gênio para adivinhar a punição: mil e uma noites
porta cantarolando uma introdução desnecessária.
sem aquele unique visitor.
Malabaristas num semáforo de rua até que têm seu charme, mas não na information highway.
Pensando agora como loja, e não, como cliente. Se encararmos a loja online como um caixeiro
Aparência e “toalete” também contam. Se você
viajante, que notícias ela traz depois de tanta
recebe um email de uma marca sofisticada, vai
andança? Ela entrou em milhares de casas, conheceu
estranhar muito se ele vier de bermuda e chinelo, falando português ruim. Vai achar que é golpe e nem vai abrir a porta para ele. Pro lixo, direto.
pessoalmente um mundo de clientes... e não tem nada para dizer? Isso sim é que é desperdiçar oportunidades. E
para
você
preferencial,
que
um
é
brinde:
nosso o
site
cliente Good
Experience (www.goodexperience.com) é um bom começo para quem quer ver o mundo por outros olhos, os olhos do consumidor. Volte sempre, o prazer é nosso. Servimos bem para servir sempre.
61
mercado de trabalho
Michel Lent Michel é designer gráfico e mestre em Telecomunicações Interativas pela New York University. Foi um dos primeiros brasileiros a trabalhar com internet, começando sua carreira no ano de 1994, em Nova York, na EURO/RSCG. Fundou a 10’Minutos, sua consultoria em projetos interativos; foi membro do board que lançou a Globo.com e diretor de criação da DM9DDB.
Aqui vou eu, ‘atachado’ Tentando fazer o seu currículo chegar aos olhos de quem você quer, na hora certa Essa ‘pérola’ de título de email saiu da cabeça doida e brilhante da Marcela Catunda (minha colega colunista nesta revista), no primeiro contato que tivemos, em 2000. Eu tinha acabado de vir do Rio para São Paulo e estava montando meu time na DM9. Precisava, então, de alguém fera em redação publicitária para internet, o que, na época, era praticamente mais difícil do que alguma rara especialização médica. Basicamente, não tinha ninguém com experiência nesta ‘modalidade’. Decidi que o ideal seria mesmo tentar encontrar gente com experiência em áreas próximas. Aí, fui fazer o que sempre costumo fazer quando preciso contratar alguém: ir ao mercado e anunciar a existência desta disponibilidade de trabalho. Coloquei o anúncio no ClickJobs, o primeiro (e, ainda, o mais focado) site de oferta e procura de profissionais de mídia interativa do País, que eu ‘precisei’ ajudar a fundar em 1997, quando era impossível se encontrar gente qualificada neste mercado. Época em que nem se encontrava a categoria ‘internet’ ou ‘web’ nos sites de currículo. Postei o anúncio, revelando qual era a empresa, e esperei a ‘enxurrada’ de currículos. Porque, basicamente, pra qualquer vaga aberta por anúncio, há sempre uma enorme resposta, tratando-se de DM9, então… A enxurrada veio mesmo. Não me lembro exatamente, agora, mas passou fácil de 500 emails com currículos. E quando você recebe tamanha quantidade, sabe que a grande maioria é inadequada, mas precisa olhar um por um a fim de ‘pescar’ seu candidato ideal. Pra fazer ‘leitura dinâmica’ em cima de tanta mensagem, a gente acaba precisando inventar algumas técnicas. No meu caso, que estava procurando um redator, a saída era fácil: procurar alguém que já se destacasse pelo próprio texto do email. Em meio a 89 mensagens intituladas “AO DEPARTAMENTO DE RH”, 327 chamadas “CURRÍCULO VITAE”, 40 “VAGA NO CLICKJOBS”, 23 “VAGA REDATOR PUBLICITÁRIO INTERNET” e 15 “ENVIO DE CURRICULUM”, poucas vinham
62
mercado de trabalho
“Muitas vezes, tudo o que um profissional com potencial precisa é uma primeira chance”
intituladas de maneira mais original, incluindo uma sensacional “AÍ VOU EU, ATACHADA”. A Catunda pulou fácil no meio da massa, pois entendeu isso
casos, a ‘fórmula’ se resume aos mesmos pontos: :: Pense no título do email, ele já ajuda a revelar quem você é.
perfeitamente. Redatora de mão cheia, acostumada a
:: No corpo do email, escreva um texto muito
escrever para todas as mídias, acertou na mosca na
curto e objetivo sobre você e coloque três ou quatro
hora de ‘pescar’ a primeira atenção. Mais uns poucos
destaques da sua vida profissional (empresa por
currículos que me ‘pescaram’ e algumas entrevistas
onde passou, projetos de destaque).
depois, lá estávamos eu e Marcela, trabalhando
::
O layout do email também deve ser simples
juntos na DM9. E seguimos fazendo coisas juntos
e objetivo (Designers, deixem seu design para o
desde então.
portfólio, o email precisa ser clean e elegante).
Fosse o anúncio procurando um designer ou um diretor de arte, a saída seria tão simples quanto: um título criativo e, neste caso, um layout adequado até para o próprio email. Seja você um programador, planejador, gerente de projetos, em todos estes
::
Gere um PDF de seu currículo, evite enviar
arquivos .DOC por causa dos vírus. :: Não anexe imagens no email. Monte um belo site com seus trabalhos e mande o endereço. :: E, por último, se a empresa não estiver procurando ou pedindo currículos, não mande. É muito provável que seu email vá parar no lixo. Muitas vezes, tudo o que um profissional com potencial precisa é de uma primeira chance. Capriche no email da próxima vez que for se candidatar a um trabalho. Quem sabe, não pinta a sua?!
63
webexperiences
Clovis La Pastina Foi redator da Better e da McCann. Entre as suas principais realizações estão os lançamentos do Corsa, do Kadett e do Vectra, além de vários lançamentos da Nestlé. Atua como gerente geral Thunder House/ Zentropy desde 1999. Ganhador de dois Leões de Cannes (Ouro e Prata), um Grand Prix do NY Fests, The One Show, Art Director’s, Clio Awards e CCSP, faz parte do júri dos principais festivais internacionais.
[email protected]
A Internet é de todos, sem discriminação Permitam-me apresentar para vocês o Adílson Ademir da Silva. Ele conhece como poucos as vantagens e as possibilidades da Internet para a geração de negócios. Embora seja um visionário, o Adílson não é conhecido no nosso mercado. Ele não lê a Webdesign e tampouco conhece o René, o Michel, o Cabral, o Luli ou qualquer outra fera da Internet. O Adílson é um borracheiro. Isso mesmo. Aquele cara que lhe socorre quando você está indo para um cliente e tem o seu pneu perfurado. Ele é um paranaense de nascimento, dono da Borracharia 4 Rodas, que fica em Campinas, mais precisamente num Posto Esso chamado Vô João, no bairro de Barão Geraldo, perto da Estrada da Rhodia. Católico fervoroso, o Adílson só não abre a borracharia em feriados santos. Se bem que, se o caso for urgente, ele dá uma forcinha. Ele é honesto e transparente. Faz questão de realizar os reparos na frente dos clientes, explicando-lhes passo-a-passo o que está fazendo. Mas por que eu estou falando do Adílson, afinal? Porque ele tem uma página na Internet, muito simples e até bonitinha. Aliás a página é toda branquinha, bem clean, o que contrasta com o ambiente tradicional de uma borracharia. Esta poderia ser uma homenagem politicamente correta de alguém que trabalha com Internet, simplesmente jogando confete num homem simples, que é borracheiro e contratou alguém pra fazer a sua home-page, passando uma imagem cult de um assunto apenas um pouco diferente. Não é nada disso. Existem 2.701 páginas na internet com o termo “borracharia”, que vão desde blogs metidos a engraçados a páginas pornôs, passando, óbvio por outros tantos borracheiros que fizeram o mesmo que o Adílson: entraram no ambiente web. Acontece que o Adílson fez a coisa direito. Se não foi ele quem fez, melhor ainda. Ele foi o cliente que soube exigir o melhor que o webdesigner poderia fazer. No site ele explica, com suas próprias palavras, o seu conceito de qualidade total. Se não bastasse, ele ainda tem o orgulho de apresentar na sua página, a esposa Margarethi, numa foto bem legal de um casal feliz.
64
webexperiences
“Nesta história toda a internet é a roda e o site do Adílson é o pneu. Se pintar algum “furo”, é o próprio Adílson quem vai consertar rapidinho...” Entrei em contato com ele, e pasmem: obtive
cia para passar por Campinas, cumprimentá-lo
resposta no ato! Ao contrário de algumas empresas
pessoalmente, dar-lhe exemplares da Webdesign e a
multinacionais que demoram 48 Horas (ou mais) para
indicação de uns sites legais pra ele visitar.
retornar, isso quando dão sinal de vida. Lógico que,
O Adílson não freqüenta palestras, cursos,
no caso dele, a coisa é mais rápida do que numa
seminários, restaurantes da moda, não vive no
empresa que tem 1.000 funcio-
chamado “quadrilátero dos Jardins”, não é um cara
nários e uma burocracia enor-
fashion, mas é um exemplo para todos nós,
me. Mas ele também poderia
profissionais desta maravilha que é a Internet. Sabe
não ter respondido.
por que?
Respondeu e deu show.
Porque nesta história toda a Internet é a roda e o
Disse que precisa melhorar o
site do Adílson é o pneu. Se pintar algum “furo” no
layout da página e que precisa
site dele, é o próprio Adílson quem vai consertar
colocar informações novas. Bingo!
rapidinho, sem precisar consultar o marketing, o T.I.,
Sou fã do cara. Ele é um
os gerentes de produto e até mesmo a presidência da
visionário
e
eu
pretendo aproveitar um dia
empresa. Pense nisso enquanto você olha aquele projeto que está parado há semanas sobre a sua mesa.
de pedaladas
O endereço do site do Adílson:
do
www.vojoao.com/borracharia/index.htm.
pessoal
aqui da agên-
65
66