direitos autorais

3
 Equipe

Editorial
quem somos

“A cigana leu o meu destino... eu Direção Geral

sonhei... bola de cristal, jogo de búzios, Adriana Melo
adriana@arteccom.com.br
cartomante...”
Direção de Redação
Bruna Kanhan
Hoje uma “cartomante” leu o meu destino, conforme as brunak@arteccom.com.br

cartas de Mille Lenormand. Meu prognóstico: felicidade Direção de Arte

Patrícia Maia
constante, amor fiel, fortuna, êxito nos negócios... Bem, dizem
patricia@arteccom.com.br
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 beto@arteccom.com.br

tema da revista, que compramos baralho cigano, cristais, Diagramação

Bruna Werneck
cartas de tarot... Tudo para fotografar, escanear e fazer uma
bruna@arteccom.com.br
diagramação bem bacana. Acabamos brincando de interpretar
Publicidade
nossos futuros. Daniele Moura
E, brincando, descobri o segredo da Arteccom, como daniele@arteccom.com.br

tentamos desvendar nesta edição, os segredos dos designers. Webdeveloping

Fabio Pinheiro
Descobri que a equipe busca um resultado sempre melhor do
fabio@arteccom.com.br
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 ana@arteccom.com.br

faz. Só superamos nossas expectativas quando trabalhamos editora

com amor, com paixão. Criação e edição

www.arteccom.com.br
arteccom
Descubra também o seu segredo que, para alinhavar o seu
Distribuição
sucesso, deve coincidir, imprescindivelmente, com o que você www.chinaglia.com.br

mais ama fazer. E, quando o descobrir, desenvolva e EXPLORE

Colaboração
AO MÁXIMO seu potencial! Bete Veiga - Redação

Um grande abraço, :: 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.
Adriana Melo :: Sugestões dadas através dos emails enviados à revista passam a
ser de propriedade da Arteccom.

4
 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
Na primeira edição da
Webdesign, vários
profissionais discorreram sobre
a identidade nacional. Antes de
ler a matéria, pensei: tem
muito a ver com a Semana de
22. Seria um marco para a
identidade nacional se
houvesse uma “semana da arte
digital brasileira”. Acredito que
já existem vários artistas que
conseguem transformar em
linguagem criativa a
identidade nacional. Talvez,
estes estejam precisando se
conhecer, elaborar um
manifesto, quem sabe? Energia
fluindo! Vejo muito (ainda) a
influência externa sendo
“comprada” por alguns
designers. Nada contra as
influências externas, desde que
assimiladas e transpostas para
uma linguagem nossa. Fica a
idéia.
João Elton Moreto
jemoreto@yahoo.com.br
Sensacional sua idéia, João! Será o
tema da edição comemorativa do 10º
Encontro de Web Design, em
novembro de 2005, no Rio de
Janeiro. Meus parabéns! Contaremos
com sua participação e contribuição
no evento . Já começamos a
desenvolver o projeto! Um grande
abraço, Adriana.
6
Assunto: How Magazine
brasileira
Gostei muito da Webdesign. Os
assuntos são pertinentes e
tratados com o cuidado
apropriado. Posso exagerar
(será?) dizendo que já é a How
Mag brasileira?!
Gostaria de sugerir o seguinte
tema: como mensurar a
necessidade de adquirir planos
Linux ou Windows, ASP, PHP
ou JSP?
Rodrigo Marques de Novais
suprabug@bol.com.br
Hum... How Magazine??? Ficamos
muito honrados! E sua sugestão já
foi para a reunião de pauta, ok?
Assunto: Prêmios
Sugestão: Pesquisar e formar
uma lista de prêmios nacionais
e internacionais, relevantes
para a mídia online e para os
criativos das agências, bem
como a visibilidade que os
mesmos promovem aos seus
ganhadores.
Guilherme
guiga@aretha.com.br
Gostamos da sua sugestão, Guilher-
me. Já começamos as pesquisas. É
ótimo vocês participarem assim para
que o conteúdo da revista atenda
bem às expectativas!
fale conosco :: www.arteccom.com.br/webdesign ::arteccom@arteccom.com.br
Assunto: Capas repare que esta está menos
“comestível”... Isso significa que
estamos ajustando nosso
Gostaria de sugerir que a
cronograma. Ufa! ;-)
criação da capa da revista Wd
fosse feita por designers/
leitores. A Arteccom colocaria Assunto: Webdesign no fim
do mundo
no site da revista o tema
principal, com um prazo para
entrega da capa, e o designer A primeira e a definitiva....
ganharia seu nome na mesma. Acho que assim dá para definir
Eu, como designer, teria um a revista. É muito legal mesmo!
grande orgulho de assinar a Achei que só iria consegui-la
capa de uma revista como a Wd. por assinatura, porque minha
Bruno Neves cidade, apesar de ser no estado
contato@brunofree.com.br de SP, é no fim do mundo. Mas
Muitos webdesigners passaram eu estava viajando e esbarrei
pela área de design gráfico. com os dois primeiros
Minha idéia é que a cada exemplares...
Lucas Mathias
edição a Wd conceda a
tsai_design@yahoo.com.br
oportunidade a um designer de
criar a capa da mesma. Pois é... muitos não estão conseguin-
Paulo Teixeira do encontrar a revista. Em breve, au-
pauloteixeira@i9-se.com.br mentaremos o número de exem-
Olá, Bruno e Paulo! plares para 20 mil, ok? Mas quem
A idéia é bacana, mas, por enquanto, procura, acha, não é, Lucas!? ;-)
como estamos na maior correria,
vamos guardar a sugestão, ok? Quem
sabe, no futuro, poderemos implantar
essa idéia?! Bruno, seu portfólio foi
selecionado e saiu nesta edição.
Parabéns, está muito bacana!
Assunto: Gostosa?!?!
Como vai a edição da revista
mais gostosa do Brasil? Eu
explico... nas duas últimas
edições, a maior parte das
figuras estava relacionada
com comidas, o que deixa o
leitor (eu, no caso) com uma
super vontade de comer a
revista inteira. Achei muito
bom este recurso.
Edgar Felix
edfelix85@hotmail.com
Hahahahaha!!! Também posso
explicar... A equipe ficou aqui até
altas horas diagramando as duas
primeiras edições e, com certeza, não
teve tempo nem de lanchar. Mas
 0800 702 9004

www.turbosite.com.br

Pagamento Trimestral. - Desconto para pagamentos semestrais e anuais. - Sem taxa de inscrição. - Taxas Fapesp e Internic não inclusas.
Melhor Preço
* SEU SITE MAIS
* Mais Segurança

* Mais Confiança RAPIDO

* Mais Velocidade
NA INTERNET

A SUA 1ª HOME PAGE

POR APENAS
Servidores
no Brasil
,80
R$14 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
8
 adote esta página
adotou esta página

“Eduquem-se as crianças e não será necessário punir os adultos” Piaget

foto
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 arteccom@arteccom.com.br 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
Plug In Website Award
os participantes aqueles que, na verdade, são
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) Empresa lança memória (02)

removível menor que selo

postal
Cientistas criam novo protocolo ultra- A SanDisk, empresa fabricante de cartões de memória
rápido de Internet 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 de seis mil vezes o de 128MB – preços válidos
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
 clipping
Sony anuncia “leitor” de papel eletrônico PlayStation 2 deve ficar no
A Sony está anunciando o lançamento para abril de um leitor de e-book baseado
mercado até 2010
no e-Paper (papel eletrônico). A novidade, batizada de LIBRIe, consiste em
A Sony disse nesta quinta-feira que o PlayStation 2,
uma folha de filme plástico, de 6 polegadas com resolução de 800x600 pixels.
até o momento o videogame mais moderno
Mede 12.5 x 19 cm, pesa 300 gramas e armazena os livros
produzido pela empresa, deve continuar sendo
digitais em 10 MB de memória interna (expansível até 512
vendido até 2010. (Analistas acreditavam que o
MB com o uso de cartões Memory Stick).
aparelho sairia do mercado em 2005).
Segundo a Sony, o LIBRIe é capaz de armazenar cerca
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 (06)
primeiro no mercado (07)

japonês ao preço sugerido

de 400 dólares.
Site clonado tenta
(06) roubar senha de
correntistas do Itaú
Está circulando pela internet uma mensagem
falsa do banco Itaú. O e-mail é enviado pelo
Microsoft lança software de reconhecimento endereço “comunicado@itau.com.br” e pede
de voz para o internauta entrar no site do banco e
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 é
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 digitar “qualquer dado que
da lei antimonopólio da União Européia... supostamente tenha sido solicitado pelo Itaú”.
(07) (08) (09)
(08)

(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,
ilustração, produto, arquitetura,
seguir os passos do pai, arquiteto
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 da própria empresa para
anos, respectivamente, desde crianças estampar uma boa imagem no
estão acostumados com nanquins, mercado. “O primeiro passo foi
letras set, pincéis, papéis e pranchetas encararmos nós mesmos como o
do pai, que já foi 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 próprio site. “A partir daí
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á
Janeiro.
Por enquanto, a agência não tem
uma grande equipe, mas uma dupla

12
12
“Essa é a grande charada da Tangerina! :-D A história foi que, ao batizarmos a
nossa agência como Tangerina (porque queríamos um nome inusitado e que a

portfólio :: veterano
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
atraía, já nos vendíamos como uma cliente sabe o
grande empresa”.
A estratégia deu certo. A
quer..
que quer
Tangerina Design acabou ganhando as Faz parte do
contas da mpp solutions e da
globo.com, entre outros clientes de
nosso trabalho
peso. colocar no
“O inusitado é o nosso óbvio”,
assim definem o diferencial da agência
papel o que ele
e apostam na dedicação, na está pensando,
oportunidade e na criatividade como
fatores fundamentais para o sucesso
de forma
da empresa. branding, muito menos o da racional e, ao
Os designers, porém, esbarram implementação. O trabalho do
em um obstáculo muito comum para designer é saber arrumar tudo isso e
mesmo tempo,
quem trabalha nessa área. “Muitas fazer com que o efeito do resultado criativa”
vezes, nem mesmo o cliente sabe o final seja algo parecido com...
que quer. Faz parte do nosso trabalho “Fantástico! Ficou ainda melhor do que
colocar no papel o que ele está eu havia pensado!”.
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 da Tangerina Design
informação, design de interface, (www.tangerina.com.br), cujo briefing

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
trabalho da empresa, chamando
que o efeito
atenção pelo inusitado. “Todo feito em
do r esultado
resultado flash, o site abusa de animações e
imagens divertidas para chegar ao seu
final seja
objetivo. Já estamos pensando na
algo versão 2.0, que esperamos lançar em
www.portaldapesquisa.com.br

breve”, avisam.
par ecido
O site da Dotlib - Informação
com... Profissional (www.dotlib.com.br) é
relativamente simples. Tem um visual
‘Fantástico!’”
‘Fantástico!’”
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
www.dotlib.com.br
utilizou apenas o html para o
desenvolvimento do projeto. “O site
consegue de forma sutil e criativa
passar todo o novo conceito
pretendido pelo cliente”.

14
 portfólio :: veterano
Outro bem bolado foi o Pessoas do Século
Passado. “É um misto de site, manifesto e multi-
blog, 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
 Fera!
portfólio :: calouro

Na concorrência com os grandes escritórios de design,

talento e garras afiadas são fundamentais na “um freelancer
conquista de um lugar ao sol no mercado
precisa plantar
Para Bruno Neves Ferreira da Silva, 27 anos, a semana, muitas bons trabalhos;
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,
ser realmente
segundo ele, “aventura-se”) há seis anos como freelancer. profissional, na
Na maior parte do tempo, Bruno desenvolve trabalhos para
clientes fixos, como design impresso e manutenção de sites, além
essência da
de, esporadicamente, sites e banners, criados em parceria com 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

Marcela Catunda :: Como o trabalho do
webdesigner se desenvolveu em termos de
comunicação e estratégia para alcançar
novos canais de aproximação com o público
nos últimos dez anos de internet?
Shane :: Nos últimos dez anos, designers
aprenderam a focar melhor em um público-alvo.
Nós, agora, temos muito mais influência do que
quando criávamos uma mensagem de marketing para uma
classe específica de pessoas. Isso aconteceu quando as
empresas reconheceram a importância de trabalhar lado a
lado com os designers. No início, designers
freqüentemente criavam sites sem se preocupar com o
público. Simplesmente, ter um site que funcionava como
um cartão de visitas era suficiente para a empresa. Hoje
em dia, designers têm um papel importante na criação das
mensagens de marketing, e de conceitos, que influenciam
além das barreiras da internet.
Nicholas :: No início... o webdesigner fazia de tudo
(conteúdo, cópia, design, programação). No auge... 40
pessoas faziam uma coisa (designers, ergônomos,
diretores de criação, arquitetos de informação,
programadores, animadores, gerentes de projeto,
engenheiros de produção, administradores de
sistemas...). Agora... o webdesigner faz de tudo : ) Isso
responde à pergunta?!
André :: Acho que o trabalho do webdesigner tal como
conhecemos hoje, começou há cerca de 10 anos. Na
minha opinião, interatividade é o caminho primário dessa
nova mídia. Atualmente, você tem campanhas multimídia
que visam juntar elementos offline com online. Por
exemplo: todos os dias são lançadas várias campanhas
que começam com um comercial de TV, que lhe direciona
www.stlukes.co.uk
entrevista coletiva
para um link num
site, que lhe
direciona para
uma loja real ou
virtual que efetua
uma venda.
Marketeiros ainda
mais espertos estão
montando elaboradas estratégias de marketing,
onde pessoas interagem num website, enviam seus dados,
recebem elementos pelo correio, se comunicam com
outras pessoas, formam clubes, inventam coisas, as
colocam online novamente... O ciclo é gigante.
Hoje, o público se aproxima mais do mundo online
porque o mercado entendeu a necessidade dessa mídia
para o sucesso de um produto. O que, ontem, era um
lugar onde apenas adolescentes se aventuravam, hoje,
se tornou tão elementar como um telefone.
Shun :: Eu vejo o design como uma linguagem.
Webdesigners usaram a linguagem e a tornaram mais
clara e atraente.
Thomas :: Não é esse o objetivo de toda estratégia de
comunicação: aproximação do público? A meu ver,
webdesigners contribuem, principalmente, para que os
websites sejam bonitos e agradáveis (ou não). Se a
pergunta é se novas estratégias surgiram, definitivamente,
sim. Demoraria muito tempo para listá-las. Como exemplo,
eu citaria fóruns e salas de chat em páginas da indústria
fonográfica. Então, instantaneamente, os sites “oficiais” de
uma banda ou de um cantor se tornam sites de fãs, porque
o que fãs querem é trocar opiniões e dividir a adoração por
seus ídolos. Muito bem! Outro exemplo: quando eu
trabalhava na Digit, nós estávamos desenvolvendo uma
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
representado no site e num protetor de tela.
19
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? tornaram, sim,
Mainstream X
Shane :: A internet e os mainstream (lembrem
Termo inglês que designa um produto de grande público. Um artista
sites vão continuar a parecer do Napster, Friendster,
mainstream é mais provável de alcançar maior sucesso. É o oposto de
com trabalhos feitos em “underground” que é um movimento que não visa agradar ao grande IM engines etc.) e,
outras mídias enquanto a 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.
internet continuar a ser a hiperlinkados,
Fonte: www.mcm.net/dico/definition.php/34894/
maneira mais fácil de 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 para a internet como a grande
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 enquanto o fazíamos. Estávamos
o F-150 Microsite (www.fordvehicles.com/trucks/f150), aprendendo a projetar para uma nova idéia. Agora,
que projetei na 2Advanced 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
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, eu não estou

20
“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, precisando ser desenvolvidos, já se
expressões são produzidas, eu acho. encontram disponíveis ferramentas para fazer o
Algumas pessoas podem considerar a internet trabalho visual. Então, os designers 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 vezes, lido com clientes que ficam
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

website, mas num nível subconsciente. Então, acredito
que os elementos exclusivos da internet já sejam
mainstream, não em todo o seu potencial; mas boas
idéias sempre virão do mundo alternativo.
René de Paula :: Como você garante que o seu
trabalho seja relevante para as pessoas?
Shane :: Quanto ao design e à apresentação dos sites,
a coisa mais importante é ouvir o cliente. Ele deve (Se
Deus quiser!) conhecer seu público-alvo e saber qual
papel seu site deve cumprir. Se não souber, a
companhia, provavelmente, irá fracassar, independente
do que tenha sido projetado para ela. O cliente deveria
ajudar no trabalho, orientando sobre o público-alvo,
fornecendo imagens e informações sobre os produtos e
dando as metas e idéias iniciais para começar o projeto.
O objetivo é criar alguma coisa apropriada para o
público-alvo e realçar o conteúdo com estilo e atenção
aos detalhes. Sem um cliente me dizendo qual seu
objetivo e qual seu público-alvo, eu não serei útil em
ajudar a companhia a atingir sua meta. Simplesmente,
ouvir o cliente e desenhar com estilo apropriado são as
coisas mais importantes para garantir a relevância do
nosso trabalho.
A outra metade do trabalho de fazer um site relevante
é garantir algum tipo de laço afetivo com o site, o que
vai além do design. Música e animação são dois
exemplos de fatores que contribuem com o design e
fazem o visitante gostar e lembrar da visita.
Nicholas :: Eu não garanto. Eu uso minha intuição,
mas eu nunca encomendei, usei ou participei de grupos
de teste, por exemplo. Existe um auto-intitulado
especialista em usabilidade no Reino Unido, que cita
Spill.net com um exemplo de usabilidade ruim. Eu
escrevi para ele e pedi que me explicasse (apesar de já
saber o que ele iria dizer...). Nem todos os sites
deveriam ter a navegação à esquerda e a ferramenta de
busca no canto superior direito. Sites existem por
razões diferentes, e o Spill.net, certamente, não existe
para provar que nós entendemos essa vaga noção de
“usabilidade”. Obviamente, nós entendemos
usabilidade, senão já teríamos falido há muito tempo.
Como exemplo melhor, posso citar uma situação
entrevista coletiva
ocorrida há uns dois anos atrás. Eu estava numa
reunião com uma famosa marca francesa de moda-
luxo-perfume. A direção de arte seria feita na França e
o time de marketing era americano. Os americanos
haviam feito “pesquisas de marketing” e pediram a
grupos de mulheres para descreverem o que elas
queriam de um website representando a marca. Todas
disseram a mesma coisa: “acesso rápido à informação”,
“seções claramente identificadas” etc.. Meu conselho
para a equipe francesa foi o de ignorar isso
completamente – os grupos de teste dizem o que eles
acham que esperam que eles digam. Esta marca existe
há mais de cem anos e é famosa porque ‘ela diz’ ao
público o que ele deve querer, criando uma ilusão de
luxo, e não, porque é fácil de usar. Se fosse para um
anúncio de televisão, eles não teriam perguntado a 50
mulheres, escolhidas aleatoriamente, qual lingerie a
modelo deveria usar.
Amy :: Acho que a melhor maneira de fazer algo
relevante é criar um am-
biente no qual as pessoas
o tornem relevante. O site
Texan Drawl é um bom
exemplo de onde os
usuários criam o conteúdo.
Na minha opinião, o mais
www.futurefarmers.com/
importante, o que vem em texasdrawl/bush.html
primeiro 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.
André :: Eu não posso ter certeza. Depende do ponto
de vista. Todo trabalho é relevante. Um site pra Nike,
que vende um tênis superespecial e deixa o usuário em
transe, querendo comprá-lo já, é muito relevante e
focado para esse usuário. Acho, sim, que o deixará mais
feliz por pelo menos alguns segundos, enquanto estiver
asfixiado pelas endorfinas do consumismo. Mas é uma
experiência relevante para a melhora de sua vida? Acho
que não.
Eu adoraria trabalhar apenas com clientes que
melhorassem a condição humana, que eu pudesse
23
entrevista coletiva
“Na minha opinião, o mais importante, o que vem em primeiro lugar
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
pouquíssimos e, na maioria das vezes, não têm grana
pra contratar uma agência conhecida.
Shun :: Honestamente, não tenho certeza se meu
trabalho é relevante. O importante para mim é se eu
realmente quero fazê-lo ou não.
Thomas :: Eu não posso garantir que nada seja
relevante. Mas, se as pequenas coisas são, tudo é
(Wolfgang Tillmans disse algo desse tipo...).
Eu vejo o design como um serviço: quando eu trabalho
para clientes, eu garanto que o projeto fique do jeito
que eles gostem no final. Às vezes, isso envolve um
processo de convencimento (de maneira honesta) que
tal formato é bom para eles porque é bom para os
usuários, seus clientes. Então, para fins comerciais, eu
só posso dar o meu melhor, mas não posso garantir.
Se tenho uma escolha, eu não ligo se meu trabalho é
relevante para as pessoas. Isso é quando estou
experimentando. O resultado não precisa ser relevante,
apesar de acreditar que, na maioria das vezes, ele é.
Para mim, o projeto é a base para que todo o resto
aconteça. Mesmo que alguma coisa pareça irrelevante,
ela causou alguma reação. Essa posição também serve
como defesa para aquilo que as pessoas chamam de
arte inútil. Existem coisas que eu não gosto, mas essa
24
lugar,, é se
opinião não tira a relevância delas.
Michel Lent :: Eu tenho dificuldade em me chamar de
“webdesigner”, ou, o que faço, de “webdesign”. Sou
um designer de interface. Considero criar para a
internet (atualmente, o tipo mais comum de
interface) uma tarefa de design de interface.
Enquanto a tecnologia evolui, e outros tipos de design
de interface se tornam mais populares, como você vê o
futuro da web e, portanto, do webdesign? Ainda nos
chamaremos “webdesigners” daqui a alguns anos?
Shane :: Eu nunca gostei do termo “webdesigner”. Na
verdade, eu não sou limitado a trabalhos para a web, e
nenhum designer é. Nos últimos anos, eu fiz trabalhos
impressos para vídeo, web e dvd. Qualquer designer
que alguma vez projetou a interface de um site, tem as
habilidades necessárias para projetar para outras
mídias, e não deveria se considerar “webdesigner”.
Quando eu descrevo o que faço para outras pessoas,
normalmente, digo “artista gráfico” ou “diretor de arte”
ou simplesmente “designer”. Acho que “webdesigner”
é um termo tão morto quanto “webmaster”.
Pessoalmente, acredito que o conceito e a essência da web
vieram para ficar. É claro que a tecnologia continuará
avançando, nomes vão mudar, leis serão quebradas e
criadas, mas o conceito de dividir e veicular informação

num ambiente virtual veio para ficar tanto quanto a
televisão e o rádio se estabeleceram em nossas vidas há
muitos anos. Com isso, sempre haverá necessidade de
pessoas que criem interfaces gráficas para mostrar a
informação de forma organizada e propocionar novas
experiências para os usuários.
Nicholas :: Eu parei de me chamar de webdesigner há
muito tempo, mais ou menos na mesma época em que
a cada duas pessoas que eu encontrava, uma era
webdesigner. Eu só falo designer. Como mencionei
anteriormente, nós somos procurados para projetar
outras coisas também (logos, impressos, objetos...). Se
você é um designer de interface talentoso, obviamente,
será contratado para mais e mais tipos de projetos
(para televisão, aparelhos portáteis, objetos para casa
etc.). Aliás, para qualquer coisa que requeira uma
interface – e, para o bem, ou para o mal. A cada dia,
mais e mais coisas parecem requerer uma interface...
Amy :: Também não me refiro a mim mesma como
webdesigner. Como designer, espero trabalhar no sentido
de envolver comunicação entre as pessoas. Nós,
designers, obtemos ferramentas importantes para a
comunicação, e é importante aplicarmos estes
conhecimentos nas comunidades, para que possam utilizá-
los. Simples habilidades em tipografia, layout e ilustração
podem capacitá-los a aumentar o número de visitantes.
“Simplesmente, ouvir o cliente e desenhar com estilo apropriado são as
coisas mais importantes para garantir a relevância de nosso trabalho”
entrevista coletiva
André :: A meu ver, tecnologias tendem a fundir-se e
transformar-se em um elemento único e mais contínuo.
O meu celular, por exemplo, toca MP3 e tira foto. Acho
que, em alguns anos, as interfaces tenderão a ficar
mais simples e com menos pausas para decisões. Será
mais uma questão de dizer o que quer e tê-lo feito logo
em seguida. Sem mouse, sem botões, sem click…
Qual será o nosso papel nisso tudo? Acho que
informação sempre terá de ser moldada e catalogada
para ser assimilada, e acho que seres humanos sempre
preferirão interagir com elementos bonitos e claros. Por
isso, na minha opinião, nosso trabalho não mudará
muito, porém as ferramentas e os sistemas de
interação, sim.
Certamente, será interessante! Não agüento mais
muito tempo fazendo trabalhos limitados pela tela de
um computador...
Shun :: Não me considero um webdesigner. Ficaria
entediado se trabalhasse só para a internet e não acho
que existam grandes diferenças entre um trabalho de
design gráfico e webdesign. Logo, é uma boa idéia dar
uma olhada no design sob um aspecto mais amplo.
Thomas :: Webdesign é uma especialização da área de
design de interface. Eu, pelo menos, sempre acho
difícil especificar. Prefiro uma abordagem
interdisciplinar, o que não é fácil em webdesign. Apesar
Shane
25
entrevista coletiva
de a internet ser um campo vasto, ela parece restrita
por não haver muita “fisicalidade” em sua interface.
Não me entenda mal, eu amo coisas interativas e a
internet é uma boa plataforma para isso, mas eu não
sou fã de levar o conceito de virtualidade ao extremo.
A internet é um meio de comunicação estabelecido e não
desaparecerá. Os dispositivos e modos de conectar e
interagir com a web podem mudar, logo, a interface vai
mudar também. Claramente, a evolução tecnológica é
muito adiantada em relação à evolução social. Ainda
perde-se muito tempo desagradável tentando buscar
informação útil. Pessoas demais ainda encontram
problemas quando, por exemplo, operam a máquina de
venda de bilhetes na estação de trem, ou seu novo
aparelho de vídeo, ou um novo telefone. Aplicar os bons
conceitos de webdesign para essas áreas seria muito útil!
Marcelo Póvoa :: Em que tipos de projetos e desafios
você se imagina trabalhando daqui a dez anos?
Shane :: Essa é uma pergunta interessante. Quanto a
trabalho, eu me vejo trabalhando cada vez mais com vídeo
e 3D. Tenho certeza de que continuarei desenvolvendo
sites, mas também continuarei a integrar novas mídias no
meu trabalho. Eu tenho me divertido tanto com design
ultimamente que não importa para que mídia eu esteja
projetando, desde que continue a crescer como
profissional, fico feliz. Quanto a projetos pessoais, em dez
anos, acho que seria bom ter criado uma coleção de arte e
fotografia digital, que eu poderia pendurar na parede, ou
mesmo vender. Ainda tenho um longo caminho a percorrer
até que minha arte chegue neste nível, mas é algo com
que comecei a brincar e que me animou muito.
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 a sempre interessado em novas
divulgação de um livro,
projetando um ambi-
ente de imersão pa-
ra um jogo de com-
putador 3D, gritando
loucuras sem sentido
na rua... Entretanto,
26
eu vejo uma evolução da interface (isso se relaciona com
a pergunta do Michel Lent), e nós, como “experts” de
design de interface, teremos que diversificar da tela, do
botão, e 72 dpi. Outro dia, nós fomos contratados para
projetar um frasco de perfume para uma nova butique
francesa vendendo um velho perfume francês. Esse é o
tipo de trabalho de design que poderia ter sido feito em
1004 a.c.. Amanhã, talvez alguém nos peça para projetar
a interface de uma lâmpada com um endereço IP. Eu
suponho que o importante seja estar aberto a novas idéias,
continuar aprendendo e se divertir.
Amy :: Nos últimos seis meses, tenho pesquisado a
fundo sobre combustíveis fósseis. As estatísticas são
pavorosas. Se continuarmos consumindo o que consu-
mimos atualmente, não teremos mais combustíveis
daqui a 20 anos. Com isso, nos próximos 10 anos,
espero criar ferramentas para educar e motivar as
pessoas a procurarem fontes alternativas de energia e
protestarem contra, ou ainda, boicotarem, as atuais
estratégias do consumo de petróleo.
André :: Não tenho a mínima idéia. Acho que estou
nesse negócio, principalmente, porque me divirto pra
caramba, moro em lugares incríveis, viajo o mundo,
trabalho com equipes muito talentosas e ganho uma
grana bacana. Em dez anos, gostaria de ter filhos, uma
casa legal e já conhecer quase todos os cantos desse
mundo. Eu gosto da web, mas tenho vários outros
grandes interesses. Não sei se design será meu
interesse maior em dez anos. Vamos ver!
Shun :: Eu gostaria de trabalhar com design e direção de
arte em projetos de mídias cruzadas, como design de
impressos, internet, movimento, espaço etc..
Thomas :: Quem sabe o que o futuro
vai trazer? Considerando que estou
tecnologias, posso acabar
projetando dispositivos
micro-mecânicos. Meu
objetivo para um futuro não
tão distante é afastar meu
trabalho do computador.
 6 designers e um destino:

portfólios
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 segundo doado. Inspirem-se neste exemplo!

28
 portfólio :: Shane Mielke
segredo número 1 : DEDICAÇÃO
Shane Mielk e,
Mielke, 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...
Hoje, ele é diretor de arte senior da
2Advanced Studios. A empresa oferece
serviços como sites interativos, vídeo,
animação 3D, design gráfico 3D,
multimídia, identidade visual e responsável
produção de áudio. Embora haja uma
equipe com 16 profissionais, ele
costuma trabalhar sozinho em seus
projetos, exceto quando o volume de
trabalho aumenta.
Desde o início de sua carreira, o
marketing boca-a-boca vem sendo peça
fundamental na conquista de novos
clientes. O quê no começo era feito por
amigos e parentes, agora é feito pelos
próprios clientes. “A 2Advanced Studios
é conhecida mundialmente por trabalhar
de maneira original. Por isso, nossos
clientes nos procuram com a expectativa
de obter um resultado diferenciado da
concorrência”.
Para ilustrar trabalhos importantes
em sua careira, o designer destaca os
sites: de seu portfólio pessoal, que lhe
rendeu prêmios e reconhecimento
internacional; do 2Advanced
Studios, que, através
da criatividade, é
pela
captação mensal de
novos clientes e, o da Ford
veículos, que aumentou o
número de visitantes,
conseguindo alcançar o
objetivo de aumentar as vendas
de um modelo de caminhonete.
Quando aparecem bloqueios
de criatividade, Shane recorre à
malhação ou cai na estrada. “É só
deixar minha mente relaxar, fazendo
algo entediante e repetitivo, que novas
idéias surgem de repente”, conta. O
segredo do seu sucesso? “Trabalhar
com mais empenho que os outros e
sempre ter certeza de que vou me
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 www.luggagestoregallery.org

32
 portfólio :: Amy Franceschini
segredo número 3 :
EXPERIMENT
EXPERIMENTAÇÃO AÇÃ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 sites do filme Star Wars e da Dream

insólitos, ela viaja pelo mundo, Works Records.
ministrando palestras e cursos nos mais Satisfação e busca da inovação
diversos países, como, Alemanha, talvez sejam alguns dos segredos
Holanda e Japão. A designer vê nas dessa carreira bem-sucedida. A
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, webdesigner!”.
Amy considera suas pesquisas
a base para um
bom resultado
final, pois “os
trabalhos direci-
onados aos clien-
tes acabam se be-
neficiando dos co-
nhecimentos adquiri-
dos nas experimen-
tações. Projetos experi-
mentais são o néctar da
nossa existência”, afirma.
Dentre seus clientes estão
Nike, Swatch, Adobe, Levi’s.
Animação para o cabeçalho da MTV japonesa
A revista eletrônica www.mtvjapan.com
Atlas, colocada no acervo per-
manente 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-
tadores, André não apenas uniu o útil
ao agradável, mas começou a construir
a base de uma sólida e promissora
carreira. Recentemente, fez parte da
Blastradius, uma das agências de
maior proeminência no mercado inter-
nacional, que atua na área de sites de
portes médio a grande e tem clientes
como Heineken, HBO, Sony, Lego,
Nintendo etc.. Atualmente, está na
agência Farfar, na Suécia.
Quanto aos maiores desafios
de um site, Matarazzo resume: “Acho
que o maior problema é aquele para
o qual somos pagos – como encon-
trar uma solução dentro do orçamen-
to, e dentro do prazo, que deixe o
cliente feliz, os usuários entusias-
mados e a equipe criativa fel iz?
Normalmente, essa equação é sensí-
vel e uma falta de equilíbrio pode
resultar num trabalho ruim ou num
cliente insatisfeito, num usuário per-
dido e numa equipe que não trabalha
com entusiasmo”. Na opinião do en-

34

trevistado, ter um grupo sempre
motivado e saber focar num nicho
interessante são fatores determi-
nantes no sucesso de uma empresa.
Para quem está chegando agora
no mercado, ele recomenda especia-
lização e confiança no próprio instinto.
No relacionamento com o cliente, o
segredo está na forma de aproxima-
ção: “Aproxime-se do cliente como um
amigo, como uma pessoa criativa que
vai ajudá-lo a comunicar seu produto
para o mundo. É bom vender uma
visão otimista e de longo prazo para
portfólio :: André Matarazzo
Na coluna da esquerda:
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
que o cliente confie no fato de você
ser um parceiro com visão. Sim, um
‘parceiro’, e não, um ‘designer’”.
De partida para a Suécia, onde
executará alguns projetos, André deseja
ter seu próprio estúdio daqui a alguns
anos. Enquanto percorre a trilha do
futuro, embalado pela trilha do seu
violoncelo, ele pode se considerar
um privilegiado: “Faço o que faço
porque me divirto muito, tenho a
sorte de poder acordar de
manhã e ter vontade de ir
trabalhar”.
35
 www.artless.gr.jp

www.sony.jp/products/headphone

www.nike.jp/kage/index.html

36
segredo número 5 :
EQUILÍBRIO

portfólio :: Shun Kawakami

Shun Kawak
Kawakami,
ami, aos 27 anos, já é referência em
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
arte, designer gráfico, webdesigner,
motion designer, ilustrador, fotógrafo,
pintor, designer de produto...), ele
realiza trabalhos que envolvam todo
tipo de programação visual (gráfica,
web, motion, space, de produto...).
Em seu portfólio, destacam-se jobs
para Nike, Sony e +81 Magazine.
Fora o talento do designer, a forte
influência da cultura japonesa é mais
um ponto favorável, já que acaba se
tornando um diferencial em seus
trabalhos. “Com certeza, nossa cul-
tura é muito original e, provavel-
mente, recebemos, sim, suas influên-
cias no design. Não usamos só carac-
teres do alfabeto ocidental nas web
arts, mas também Kanji, Hiragana,
Katakana e outros ideogramas japo-
neses, que acabam reforçando a
singularidade do nosso design”,
confirma.
oriental, Shun joga com
o equilíbrio das cores, o
que, na sua opinião, “traz
harmonia ao site, aliado à
comunicação da interface
com o usuário”. Sua filosofia é
“buscar o equilíbrio perfeito
entre a estética e o funcional”.
Para ele, um bom site baseia-se
muito mais em criatividade do que
em tecnologia, a qual “pode se tornar
um obstáculo caso nos prendamos
muito a ela”, analisa.
Praticante de futebol nas horas
vagas, Shun aproveita as constantes
viagens para se inspirar. Apesar de
uma trajetória profissional bem su-
cedida, ele ainda não se considera
um designer de sucesso, e acon-
selha: “Faça muitas coisas que você
goste e deseje realmente fazer.
Cultive a curiosidade dos tempos de
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ós-
graduado 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 China desde 2003 e lhe rendeu um

moda e desenvolvimento de produto
são as áreas de atuação do estúdio
que divide com outros profissionais.
Apesar da sobrecarga de trabalho,
Thomas demonstra prazer em sua
rotina de trabalho e não se imagina
fazendo outra coisa: “Se é o que você
mais gosta, não há como fazer
qualquer outra coisa na vida”.
Poeser considera seu projeto final
de pós-graduação, intitulado
“Perception” (um estudo aprofundado
para melhor entender os
métodos da percepção), seu
primeiro grande projeto de
mídia digital. Também
destaca o site habitat.net,
“um grande e longo
projeto, cujo briefing
mais parecia um catá-
logo”, lembra. E, como
último exemplo de
projeto relevante,
cita ‘A virtual home
for Li Tie’, uma
instalação intera-
tiva para a expo-
sição ‘hometime’
do British Council,
a qual está em excursão pela
convite para ir ao país.
Uma de suas fontes de inspiração
é interagir com pessoas diferentes,
ouvindo-as com atenção. “Freqüen-
temente, uma aproximação pragmática
e experimental é útil quando dá
branco. Começar a fazer algo, partir
para a prática, às vezes, é melhor do
que ficar pensando, à espera de uma
idéia brilhante”, racionaliza.
Nas horas livres, Thomas gosta de
encontrar os amigos. E aproveita para
aprimorar a cultura através de
reflexões, leituras e viagens.
Perguntado sobre o segredo do
seu sucesso, respondeu: “Se eu
tivesse outro, além de interesse e
talento, não contaria a ninguém. Ao
menos, por enquanto”.
Info Map: Representação gráfica de dados

38
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
 estudo de caso
Mergulhando no
comércio virtual
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
Wd :: Quantas pessoas formavam a
Mapa do site equipe responsável pela criação do
projeto? Quanto tempo levou todo o
processo?
Norton :: O Submarino teve duas
versões do site. A primeira, feita a
toque de caixa em apenas quatro
meses, paliativa para o lançamento.
Um sistema bem simples, mas
funcional, que foi adaptado para o uso
do Submarino.
Esta primeira versão do site contou
com um time de 20 pessoas, de toda
a área tecnológica, sendo, quatro,
específicas para a criação. Foi ao ar
em novembro de 1999 e usada até o
início de 2000. A segunda versão,
que havia sido encomendada, por
falta de tempo hábil, a uma agência
de NY (a extinta Snickelways),
começou a ser implantada em janeiro
de 2000. Sua implantação levou mais
dois meses.
Desde então, o Submarino desenvolve
e cria internamente, sempre
atualizando e aprimorando o site.
Atualmente, o departamento de cria-
42
ção do Submarino conta com uma
equipe de profissionais muito maior e
mais abrangente, com designers,
programadores e fotógrafos.
Wd :: Sendo um dos primeiros sites de
ecommerce no Brasil, o Submarino
teve a função de ensinar às pessoas
comprar via web e formar um público
consumidor. Qual o papel do designer
na popularização do comércio online?
Norton :: O designer deve sempre
zelar pela objetividade da informação.
Trabalhar sempre focado na
perspectiva do usuário, informando e
direcionando.
Na época da criação do Submarino,
ainda não existiam muitas teorias e
literatura específicas sobre o comércio
virtual. O nosso único benchmark era o
bom e velho varejo físico. Tentávamos
transpor a realidade das lojas físicas
para o meio eletrônico. Discutíamos
questões sobre criação e disposição de
vitrines de produtos, campanhas
promocionais e, principalmente, sobre
navegação. Essa transposição foi
validada por meio de inúmeros testes
 estudo de caso
de usabilidade. Tais testes 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 um conhecimento uma 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.: a opção de ver fotos
para uma comunicação mais eficiente. ampliadas) e, principalmente,
Seja em questões de layout e até em direcionar o processo de compra,
questões semânticas, como o uso de prezando pela simplicidade e
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 bem estruturadas, que
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 por mais páginas e
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 de casamento, lista 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-
lizadas de produtos etc..
A segurança é traduzida no design e
na navegação de um processo de
compras direto e objetivo. Sem links
dispersivos e com layout que privilegia
informações relevantes. Tudo para
transmitir confiança ao consumidor que,
provavelmente, está tendo sua
primeira experiência de compras
virtuais.
Wd :: Num site como o Submarino,
que tem uma quantidade enorme de
informação, como é trabalhada a
relação estética-função?
Norton :: Como disse anteriormente, o
papel do designer é o de informar e
orientar. Todo recurso visual deve ser
empregado sob a análise do contexto.
Nunca, um botão ou um banner‚
desenhado isoladamente. Sempre
pensávamos no conjunto da página e
como esses elementos interagiriam
entre si. Só assim teríamos a certeza de
que estávamos efetivamente orien-
tando, e não, confundindo o cliente.
menus da HomeSUB
44
As padronizações da linguagem e da
apresentação de elementos gráficos,
buscam uma consistência de
comunicação e navegação. O uso de
contrastes e formas devem obedecer a
um regra pré-estipulada de função.
Por exemplo: todos os botões que
indicam o fechamento do pedido
seguem a mesma apresentação (fundo
azul e texto amarelo), direcionando o
olhar do cliente, que acaba clicando
instintivamente.
Wd :: Observamos, na parte superior
da página, três menus e uma ferra-
menta de busca, além de uma
possibilidade de navegação secundária
na lateral do site e, ainda, elementos
clicáveis no final da página. Que
recursos de design vocês utilizaram
para separar as diferentes áreas de
navegação, de modo a facilitar as
escolhas dos usuários?
Norton :: A proposta desta
separação, ou priorização, era facilitar
e simplificar o entendimento da
navegação do site. 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

hierarquicamente cada 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 material e comunicação
Um recurso bastante utilizado no referentes a esta categoria de
Submarino é a redundância da produtos, sempre buscando uma
navegação. Como exemplo, temos a identidade própria para cada
barra de navegação 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
que indicam o
navegação mais detalhada. íntimo aos usuários.
Uma outra opção de navegação, ainda Wd :: Como foram feitos os testes fechamento do
mais direta, é a ferramenta de busca, de usabilidade?
pedido seguem a
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
apresentação
pelo site. entrevistas e testes no laboratório de
Wd :: Fale um pouco sobre a utiliza- usabilidade, outros, publicados (fundo azul e
ção de ícones e cores nas seções. diretamente no site para apuração
texto amarelo),
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
o olhar do
categorias que vende, precisaria de do Submarino.
uma sinalização bem formada, que Durante muito tempo, a vitrine cliente que
auxiliasse os clientes na localização. principal do Submarino, a HomeSUB,
acaba clicando
A utilização de cores distintas para como é chamada internamente,
cada categoria procura orientar os mantinha a mesma forma de 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 os produtos. Visando crescimento criou, ou pode criar, para

melhores resultados em 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. Desse modo, colhemos chegar no que é hoje, uma barra com
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 mais chamava atenção e, páginas de destaque, como a HomeSUB
potencialmente, um melhor e as páginas de promoções. O desafio
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 .

46
47
 Casamento perfeito...
animação, áudio e vídeo

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
tridimensional, trocam-se as alianças e atualmente (sejam impressos, vídeo ou
pronto: a peça torna-se ainda mais
“antes de web), as chances de pulverização são
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
Filho, ilustrador do Estúdio de anunciando numa tv aberta, já uma
Computação Gráfica Seagulls Fly,
anunciar em marca de produtos com público muito
“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,
equilíbrio entre essas duas partes é a anunciando nos canais de tv por
única maneira de se obter um vídeo de
pertinente” assinatura. Portanto, antes de sabermos o
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
vendo? Para Ricardo, independente do 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.

48
 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
como textura
Montamos, então, um animatic (espécie de :: 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

Pós-produção de vídeo
cliente.
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
 animação, áudio e vídeo

50

“Túnel do Tempo” (Videoclipe Frejat)
O legal deste trabalho foi que o cliente nos deu
bastante liberdade pra criar o storyboard do vídeo.
A proposta da Warner feita para a produtora
Conseqüência consistia em fazer um novo videoclipe
para o Frejat em 3D seguindo o estilo do videoclipe
anterior do mesmo cantor, intitulado “Segredos”,
ganhador do prêmio de melhor videoclipe Pop no Video
Music Brasil da MTV, em 2002.
A Conseqüência nos procurou com a proposta de
executarmos juntos esse projeto num prazo de seis
semanas. Este, aliás, foi o nosso maior desafio e nos
preocupou bastante por ser um prazo muito curto
para se desenvolver um videoclipe totalmente feito
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
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,
animação, áudio e vídeo
por exemplo, ir trabalhando no animatic a criação das
personagens paralelamente com a modelagem das
mesmas. Era tudo uma grande linha de produção,
onde, se uma parte atrasasse, atrasaria as partes
seguintes.
Naquelas seis semanas, esse grande “frenezi”
perdurou durante todo o processo até a entrega da
BETA final ao cliente. Foi uma experiência muito
bacana, com um resultado fruto de muito trabalho
conjunto entre duas grandes produtoras cariocas.
O resultado final do videoclipe pode ser
conferido na MTV Brasil e no programa TVZ do
Multishow.
“...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”

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

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 signi-
fica 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
 animação, áudio e vídeo
Nos foi cedido um arquivo de movimento, onde
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
 Um pouco de
tutorial
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
científicos, entre outros. Portanto, é natural que,
gradualmente, o 3D avance na internet. Muitos
websites já utilizam esta tecnologia.
A tecnologia é complexa e se divide em várias áreas.
Não são apenas formas das quais podemos obter todos os
ângulos, são áreas como: modelagem, que é a criação das
formas 3D propriamente ditas; aplicação de materiais, que
inclui as texturas aplicadas para dar realismo às formas;
iluminação; animação; partículas, onde se obtêm efeitos
de água, fumaça, fogo etc..
Mas não se assuste. Dependendo da sua
necessidade, é possível se virar com alguns conheci-
mentos básicos. Porém, se quiser ir a fundo, prepare-se
para muita dedicação. Nosso desafio é a interação 3D
com a web. Para isso, precisamos considerar o que o
nosso projeto para a internet necessita.
Imagine que você está usando o seu programa 3D
favorito e modelou um objeto, aplicou materiais,
trabalhou a iluminação, tudo para torná-lo bem próxi-
mo da realidade. Bem, se o seu objetivo é criar apenas
uma imagem para ilustrar uma página, você pode
exportar gerando um arquivo jpeg e pronto.
Agora, se quiser uma animação desse mesmo objeto,
terá que pensar em alguns pontos:
Quero manter o realismo que consegui com as
texturas, iluminação e tudo o mais. Então, talvez seja
interessante pensar num carregador bem atraente para o
seu flash. Uma animação quadro a quadro cheia de
imagens em mapa de bits possivelmente ficaria um pouco
pesada. Alguns sites aplicaram essa técnica com sucesso,
porém as animações são feitas de forma muito planejada.
Outros, usam imagens 3D em mapa de bits, animadas com
“simulações 3d”, ou seja, aqueles velhos truques de
54
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.
Outra forma é exportar um filme 3d para o flash, um
avi, por exemplo, facilmente gerado em um programa 3D.
Não existe a forma certa. Em nosso exemplo
falaremos de uma das técnicas. Se a sua cena 3D não
for muito complexa e você deseja obter um arquivo
leve, pode optar em gerar um arquivo vetorial, assim
o casamento com o Flash obterá grande sucesso.
Os programas 3D mais utilizados e que oferecem
mais recursos são 3DS Max, Maya e Lightwave. Eles
exigem também maior dedicação para o aprendizado.
Há também programas com menos recursos que, por
outro lado, são mais fáceis de aprender e voltados para a
web, pois objetivam gerar arquivos vetoriais em formato
swf. Posso citar como exemplos o Plasma da Discreet (da
mesma empresa do 3DS Max) e o Swift 3D da Eletric Rain,
que utlilizaremos no tutorial a seguir.
O Swift 3D possui sua versão em plugin para 3DS
Max e para o Lightwave. A versão 3 deste software
gera arquivos vetoriais com sombras, brilhos, reflexos,
transparências e, quando importados para o Flash, cada
um desses efeitos citados são separados em camadas.
Veja alguns exemplos no site www.swift3d.com.
Em nosso exemplo, vamos explorar alguns
desses efeitos. As formas são bem simples: um box,
um plano e um texto com uma extrusão aplicada.
Coloquei um ponto de luz simples, conhecido como
“omni”, um pouco acima das formas e utilizei a
visualização de uma câmera target, que me
possibilita bons efeitos para animação, como
rotacionar em volta do objeto alvo, zoom, entre
outros (fig.1).
Caso esteja acostumado com outros programas e
sinta dificuldade na criação de formas no ambiente do swift
 tutorial
Figura 3

O resultado de nosso render pode ser visto na fig. 3.

Figura 1
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,
Figura 4
utilizaremos somente os materiais chamados pelo
programa de ER Vector. Se for para utilização do ER Raster, Utilizando a linha de tempo do programa (fig. 4), fiz
de mapa de bits, aconselho outros programas, que uma animação simples, onde rotaciono o texto.
trabalham esses materiais com mais realismo. Voltando ao Render, clique em “Generate All Frames”
No nosso exemplo, aplicaremos no texto “3D” um e, em seguida, “Export All Frames” para criar o arquivo
material Glossy da palheta de materiais do Swift 3D (fig. “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
Figura 5
luzes, reflexões e sombras. Você pode inserir linhas na
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. italogarrot@yahoo.com.br

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).
mpovoa@mppsolutions.com

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

“Não faz absolutamente nenhum
sentido falar de usabilidade se não
existe um projeto real atrelado”
mesmo como lemos livros, irá sofrer profundas
transformações nos próximos anos. No entanto, todo
esse caos tecnológico precisa ganhar entropia e,
desse modo, tomar forma como algo útil e simples.
Ninguém melhor que Steve Jobs para essa missão.
A segunda mágica
Os movimentos da Apple começam a dar claras
sinalizações que Jobs tem a capacidade de dissolver as
fronteiras entre os universos da computação e do
conteúdo. A ponte entre essas duas indústrias é a
premissa para que a maneira como, hoje, usamos a
mídia para entretenimento, informação e educação se
torne coisa do passado.
A mágica começa com o pequeno iPod (player de
música em MP3), que pode gravar algo em torno de
10.000 canções, sendo um aparato menor que um
baralho de cartas. Em conjunto, a iTunes, loja virtual
que funciona em seu PC (Mac ou Windows), na qual se
pode comprar músicas MP3 a US$ 0,99 a unidade e
transferi-las à seu iPod. Esta é a maior revolução na
maneira de se escutar música desde a introdução do
walkman pela Sony, em 1979.
Na verdade, Jobs foi um dos principais
interlocutores com a indústria fonográfica durante o
terror da crise “Napster”, convencendo-os de que não
adiantava simplesmente tentar eliminar as formas de
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 e-
commerce 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
interface
para retroalimentar as vendas do iPod, o qual, aliás, a
Apple vai licenciar para a Hewlett-Packard, que também
vai colocar a loja iTunes em todos os PCs da HP. Com
isso, a Apple multiplica as possibilidades de venda da
plataforma, não cometendo novamente o erro
estratégico histórico que fez ao fechar a arquitetura do
Mac nos anos 80.
Filmes e sonhos
A outra iniciativa de Jobs é a Pixar, produtora de
animações em computação gráfica a la “Procurando
Nemo”, filme campeão de bilheteria nos EUA em 2003.
A Pixar fez cinco mega lançamentos: três foram
blockbusters (os outros foram “Toy Stories” e “Monster
S.A.”), ou seja, Jobs está não só produzindo conteúdo
como também mantendo um elo direto com a indústria
de entretenimento (neste caso, a Walt Disney Co.).
A Apple está rompendo as barreiras entre
indústrias, integrando o conceito de conteúdo e
computação. Dessa forma, está se re-posicionando
como uma empresa de “e-entertainment”, nome com o
qual o mercado começa a batizar essa tendência. Jobs
não pára de sonhar em mudar a forma como vemos (e
usamos) o mundo. Espero que a
realidade seja boa o suficiente
para alcançar esses
sonhos.
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.
marcelacatunda@terra.com.br

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 tex-
to, 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 insig-
nificante; 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 Meu erro foi crer que estar ao meu lado bastaria
– Posso te mostrar a cara do site? – perguntou o Pois é. O “treco” que faltava foi dado pelo diretor
diretor de arte do job. de arte, aliás, de forma brilhante. Meu erro? Tentar
– Agora não dá. Preciso mexer num treco aqui achar o treco sozinha.
que eles pediram – respondi. Essa é apenas mais uma das vantagens de
– Quando você for apresentar os textos, eu levo duplar. Ter alguém com quem criar, pensar, discutir,
o layout, tá? dividir a pizza, xingar a moçada...
Nem respondi. Eu tava tão preocupada em achar Essa coisa de trabalhar perto e longe é tão perigosa...
aquele treco que nem dei bola pra ele. Agora eu já aprendi e sei que por esse “treco” eu
Mais algumas horas se passaram até a não passo mais. Nunca mais.
hora de voltar à sala do diretor de criação 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 en-
contrado 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.
rene@usina.com

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
internet? Por que estava chovendo? Por que é fácil
pular de site pra site conferindo preços
lançamentos? Por que você não queria se expor à
violência urbana? Hummm... Mais ou menos a mesma
lógica do mundo físico. Racionalmente, pelo menos.
Vamos agora checar a parte irracional. O site
está entrando na TUA casa, no TEU computador,
usando a TUA linha telefônica... e o mínimo que se
deve esperar é que ele seja educado, que ele “se
comporte”. Eu fico transtornado quando um site que
eu convido para adentrar na minha vida se comporta
mal: é pesado, abre janelas que não devia, tenta
instalar plugins que eu não quero ou fica parado na
porta cantarolando uma introdução desnecessária.
Malabaristas num semáforo de rua até que têm seu
charme, mas não na information highway.
Aparência e “toalete” também contam. Se você
recebe um email de uma marca sofisticada, vai
estranhar muito se ele vier de
bermuda e chinelo, falan-
do português ruim. Vai
achar que é golpe e nem
vai abrir a porta para
ele. Pro lixo, direto.
Um último aspecto: respeito à sua inteligência.
Internet, para mim, é como a lâmpada de Aladim:
e você esfrega, um gênio aparece por download e lhe
promete três desejos. Se depois dessa mágica toda,
você faz um pedido singelo e o gênio coça a cabeça,
dizendo “veja bem...”, você enxota o canastrão e diz
“fecha-te sésamo”.
Na sua vida, esse cara não entra mais.
Em shoppings, em sites, em lâmpadas mágicas,
o que há são usuários humanos, que se tornaram
ainda mais dignos e humanos quando ganharam um
superpoder: o mouse power. O cara clica o mouse e...
ai de você se não atender seus desejos. Nem precisa
ser gênio para adivinhar a punição: mil e uma noites
sem aquele unique visitor.
Pensando agora como loja, e não, como cliente.
Se encararmos a loja online como um caixeiro
viajante, que notícias ela traz depois de tanta
andança? Ela entrou em milhares de casas, conheceu
pessoalmente um mundo de clientes... e não
tem nada para dizer? Isso sim é que é
desperdiçar oportunidades.
E para você que é nosso cliente
preferencial, um brinde: o site 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 pra-
zer é 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

“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
perfeitamente. Redatora de mão cheia, acostumada a
escrever para todas as mídias, acertou na mosca na
hora de ‘pescar’ a primeira atenção. Mais uns poucos
currículos que me ‘pescaram’ e algumas entrevistas
depois, lá estávamos eu e Marcela, trabalhando
juntos na DM9. E seguimos fazendo coisas juntos
desde então.
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
mercado de trabalho
casos, a ‘fórmula’ se resume aos mesmos pontos:
:: Pense no título do email, ele já ajuda a
revelar quem você é.
:: No corpo do email, escreva um texto muito
curto e objetivo sobre você e coloque três ou quatro
destaques da sua vida profissional (empresa por
onde passou, projetos de destaque).
:: O layout do email também deve ser simples
e objetivo (Designers, deixem seu design para o
portfólio, o email precisa ser clean e elegante).
:: 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.

clovis@thunderhouse.com.br

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

“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
resposta no ato! Ao contrário de algumas empresas
multinacionais que demoram 48 Horas (ou mais) para
retornar, isso quando dão sinal de vida. Lógico que,
no caso dele, a coisa é mais rápida do que numa
empresa que tem 1.000 funcio-
nários e uma burocracia enor-
me. Mas ele também poderia
não ter respondido.
Respondeu e deu show.
Disse que precisa melhorar o
layout da página e que precisa
colocar informações novas. Bingo!
Sou fã do cara. Ele é um
visionário e eu
pretendo apro-
veitar um dia
de pedaladas
do pessoal
aqui da agên-
webexperiences
cia para passar por Campinas, cumprimentá-lo
pessoalmente, dar-lhe exemplares da Webdesign e a
indicação de uns sites legais pra ele visitar.
O Adílson não freqüenta palestras, cursos,
seminários, restaurantes da moda, não vive no
chamado “quadrilátero dos Jardins”, não é um cara
fashion, mas é um exemplo para todos nós,
profissionais desta maravilha que é a Internet. Sabe
por que?
Porque nesta história toda a Internet é a roda e o
site do Adílson é o pneu. Se pintar algum “furo” no
site dele, é o próprio Adílson quem vai consertar
rapidinho, sem precisar consultar o marketing, o T.I.,
os gerentes de produto e até mesmo a presidência da
empresa.
Pense nisso enquanto você olha aquele projeto
que está parado há semanas sobre a sua mesa.
O endereço do site do Adílson:
www.vojoao.com/borracharia/index.htm.
65
66