Revista Webdesign - Ano I - Número 04 - Descubra Os Segredos Dos Maiores Webdesigners Do Mundo

direitos autorais

3

quem somos

Editorial

“A cigana leu o meu destino... eu sonhei... bola de cristal, jogo de búzios, cartomante...”

Equipe Direção Geral Adriana Melo [email protected]

Direção de Redação Bruna Kanhan

Hoje uma “cartomante” leu o meu destino, conforme as

[email protected]

cartas de Mille Lenormand. Meu prognóstico: felicidade

Direção de Arte

constante, amor fiel, fortuna, êxito nos negócios... Bem, dizem

Patrícia Maia [email protected]

que as cartas não mentem... ;-)

Ilustração

Essa “cartomante” também é designer nas horas vagas, e

Beto Vieira

trabalha na Arteccom. Pois é... nos empolgamos tanto com o

[email protected]

tema da revista, que compramos baralho cigano, cristais,

Diagramação

cartas de tarot... Tudo para fotografar, escanear e fazer uma

Bruna Werneck [email protected]

diagramação bem bacana. Acabamos brincando de interpretar

Publicidade

nossos futuros.

Daniele Moura

E, brincando, descobri o segredo da Arteccom, como

[email protected]

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

Webdeveloping

Descobri que a equipe busca um resultado sempre melhor do

Fabio Pinheiro [email protected]

que o esperado, busca surpreender, ultrapassar limites, se

Contabilidade

envolve, literalmente, com cada projeto. Acredito que a

Ana Maria Medeiros

explicação para isso seja uma equipe que realmente AMA o que faz. Só superamos nossas expectativas quando trabalhamos

[email protected] editora

Criação e edição

com amor, com paixão. Descubra também o seu segredo que, para alinhavar o seu sucesso, deve coincidir, imprescindivelmente, com o que você mais ama fazer. E, quando o descobrir, desenvolva e EXPLORE AO MÁXIMO seu potencial!

www.arteccom.com.br

Distribuição www.chinaglia.com.br

Colaboração Bete Veiga - Redação

Um grande abraço, Adriana Melo

4

arteccom

:: A Arteccom não se responsabiliza por informações e opiniões contidas nos artigos assinados, bem como pelo teor dos anúncios publicitários. :: Não é permitida a reprodução de textos ou imagens sem autorização da editora. :: Os emails são apresentados resumidamente. :: Sugestões dadas através dos emails enviados à revista passam a ser de propriedade da Arteccom.

menu

apresentação pág. 4 quem somos pág. 5 menu

contato pág. 6 emails pág. 6 fale conosco

fique por dentro pág. 9 adote esta página pág. 10 clipping

portfólio pág. 12 veterano: Tangerina Design pág. 16 calouro: Bruno Free

matéria de capa pág. 18 entrevista coletiva pág. 28 portfólio: Shane Mielke pág. 30 portfólio: Nicholas Mir Chaikin pág. 32 portfólio: Amy Franceschini pág. 34 portfólio: André Matarazzo pág. 36 portfólio: Shun Kawakami pág. 38 portfólio: Thomas Poeser

e-mais pág. 41 estudo de caso: submarino pág. 48 animação, áudio e vídeo pág. 54 tutorial: cores seguras

com a palavra pág. 56 interface: Marcello Póvoa pág. 58 webwriting: Marcela Catunda pág. 60 marketing: René de Paula Jr. pág. 62 mercado de trabalho: Michel Lent pág. 64 webexperiences: Clóvis La Pastina

5

emails

Assunto: Semana de Arte Moderna Digital

Assunto: How Magazine brasileira

Assunto: Capas

repare que esta está menos “comestível”... Isso significa que estamos

ajustando

nosso

Na primeira edição da

Gostei muito da Webdesign. Os

Gostaria de sugerir que a

Webdesign, vários

assuntos são pertinentes e

criação da capa da revista Wd

profissionais discorreram sobre

tratados com o cuidado

fosse feita por designers/

a identidade nacional. Antes de

apropriado. Posso exagerar

leitores. A Arteccom colocaria

ler a matéria, pensei: tem

(será?) dizendo que já é a How

no site da revista o tema

muito a ver com a Semana de

Mag brasileira?!

principal, com um prazo para

22. Seria um marco para a

Gostaria de sugerir o seguinte

entrega da capa, e o designer

A primeira e a definitiva....

identidade nacional se

tema: como mensurar a

ganharia seu nome na mesma.

Acho que assim dá para definir

houvesse uma “semana da arte

necessidade de adquirir planos

Eu, como designer, teria um

a revista. É muito legal mesmo!

digital brasileira”. Acredito que

Linux ou Windows, ASP, PHP

grande orgulho de assinar a

Achei que só iria consegui-la

já existem vários artistas que

ou JSP?

capa de uma revista como a Wd.

por assinatura, porque minha

linguagem criativa a

Rodrigo Marques de Novais [email protected]

Bruno Neves [email protected]

identidade nacional. Talvez,

Hum... How Magazine??? Ficamos

Muitos webdesigners passaram

eu estava viajando e esbarrei

estes estejam precisando se

muito honrados! E sua sugestão já

pela área de design gráfico.

com os dois primeiros

conhecer, elaborar um

foi para a reunião de pauta, ok?

conseguem transformar em

cronograma. Ufa! ;-)

Assunto: Webdesign no fim do mundo

cidade, apesar de ser no estado de SP, é no fim do mundo. Mas

Minha idéia é que a cada

exemplares...

manifesto, quem sabe? Energia

edição a Wd conceda a

fluindo! Vejo muito (ainda) a

oportunidade a um designer de

Lucas Mathias [email protected]

influência externa sendo

criar a capa da mesma.

“comprada” por alguns

Paulo Teixeira [email protected]

designers. Nada contra as

Pois é... muitos não estão conseguindo encontrar a revista. Em breve, aumentaremos o número de exem-

influências externas, desde que

Olá, Bruno e Paulo!

plares para 20 mil, ok? Mas quem

assimiladas e transpostas para

A idéia é bacana, mas, por enquanto,

procura, acha, não é, Lucas!? ;-)

uma linguagem nossa. Fica a

como estamos na maior correria,

idéia.

vamos guardar a sugestão, ok? Quem

João Elton Moreto [email protected]

sabe, no futuro, poderemos implantar

Sensacional sua idéia, João! Será o

selecionado e saiu nesta edição.

tema da edição comemorativa do 10º

Parabéns, está muito bacana!

essa idéia?! Bruno, seu portfólio foi

Encontro de Web Design, em novembro de 2005, no Rio de Janeiro. Meus parabéns! Contaremos

Assunto: Gostosa?!?!

com sua participação e contribuição

Como vai a edição da revista

no evento . Já começamos a

mais gostosa do Brasil? Eu

desenvolver o projeto! Um grande abraço, Adriana.

Assunto: Prêmios

explico... nas duas últimas edições, a maior parte das

Sugestão: Pesquisar e formar

figuras estava relacionada

uma lista de prêmios nacionais

com comidas, o que deixa o

e internacionais, relevantes

leitor (eu, no caso) com uma

para a mídia online e para os

super vontade de comer a

criativos das agências, bem

revista inteira. Achei muito

como a visibilidade que os

bom este recurso.

mesmos promovem aos seus

Edgar Felix [email protected]

ganhadores. Guilherme [email protected]

Hahahahaha!!! Também posso explicar... A equipe ficou aqui até

Gostamos da sua sugestão, Guilher-

altas horas diagramando as duas

me. Já começamos as pesquisas. É

primeiras edições e, com certeza, não

ótimo vocês participarem assim para

teve tempo nem de lanchar. Mas

que o conteúdo da revista atenda bem às expectativas! fale conosco :: www.arteccom.com.br/webdesign ::[email protected]

6

0800 702 9004

* * * *

Melhor Preço

SEU SITE MAIS

Mais Segurança Mais Confiança

RAPIDO

Mais Velocidade

NA INTERNET

A SUA 1ª HOME PAGE

Servidores no Brasil

POR APENAS

14

R$

,80 mensais

painel de controle - webmail - ftp - contador antivírus e antispam nos emails - php - asp estatística de visitação - aspemail - mysql perl - access - extensões front page - e muito mais

0800 702 9004 www.turbosite.com.br

7

Pagamento Trimestral. - Desconto para pagamentos semestrais e anuais. - Sem taxa de inscrição. - Taxas Fapesp e Internic não inclusas.

www.turbosite.com.br

8

adote esta página

adotou esta página

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

foto

Piaget

Adotando esta página, o Terra Empresas contribuiu com R$600,00 para a manutenção do projeto Mage-Malien – Crianças que Brilham, beneficiando integralmente crianças e jovens de comunidades menos favorecidas. O projeto possibilita o acesso das crianças ao universo da educação, da arte e da cultura através de cursos e oficinas ministrados gratuitamente pela equipe Beriba-Rei Capoeira. Ocupando de maneira sadia suas horas de lazer, os jovens aprendem o exercício pleno da cidadania. A Arteccom acredita na construção de um futuro melhor e agradece este gesto de solidariedade! Você também pode ajudar a manter o brilho dessas crianças: ligue para (21) 2253.0596 ou envie um email para [email protected] e adote esta página!

Para conhecer o projeto Magê-Malien, visite o site www.arteccom.com.br/magemalien

9

clipping

Programa combate pedófilos em chats Um programa que imita o comportamento de crianças em salas de chat é a mais nova arma para o combate à pedofilia online. O casal inglês Jim e Eleanor Wightman criou o ChatNannies (babás do chat, em português) na tentativa de “ajudar a fazer da internet um lugar mais seguro”. O software roda centenas de sub-programas, os nanniebots (babás-robôs), que se conectam às salas de chat e conversam com as crianças e adolescentes presentes. Enquanto isso, pela tecnologia de redes neurais e munidos de uma inteligência artificial sobre cultura pop, analisam sinais que podem revelar entre os participantes aqueles que, na verdade, são

Plug In Website Award A PlugIn, em parceria com a Arteccom, está lançando um

adultos, e não, as crianças que dizem ser.

concurso que vai premiar os melhores websites da rede. A

O programa, cheio de boas intenções,

premiação será realizada no 9º Encontro de Web Design,

já está também coberto de

em São Paulo, dia 27 de novembro deste ano. O primeiro

polêmica, pois especialistas

colocado ganhará um computador Pentium 4. Inscreva já

acreditam ser muito fácil que

seu site em http://concurso.plugin.com.br. Participe!

um programa desses gere

(02)

resultados falso-positivos. O endereço do serviço na web é www.chatnannies.com. (01)

Cientistas criam novo protocolo ultrarápido de Internet

(02) Empresa lança memória removível menor que selo postal A SanDisk, empresa fabricante de cartões de memória multimídia, anunciou o lançamento de novos tipos de

Pesquisadores do Departamento de Ciência da Computação da Universidade

memória removível que podem servir tanto para

da Carolina do Norte desenvolveram um novo protocolo de transferência de

computadores quanto para telefones celulares. Os novos

dados para a Internet que faz as atuais linhas digitais de alta velocidade (DSL)

(03) cartões chegam a ter de 32 a 256 Megabytes (MB) de

parecerem letárgicas. O protocolo foi batizado BIC-TCP, ou Aumento do

capacidade. Medindo 24 por 18 milímetros de extensão,

Congestionamento Binário - Protocolo de Controle de Transmissão. Em recente

e apenas 1,4 mm de espessura, tem a metade do tamanho

estudo comparativo conduzido pelo Centro de Aceleração Linear da

de um selo postal. O SanDisk

Universidade Stanford (Slac), o protocolo BIC

Reduced Size MultiMediaCard

consistentemente liderou o ranking em uma série

tem versões de 32MB, 64MB,

de experiências para determinar sua

128MB e 256MB, com previsão

estabilidade, capacidade de ampliação e

de lançamento no mercado

precisão diante de outros protocolos.

mundial ainda para o segundo

Injong Rhee, professor associado de

tamanho real

trimestre deste ano. O preço irá

ciência da computação, disse que

variar de US$ 14,50, para o

o BIC pode atingir velocidades

cartão de 32MB, a US$ 40, para

cerca

o de 128MB – preços válidos

de

seis

mil

vezes

superiores às do padrão DSL, e 150

para altas quantidades.

mil vezes maiores do que as dos modems atuais.

(03) (04)

Asus anuncia HD acionado por dispositivos sem fio A Asustek Computer, fabricante de placas-mãe e acessórios para PCs, irá lançar em maio um disco rigído que permite o backup de dados de qualquer lugar da casa ou do escritório, por meio de uma rede sem fio, com velocidade de até 54 Mb/s. A interface do disco, controlada via Web, possibilitará a outros usuários da rede o gerenciamento dos arquivos no disco, com as opções “acesso irrestrito para todos”, “acesso só mediante senha”, “apenas leitura” e por aí afora. O preço estimado do HD, cuja capacidade não foi divulgada, é de US$ 150,00. (05)

10

A Sony está anunciando o lançamento para abril de um leitor de e-book baseado no e-Paper (papel eletrônico). A novidade, batizada de LIBRIe, consiste em uma folha de filme plástico, de 6 polegadas com resolução de 800x600 pixels. Mede 12.5 x 19 cm, pesa 300 gramas e armazena os livros digitais em 10 MB de memória interna (expansível até 512 MB com o uso de cartões Memory Stick).

A Sony disse nesta quinta-feira que o PlayStation 2, até o momento o videogame mais moderno produzido pela empresa, deve continuar sendo vendido até 2010. (Analistas acreditavam que o A declaração foi feita por Andrew House, vice-

d e 5 0 0 e - b o o k s , d e p e n d endo d o

presidente da Sony Computer Entertainment —

tamanho de cada um, e pode ser

divisão de games e outros produtos de informática

manipulado como se fosse um jornal.

da empresa.

O acesso aos textos dos livros será

Analistas acreditam que a próxima versão do

feito através da assinatura

videogame, o PlayStation 3, será lançada pela Sony

de um serviço mensal,

entre 2005 e 2006. A Microsoft também deve lançar

que custará de US$ 5 a

uma nova versão de seu videogame, o Xbox, nos

US$ 10.

próximos anos.

O LIBRIe será lançado no

PlayStation 2 deve ficar no mercado até 2010

aparelho sairia do mercado em 2005).

Segundo a Sony, o LIBRIe é capaz de armazenar cerca

primeiro

clipping

Sony anuncia “leitor” de papel eletrônico

(06) (07)

mercado

japonês ao preço sugerido de 400 dólares.

Site clonado tenta roubar senha de correntistas do Itaú

(06)

Está circulando pela internet uma mensagem

Microsoft lança software de reconhecimento de voz

falsa do banco Itaú. O e-mail é enviado pelo

A Microsoft fez mais um lançamento de impacto. Trata-se do Speech Server 2004, software

repassar seus dados. As informações,

(05) no reconhecimento de voz. Segundo declaração de Bill Gates em uma conferência baseado

supostamente, seriam enviadas para um

de programadores, em São Francisco, na Califórnia, há uma intensa variedade de cenários

sistema contra fraudes do Itaú.

nos quais o Speech Server pode ser utilizado.

Por ém, ao clicar no link, o usuário é

endereço “[email protected]” e pede para o internauta entrar no site do banco e

Na realidade, o novo produto é uma plataforma para

redirecionado a um site falso, mas idêntico

rede, que permite a outros fabricantes de softwares

ao do Itaú. Se o internauta digitar seus

criar programas ajustados às suas necessidades. Os

números de agência, conta e senha,

departamentos de tecnologia da informação, por

poderá enviar os dados para algum

exemplo, usariam o Speech Server para funções de apoio

golpista, que terá como transferir dinheiro

interno, como atualizar contra-senhas e dar assistência a usuários

da conta do usuário para contas de outros

de computadores.

bancos.

O presidente da Microsoft estava mais falante do que nunca. Ele só

O Itaú alerta, por meio do canal “Segurança”,

não comentou a recente decisão da Comissão Européia de multar a

que os correntistas “em hipótese alguma”

Microsoft em 497 milhões de euros (US$ 606 milhões) pela violação

devem

da lei antimonopólio da União Européia...

supostamente tenha sido solicitado pelo Itaú”.

(07) (08)

(08)

digitar

“qualquer

dado

que (09)

(01) http://info.abril.com.br/aberto/infonews/032004/25032004-3.shl (02) http://concurso.plugin.com.br (03) http://idgnow.terra.com.br/idgnow/pcnews/2004/03/0073 (04) http://noticias.uol.com.br/inovacao/ultimas/ult762u1909.jhtm (05) http://www.estadao.com.br/tecnologia/informatica/2004/mar/26/40.htm (06) http://www.estadao.com.br/tecnologia/informatica/2004/mar/26/17.htm (07) http://www1.folha.uol.com.br/folha/informatica/ult124u15570.shtml (08) http://www.estadao.com.br/tecnologia/informatica/2004/mar/26/50.htm (09) http://www1.folha.uol.com.br/folha/informatica/ult124u15567.shtml

11

portfólio :: veterano

Tangerina Design:

talento tamanho família Os irmãos mostraram que a preguiça baiana não

bem afinada. Junior e Duda fazem de

passa de um mito e vieram para o Rio de Janeiro

tudo: design gráfico, webdesign,

seguir os passos do pai, arquiteto

ilustração,

arquitetura,

branding e até promoção de eventos.

Os irmãos Junior e Duda Simões

No início, eles apostaram na

são de Salvador, Bahia. Com 29 e 26

marca

anos, respectivamente, desde crianças

estampar

uma

estão acostumados com nanquins,

mercado.

“O

letras set, pincéis, papéis e pranchetas

encararmos nós mesmos como o

do

desenhista

primeiro cliente”, contam. Definiram

publicitário, paisagista e, hoje, é

nome, logomarca, papelaria, campo

arquiteto. “Trabalhar com design, arte,

de atuação, brindes e desenvolveram

ilustração e arquitetura parecia uma

o

escolha óbvia e natural”, dizem os

começamos a pensar em conquistar

sócios da Tangerina Design, agência

clientes. Na ocasião, portanto, não

que abriram na cidade do Rio de

tínhamos nada, mas nossa “cara” já

pai,

que

já

foi

Janeiro. Por enquanto, a agência não tem uma grande equipe, mas uma dupla

12 12

produto,

da

próprio

própria

empresa

boa

imagem

primeiro

site.

“A

passo

partir

para no foi

daí

“Essa é a grande charada da Tangerina! :-D A história foi que, ao batizarmos a

portfólio :: veterano

nossa agência como Tangerina (porque queríamos um nome inusitado e que a cor da empresa fosse laranja), pedi ao Duda pra desenhar uma tangerina pra ser a logo, e ele falou: ‘– Pô, mas um desenho de uma tangerina, pode ser confundido com uma laranja, um limão... e se fosse um caju?!’ Na mesma hora, eu disse ‘– Caramba!!! É isso, a logo vai ser um caju!!!’ E foi assim, de sopetão, que a nossa marca surgiu! Por acaso...” – Júnior

www.tangerina.com.br, home e portfólio

“Muitas vezes, nem mesmo o cliente sabe o quer.. que quer Faz parte do nosso trabalho

atraía, já nos vendíamos como uma grande empresa”. A

estratégia

deu

certo.

A

Tangerina Design acabou ganhando as contas

da

mpp

solutions

e

da

globo.com, entre outros clientes de

colocar no papel o que ele está pensando, de forma

peso. “O inusitado é o nosso óbvio”, assim definem o diferencial da agência e

apostam

na

dedicação,

na

oportunidade e na criatividade como fatores fundamentais para o sucesso da empresa.

branding,

Os designers, porém, esbarram

muito

implementação.

menos O

o

da

trabalho

do

em um obstáculo muito comum para

designer é saber arrumar tudo isso e

quem trabalha nessa área. “Muitas

fazer com que o efeito do resultado

vezes, nem mesmo o cliente sabe o

final

que quer. Faz parte do nosso trabalho

“Fantástico! Ficou ainda melhor do que

colocar no papel o que ele está

eu havia pensado!”.

seja

algo

parecido

com...

pensando, de forma racional e, ao

Como exemplo de trabalho bem

mesmo tempo, criativa. O cliente não

sucedido da dupla tem-se o próprio

entende o processo de arquitetura da

site

informação,

(www.tangerina.com.br), cujo briefing

design

de

interface,

da

Tangerina

racional e, ao mesmo tempo, criativa”

Design

13

portfólio :: veterano

“O trabalho do designer é saber arrumar tudo isso e

era

fazer

uma

página

diferente,

fazer com

animada, divertida e que mostrasse o

que o efeito

trabalho da empresa,

do r esultado resultado

flash, o site abusa de animações e

final seja

imagens divertidas para chegar ao seu

algo

versão 2.0, que esperamos lançar em

par ecido

breve”, avisam.

com...

Profissional (www.dotlib.com.br) é

‘F antástico!’” ‘Fantástico!’”

relativamente simples. Tem um visual

chamando

atenção pelo inusitado. “Todo feito em

objetivo. Já estamos pensando na www.portaldapesquisa.com.br

O site da Dotlib - Informação

atraente e utiliza muito o branco e o verde.

“Essas

são

as

cores

institucionais da empresa. O projeto de identidade visual também foi criado por nós e o site era o que faltava para divulgar a nova logomarca”. A dupla reuniu as informações básicas da empresa e seus produtos, incluindo o portal

acadêmico

de

pesquisa

(www.portaldapesquisa.com.br),

e

utilizou

o

apenas

o

html

para

desenvolvimento do projeto. “O site consegue de forma sutil e criativa passar

todo

o

novo

pretendido pelo cliente”.

14

conceito

www.dotlib.com.br

portfólio :: veterano

Outro bem bolado foi o Pessoas do Século Passado. “É um misto de site, manifesto e multiblog, que tem se mostrado, desde o seu lançamento, um sucesso de visitas, crítica e participação”. O site tem fotos ilustrativas e randômicas produzidas pelo próprio Duda. A página estimula o debate, questiona, e reúne pessoas de vários focos de interesses, mas, todas, nascidas no século passado. Elas expressam seus comentários a partir de crônicas, ensaios ou matérias dos editores-chefes do site. “Vale a visita pra rechear a mente”, concluem.

www.pessoasdoseculopassado.com.br

www.espiritodochopp.com.br

www.houaiss.com.br www.saicomm.com

15

portfólio :: calouro

Fera!

Na concorrência com os grandes escritórios de design, talento e garras afiadas são fundamentais na conquista de um lugar ao sol no mercado Para Bruno Neves Ferreira da Silva, 27 anos, a semana, muitas vezes, pode não ter fim. Formado em Direção de Arte pela ESPM, onde participou da primeira turma do curso Portfólio, trabalha (ou, segundo ele, “aventura-se”) há seis anos como freelancer. Na maior parte do tempo, Bruno desenvolve trabalhos para clientes fixos, como design impresso e manutenção de sites, além de, esporadicamente, sites e banners, criados em parceria com

“um freelancer precisa plantar bons trabalhos; ser realmente profissional, na essência da palavra”

agências e portais. “Acho que o freelancer ‘vale quanto pesa’ seu nome e/ou sua assinatura. Inicialmente, o salário deve até ser encarado como um ‘bico’, porém ele precisa: plantar bons trabalhos; ser realmente profissional, na essência da palavra”. “Apesar do empenho e da dedicação, freqüentemente o freelancer deixa de ganhar um novo cliente por não ter uma agência registrada”, afirmando que este tipo de profissional ainda sofre certo “preconceito” no mercado. Premiado no 7º Encontro de Web Design com seu portfólio on-

www.brunofree.com.br

line (www.brunofree.com.br), Bruno Ferreira pretende continuar concorrendo a outras premiações, como a da Bienal de Design da ADG, as das Casas de Criação de todo o Brasil e, posteriormente, lançar-se nas competições internacionais. Tudo isso com o objetivo de colocar seu nome dentre os maiores designers brasileiros. Determinação e talento não faltam!

www.dimeleletricos.com.br

www.dimeleletricos.com.br

16

17

entrevista coletiva

Eles põem as

cartas na mesa A Webdesign reuniu cinco grandes profissionais brasileiros da área de web para entrevistarem seis dos mais renomados designers internacionais. Marcela Catunda, Luli Radfahrer, René de Paula, Michel Lent e Marcello Póvoa entrevistaram: Shane Mielke, diretor de arte senior do 2Advanced Studios, na Califórnia; Nicholas Mir Chaikin, fundador e diretor de Criação da Spill.net, na França; Amy Franceschini, sócia e designer do escritório Future Farmers, na Califórnia; André Matarazzo, diretor de criação da agência Farfar, na Suécia; Shun Kawakami, diretor de criação da Artless, no Japão e Thomas Poeser, diretor da TP23, no Reino Unido. Nas páginas seguintes, eles falam do papel do web design, analisam a atual situação do mercado e arriscam previsões para o futuro do segmento...

4

webdesigner se desenvolveu em termos de

site,

que

lhe

comunicação e estratégia para alcançar

direciona

novos canais de aproximação com o público

uma loja real ou

nos últimos dez anos de internet?

virtual que efetua

Shane :: Nos últimos dez anos, designers

uma venda.

aprenderam a focar melhor em um público-alvo.

Marketeiros ainda

Nós, agora, temos muito mais influência do que

mais espertos estão

para

quando criávamos uma mensagem de marketing para uma

montando elaboradas estratégias de marketing,

classe específica de pessoas. Isso aconteceu quando as

onde pessoas interagem num website, enviam seus dados,

empresas reconheceram a importância de trabalhar lado a

recebem elementos pelo correio, se comunicam com

lado

outras pessoas, formam clubes, inventam coisas, as

com

os

designers.

No

início,

designers

freqüentemente criavam sites sem se preocupar com o

colocam online novamente... O ciclo é gigante.

público. Simplesmente, ter um site que funcionava como

Hoje, o público se aproxima mais do mundo online

um cartão de visitas era suficiente para a empresa. Hoje

porque o mercado entendeu a necessidade dessa mídia

em dia, designers têm um papel importante na criação das

para o sucesso de um produto. O que, ontem, era um

mensagens de marketing, e de conceitos, que influenciam

lugar onde apenas adolescentes se aventuravam, hoje,

além das barreiras da internet.

se tornou tão elementar como um telefone.

Nicholas :: No início... o webdesigner fazia de tudo

Shun :: Eu vejo o design como uma linguagem.

(conteúdo, cópia, design, programação). No auge... 40

Webdesigners usaram a linguagem e a tornaram mais

pessoas faziam uma coisa (designers, ergônomos,

clara e atraente.

diretores de criação, arquitetos de informação,

Thomas :: Não é esse o objetivo de toda estratégia de

programadores, animadores, gerentes de projeto,

comunicação: aproximação do público? A meu ver,

engenheiros

de

webdesigners contribuem, principalmente, para que os

sistemas...). Agora... o webdesigner faz de tudo : ) Isso

websites sejam bonitos e agradáveis (ou não). Se a

responde à pergunta?!

pergunta é se novas estratégias surgiram, definitivamente,

André :: Acho que o trabalho do webdesigner tal como

sim. Demoraria muito tempo para listá-las. Como exemplo,

conhecemos hoje, começou há cerca de 10 anos. Na

eu citaria fóruns e salas de chat em páginas da indústria

minha opinião, interatividade é o caminho primário dessa

fonográfica. Então, instantaneamente, os sites “oficiais” de

nova mídia. Atualmente, você tem campanhas multimídia

uma banda ou de um cantor se tornam sites de fãs, porque

que visam juntar elementos offline com online. Por

o que fãs querem é trocar opiniões e dividir a adoração por

exemplo: todos os dias são lançadas várias campanhas

seus ídolos. Muito bem! Outro exemplo: quando eu

que começam com um comercial de TV, que lhe direciona

trabalhava na Digit, nós estávamos desenvolvendo uma

de

produção,

administradores

estratégia para St. Luke´s, uma agência de imagem em movimento e publicidade. Eles se vêem como muito abertos e queriam evidenciar isso, mostrando o que acontecia dentro de seus estúdios para os outros. No lobby da empresa, agora encontra-se um monitor mostrando uma “pergunta do dia”. Todo mundo, seja visitante ou empregado, pode votar, pisando num botão verde ou vermelho. No dia seguinte, o resultado é graficamente www.stlukes.co.uk

representado no site e num protetor de tela.

19

entrevista coletiva

para um link num

Marcela Catunda :: Como o trabalho do

entrevista coletiva

Luli Radfahrer :: Muito do que é conhecido como

Não. Sempre haverá espaço para layouts similares a

“bom” design lembra o que é ou foi feito em outras

impressos onde as informações são acessadas mais

mídias (impressos, vídeos...). Quando você acredita

simples e rapidamente, sem interatividade desnecessária.

que os elementos exclusivos da internet (tais como

Só porque um site é interativo, isso não significa que é

hipertexto, hipermídia, interatividade, comunidades

mais fácil de ler e encontrar informação. O fato é que esse

e colaboração) vão deixar os sites experimentais ou

tipo de experiência está se tornando regra para conteúdo

artísticos e se tornarão mainstream? Em outras

baseado em experiência.

palavras, por que éramos melhores em webdesign

Nicholas :: Acho que os exemplos que você citou se

em 1994 do que em 2004?

Shane :: A internet e os sites vão continuar a parecer com trabalhos feitos em outras mídias enquanto a internet continuar a ser a maneira

mais

fácil

de

X

Mainstream Termo inglês que designa um produto de grande público. Um artista

mainstream é mais provável de alcançar maior sucesso. É o oposto de

tornaram,

sim,

mainstream (lembrem do Napster, Friendster,

“underground” que é um movimento que não visa agradar ao grande

IM engines etc.) e,

público. Normalmente utiliza-se este termo quando alguma

a m b i e n t e s

característica “underground” é absorvida pela grande indústria.

hiperlinkados,

Fonte: www.mcm.net/dico/definition.php/34894/

colaborativos são, de

combinar todas elas e alcançar um público maior. A mídia

fato, ferramentas de comunicação nos dias de hoje.

impressa existe e vem sendo adaptada há séculos, então,

Entretanto, em 1994, muitos de nós tínhamos maiores

é bastante lógico que diferentes métodos de organizar

expectativas

conteúdo influenciem o layout de textos para web. Vídeo

democratizadora. Ou nós estávamos errados ou está

também é mais velho que a internet, então, faz sentido

apenas demorando um pouco mais do que esperávamos.

que efeitos e padrões que existem em filmes acabem na

De qualquer forma, minha atração inicial pela internet não

internet. Com o surgimento do Flash e outras ferramentas,

foi tanto para projetá-la quanto para utilizá-la. E, usando,

não é mais difícil criar sites que combinem texto, imagem,

aprendemos a projetar. Em 1994, que, por acaso, foi o ano

vídeo, som e interatividade. Acredito que esses “elementos

em que desenhei meu primeiro website, estávamos

exclusivos da web” de interatividade, definitivamente, já se

aprendendo sobre os potenciais da hipermídia e das

tornaram mainstream como resultado disso. Um site como

comunidades

o F-150 Microsite (www.fordvehicles.com/trucks/f150),

aprendendo a projetar para uma nova idéia. Agora,

que

Studios

estamos mais familiarizados com a idéia e seus potenciais,

(www.2advanced.com), é um bom exemplo de site que

a “ferramenta” está se tornando mais refinada, suas

junta hipertexto, imagem, áudio e vídeo para uma

aplicações comerciais mais reais e seus potenciais

experiência interativa e divertida. Sites como este estão

colaborativos maiores e mais precisos. Se o “bom”

rapidamente se tornando ferramentas comuns utilizadas

webdesign lembra o “bom” design gráfico, essa é apenas

pelas grandes companhias para mostrar seus produtos.

uma semelhança superficial, pois suas utilizações podem

Essas experiências são apropriadas para qualquer site?

ser completamente distintas. Um relógio será bem

projetei

na

2Advanced

para

a

internet

enquanto

projetado se for bonito e informar

a

hora,

uma

comunidade virtual será bem projetada se for bonita e permitir comunicação fluida entre seus participantes. Se essas coisas lembram uma a outra,

20

eu

não

estou

o

como

fazíamos.

a

grande

Estávamos

“De qualquer forma, minha atração inicial pela internet não foi tanto para projetá-la quanto para utilizá-la. E, usando, aprendemos a projetar projetar””

Nicholas

preocupado, o importante é que elas desempenhem bem suas respectivas funções e permitam que você descubra algo novo. Amy :: É difícil dizer por que o webdesign não “envolveu”. Uma possível resposta seria que os verdadeiros inovadores subvertem as tecnologias já existentes. Projetos interessantes surgem assim, e logo estes inovadores mudam para outras mídias. André :: Eu acho que esses elementos de web-only já são uma grande realidade em vários lugares. Fui pra Finlândia recentemente, e você consegue comprar um refrigerante numa máquina, mandando um SMS pra ela. É incrível! Adolescentes estão usando chat e entrando em comunidades através do celular, colaborando em projetos maiores, tudo está sendo automatizado. Acho que tudo isso já é uma realidade hoje. Em 1994, eu nem sabia o que era um BBS, por isso posso lhe falar de 1998, quando comecei. Atualmente, sou um designer dezenas de vezes melhor do que antes. Mas entendo seu ponto. Nos tempos fora-da-lei da internet, quando essa nova mídia surgia, ninguém sabia qual era o formato ideal, como tudo isso iria se estabilizar. Isso dava uma liberdade tremenda para qualquer um fazer o que queria e, a maioria do que existia, era interessante, mas pouco utilizável. Acho que se chegou a um consenso, pelo menos, até agora, 2004, de que a grande massa não está muito interessada em navegações mirabolantes nem em ter uma “experiência espiritual” na web. Eles querem informação, e que ela seja acessível. Então, o mercado se contrai e apenas expele produtos iguais online. É como no início do cinema – existem filmes experimentais de alguns minutos, ou segundos, mostrando técnicas interessantíssimas, que,

21

entrevista coletiva

hoje, não colam, a não ser, numa sala de cinema arte.

as novas e, também, velhas mídias: imagem parada e

Shun :: Eu acredito que cada mídia influencia outra e

em movimento mais som. Enquanto elementos

elas evoluem com o tempo. O design gráfico influenciou

exclusivos da internet ainda estão na forma de idéias e

muito o webdesign. Repetindo a influência, novas

conceitos,

expressões são produzidas, eu acho.

encontram disponíveis ferramentas para fazer o

Algumas

pessoas

podem

considerar

a

internet

trabalho

precisando visual.

ser

Então,

desenvolvidos, os

designers

já

se

gráficos

“experimental” ou “artística” até hoje, mas também é

assumiram, e alguns sites, de fato, são um presente. E

muito comum encontrar pessoas que utilizam a internet

o que é bonito vende, sobretudo, desde que a internet

no dia-a-dia tanto quanto a televisão, o telefone e o

se tornou particularmente ligada à indústria do

celular.

entretenimento, com seu espaço para publicidade.

Mais cedo ou mais tarde, as pessoas vão se acostumar

A maioria das pessoas não sabe de todas as

com a internet e ela se tornará uma forma natural de

possibilidades da internet. Ok, todo mundo ouviu falar

expressão.

em salas de chat, fóruns e ferramentas de busca. Mas,

Thomas :: Eu não acho que o webdesign tenha se

muitas

tornado melhor ou pior. Ele só evoluiu de uma área

completamente surpresos quando digo a eles o que

completamente nova para uma área estabelecida de

pode ser feito utilizando a interatividade.

atuação, para o designer. No início, tínhamos tecnologia

Não diria que essas possibilidades só são utilizadas em

pura e suas possibilidades; estamos falando de bom

sites experimentais ou artísticos. Provavelmente, elas

design de interface e usabilidade (e ainda temos).

só estão mais escondidas. A maioria dos usuários

Depois, veio o termo multimídia, a combinação de todas

conhece os conceitos e as tecnologias por trás de um

22

vezes,

lido

com

clientes

que

ficam

ocorrida há uns dois anos atrás. Eu estava numa

que os elementos exclusivos da internet já sejam

reunião com uma famosa marca francesa de moda-

mainstream, não em todo o seu potencial; mas boas

luxo-perfume. A direção de arte seria feita na França e

idéias sempre virão do mundo alternativo.

o time de marketing era americano. Os americanos

René de Paula :: Como você garante que o seu

haviam feito “pesquisas de marketing” e pediram a

trabalho seja relevante para as pessoas?

grupos de mulheres para descreverem o que elas

Shane :: Quanto ao design e à apresentação dos sites,

queriam de um website representando a marca. Todas

a coisa mais importante é ouvir o cliente. Ele deve (Se

disseram a mesma coisa: “acesso rápido à informação”,

Deus quiser!) conhecer seu público-alvo e saber qual

“seções claramente identificadas” etc.. Meu conselho

papel seu site deve cumprir. Se não souber, a

para a equipe francesa foi o de ignorar isso

companhia, provavelmente, irá fracassar, independente

completamente – os grupos de teste dizem o que eles

do que tenha sido projetado para ela. O cliente deveria

acham que esperam que eles digam. Esta marca existe

ajudar no trabalho, orientando sobre o público-alvo,

há mais de cem anos e é famosa porque ‘ela diz’ ao

fornecendo imagens e informações sobre os produtos e

público o que ele deve querer, criando uma ilusão de

dando as metas e idéias iniciais para começar o projeto.

luxo, e não, porque é fácil de usar. Se fosse para um

O objetivo é criar alguma coisa apropriada para o

anúncio de televisão, eles não teriam perguntado a 50

público-alvo e realçar o conteúdo com estilo e atenção

mulheres, escolhidas aleatoriamente, qual lingerie a

aos detalhes. Sem um cliente me dizendo qual seu

modelo deveria usar.

objetivo e qual seu público-alvo, eu não serei útil em

Amy :: Acho que a melhor maneira de fazer algo

ajudar a companhia a atingir sua meta. Simplesmente,

relevante é criar um am-

ouvir o cliente e desenhar com estilo apropriado são as

biente no qual as pessoas

coisas mais importantes para garantir a relevância do

o tornem relevante. O site

nosso trabalho.

Texan Drawl é um bom

A outra metade do trabalho de fazer um site relevante

exemplo

é garantir algum tipo de laço afetivo com o site, o que

usuários criam o conteúdo.

vai além do design. Música e animação são dois

Na minha opinião, o mais

exemplos de fatores que contribuem com o design e

importante, o que vem em

fazem o visitante gostar e lembrar da visita.

primeiro lugar, é se o

Nicholas :: Eu não garanto. Eu uso minha intuição,

trabalho é relevante para você, se você acredita nele.

mas eu nunca encomendei, usei ou participei de grupos

Essa energia vai ser transferida para o job e os usuários

de teste, por exemplo. Existe um auto-intitulado

vão sentir isso.

especialista em usabilidade no Reino Unido, que cita

André :: Eu não posso ter certeza. Depende do ponto

Spill.net com um exemplo de usabilidade ruim. Eu

de vista. Todo trabalho é relevante. Um site pra Nike,

escrevi para ele e pedi que me explicasse (apesar de já

que vende um tênis superespecial e deixa o usuário em

saber o que ele iria dizer...). Nem todos os sites

transe, querendo comprá-lo já, é muito relevante e

deveriam ter a navegação à esquerda e a ferramenta de

focado para esse usuário. Acho, sim, que o deixará mais

busca no canto superior direito. Sites existem por

feliz por pelo menos alguns segundos, enquanto estiver

razões diferentes, e o Spill.net, certamente, não existe

asfixiado pelas endorfinas do consumismo. Mas é uma

para provar que nós entendemos essa vaga noção de

experiência relevante para a melhora de sua vida? Acho

“usabilidade”.

que não.

Obviamente,

nós

entendemos

de

onde

os

www.futurefarmers.com/ texasdrawl/bush.html

usabilidade, senão já teríamos falido há muito tempo.

Eu adoraria trabalhar apenas com clientes que

Como exemplo melhor, posso citar uma situação

melhorassem a condição humana, que eu pudesse

23

entrevista coletiva

website, mas num nível subconsciente. Então, acredito

entrevista coletiva

“Na minha opinião, o mais importante, o que vem em primeiro lugar lugar,, é se o trabalho é relevante para você, se você acredita nele. Essa energia vai ser transferida para o job e os usuários vão sentir isso” Amy contribuir um pouco nisso, mas esses clientes são

opinião não tira a relevância delas.

pouquíssimos e, na maioria das vezes, não têm grana

Michel Lent :: Eu tenho dificuldade em me chamar de

pra contratar uma agência conhecida.

“webdesigner”, ou, o que faço, de “webdesign”. Sou

Shun :: Honestamente, não tenho certeza se meu

um designer de interface. Considero criar para a

trabalho é relevante. O importante para mim é se eu

internet (atualmente, o tipo mais comum de

realmente quero fazê-lo ou não.

interface) uma tarefa de design de interface.

Thomas :: Eu não posso garantir que nada seja

Enquanto a tecnologia evolui, e outros tipos de design

relevante. Mas, se as pequenas coisas são, tudo é

de interface se tornam mais populares, como você vê o

(Wolfgang Tillmans disse algo desse tipo...).

futuro da web e, portanto, do webdesign? Ainda nos

Eu vejo o design como um serviço: quando eu trabalho

chamaremos “webdesigners” daqui a alguns anos?

para clientes, eu garanto que o projeto fique do jeito

Shane :: Eu nunca gostei do termo “webdesigner”. Na

que eles gostem no final. Às vezes, isso envolve um

verdade, eu não sou limitado a trabalhos para a web, e

processo de convencimento (de maneira honesta) que

nenhum designer é. Nos últimos anos, eu fiz trabalhos

tal formato é bom para eles porque é bom para os

impressos para vídeo, web e dvd. Qualquer designer

usuários, seus clientes. Então, para fins comerciais, eu

que alguma vez projetou a interface de um site, tem as

só posso dar o meu melhor, mas não posso garantir.

habilidades necessárias para projetar para outras

Se tenho uma escolha, eu não ligo se meu trabalho é

mídias, e não deveria se considerar “webdesigner”.

relevante para as pessoas. Isso é quando estou

Quando eu descrevo o que faço para outras pessoas,

experimentando. O resultado não precisa ser relevante,

normalmente, digo “artista gráfico” ou “diretor de arte”

apesar de acreditar que, na maioria das vezes, ele é.

ou simplesmente “designer”. Acho que “webdesigner”

Para mim, o projeto é a base para que todo o resto

é um termo tão morto quanto “webmaster”.

aconteça. Mesmo que alguma coisa pareça irrelevante,

Pessoalmente, acredito que o conceito e a essência da web

ela causou alguma reação. Essa posição também serve

vieram para ficar. É claro que a tecnologia continuará

como defesa para aquilo que as pessoas chamam de

avançando, nomes vão mudar, leis serão quebradas e

arte inútil. Existem coisas que eu não gosto, mas essa

criadas, mas o conceito de dividir e veicular informação

24

André :: A meu ver, tecnologias tendem a fundir-se e

televisão e o rádio se estabeleceram em nossas vidas há

transformar-se em um elemento único e mais contínuo.

muitos anos. Com isso, sempre haverá necessidade de

O meu celular, por exemplo, toca MP3 e tira foto. Acho

pessoas que criem interfaces gráficas para mostrar a

que, em alguns anos, as interfaces tenderão a ficar

informação de forma organizada e propocionar novas

mais simples e com menos pausas para decisões. Será

experiências para os usuários.

mais uma questão de dizer o que quer e tê-lo feito logo

Nicholas :: Eu parei de me chamar de webdesigner há

em seguida. Sem mouse, sem botões, sem click…

muito tempo, mais ou menos na mesma época em que

Qual será o nosso papel nisso tudo? Acho que

a cada duas pessoas que eu encontrava, uma era

informação sempre terá de ser moldada e catalogada

webdesigner. Eu só falo designer. Como mencionei

para ser assimilada, e acho que seres humanos sempre

anteriormente, nós somos procurados para projetar

preferirão interagir com elementos bonitos e claros. Por

outras coisas também (logos, impressos, objetos...). Se

isso, na minha opinião, nosso trabalho não mudará

você é um designer de interface talentoso, obviamente,

muito, porém as ferramentas e os sistemas de

será contratado para mais e mais tipos de projetos

interação, sim.

(para televisão, aparelhos portáteis, objetos para casa

Certamente, será interessante! Não agüento mais

etc.). Aliás, para qualquer coisa que requeira uma

muito tempo fazendo trabalhos limitados pela tela de

interface – e, para o bem, ou para o mal. A cada dia,

um computador...

mais e mais coisas parecem requerer uma interface...

Shun :: Não me considero um webdesigner. Ficaria

Amy :: Também não me refiro a mim mesma como

entediado se trabalhasse só para a internet e não acho

webdesigner. Como designer, espero trabalhar no sentido

que existam grandes diferenças entre um trabalho de

de envolver comunicação entre as pessoas. Nós,

design gráfico e webdesign. Logo, é uma boa idéia dar

designers, obtemos ferramentas importantes para a

uma olhada no design sob um aspecto mais amplo.

comunicação,

estes

Thomas :: Webdesign é uma especialização da área de

conhecimentos nas comunidades, para que possam utilizá-

design de interface. Eu, pelo menos, sempre acho

los. Simples habilidades em tipografia, layout e ilustração

difícil

podem capacitá-los a aumentar o número de visitantes.

interdisciplinar, o que não é fácil em webdesign. Apesar

e

é

importante

aplicarmos

especificar.

Prefiro

uma

abordagem

“Simplesmente, ouvir o cliente e desenhar com estilo apropriado são as coisas mais importantes para garantir a relevância de nosso trabalho”

Shane

25

entrevista coletiva

num ambiente virtual veio para ficar tanto quanto a

entrevista coletiva

de a internet ser um campo vasto, ela parece restrita

eu vejo uma evolução da interface (isso se relaciona com

por não haver muita “fisicalidade” em sua interface.

a pergunta do Michel Lent), e nós, como “experts” de

Não me entenda mal, eu amo coisas interativas e a

design de interface, teremos que diversificar da tela, do

internet é uma boa plataforma para isso, mas eu não

botão, e 72 dpi. Outro dia, nós fomos contratados para

sou fã de levar o conceito de virtualidade ao extremo.

projetar um frasco de perfume para uma nova butique

A internet é um meio de comunicação estabelecido e não

francesa vendendo um velho perfume francês. Esse é o

desaparecerá. Os dispositivos e modos de conectar e

tipo de trabalho de design que poderia ter sido feito em

interagir com a web podem mudar, logo, a interface vai

1004 a.c.. Amanhã, talvez alguém nos peça para projetar

mudar também. Claramente, a evolução tecnológica é

a interface de uma lâmpada com um endereço IP. Eu

muito adiantada em relação à evolução social. Ainda

suponho que o importante seja estar aberto a novas idéias,

perde-se muito tempo desagradável tentando buscar

continuar aprendendo e se divertir.

informação útil. Pessoas demais ainda encontram

Amy :: Nos últimos seis meses, tenho pesquisado a

problemas quando, por exemplo, operam a máquina de

fundo sobre combustíveis fósseis. As estatísticas são

venda de bilhetes na estação de trem, ou seu novo

pavorosas. Se continuarmos consumindo o que consu-

aparelho de vídeo, ou um novo telefone. Aplicar os bons

mimos atualmente, não teremos mais combustíveis

conceitos de webdesign para essas áreas seria muito útil!

daqui a 20 anos. Com isso, nos próximos 10 anos,

Marcelo Póvoa :: Em que tipos de projetos e desafios

espero criar ferramentas para educar e motivar as

você se imagina trabalhando daqui a dez anos?

pessoas a procurarem fontes alternativas de energia e

Shane :: Essa é uma pergunta interessante. Quanto a

protestarem contra, ou ainda, boicotarem, as atuais

trabalho, eu me vejo trabalhando cada vez mais com vídeo

estratégias do consumo de petróleo.

e 3D. Tenho certeza de que continuarei desenvolvendo

André :: Não tenho a mínima idéia. Acho que estou

sites, mas também continuarei a integrar novas mídias no

nesse negócio, principalmente, porque me divirto pra

meu trabalho. Eu tenho me divertido tanto com design

caramba, moro em lugares incríveis, viajo o mundo,

ultimamente que não importa para que mídia eu esteja

trabalho com equipes muito talentosas e ganho uma

projetando, desde que continue a crescer como

grana bacana. Em dez anos, gostaria de ter filhos, uma

profissional, fico feliz. Quanto a projetos pessoais, em dez

casa legal e já conhecer quase todos os cantos desse

anos, acho que seria bom ter criado uma coleção de arte e

mundo. Eu gosto da web, mas tenho vários outros

fotografia digital, que eu poderia pendurar na parede, ou

grandes interesses. Não sei se design será meu

mesmo vender. Ainda tenho um longo caminho a percorrer

interesse maior em dez anos. Vamos ver!

até que minha arte chegue neste nível, mas é algo com

Shun :: Eu gostaria de trabalhar com design e direção de

que comecei a brincar e que me animou muito.

arte em projetos de mídias cruzadas, como design de

Nicholas :: Uau! Não faço a menor idéia. Daqui a dez anos eu posso estar reformando um telhado em uma antiga casa francesa

ou

fazendo

divulgação de um livro,

a

impressos, internet, movimento, espaço etc.. Thomas :: Quem sabe o que o futuro vai trazer? Considerando que estou sempre interessado em novas tecnologias, posso acabar

projetando um ambi-

projetando

ente de imersão pa-

micro-mecânicos.

ra um jogo de com-

objetivo para um futuro não

putador 3D, gritando

tão distante é afastar meu

loucuras sem sentido

trabalho do computador.

na rua... Entretanto,

26

dispositivos Meu

portfólios

6 designers e um destino: SUCESSO!

Quem nunca sonhou em ter seu trabalho conhecido nos quatro cantos do mundo? Eles chegaram lá. E não precisaram de bola de cristal para revelar-lhes o que os esperava. Fica a pergunta: como conseguiram alcançar tal reconhecimento? Nesta edição, veteranos internacionais (nem todos, há um brasileiro entre eles), mostram seus portfólios, contam suas respectivas trajetórias profissionais e, nas entrelinhas, revelam segredos valiosos.

27

portfólio :: Shane Mielke

www.fordvehicles.com/trucks/f150

www.bacardidj.com

www.locksoflove.org Nem só de grandes clientes vivem os grandes designers, mas também de grandes atos. Acima, os sites feitos para Ford, do setor automobilístico, e para Locks of Love, institução filantrópica de assistência a crianças que perderam seus cabelos. O primeiro foi remunerado, o www.pixelranger.com

28

segundo doado. Inspirem-se neste exemplo!

Shane Mielk e, Mielke,

portfólio :: Shane Mielke

segredo número 1 :

DEDICAÇÃO

californiano de 31 anos, é bacharel em

Retórica e Comunicações pela Universidade da Califórnia. Seu rumo profissional é fruto da admiração que sentia ao ver amigos criando coisas belas no computador. De lá para cá, muita coisa mudou...

sites: de seu portfólio pessoal, que lhe

Hoje, ele é diretor de arte senior da

rendeu prêmios e reconhecimento

2Advanced Studios. A empresa oferece

internacional; do 2Advanced

serviços como sites interativos, vídeo,

Studios, que, através

animação 3D, design gráfico 3D,

da

multimídia,

responsável

identidade

visual

e

criatividade,

é pela

produção de áudio. Embora haja uma

captação

equipe com 16 profissionais, ele

novos clientes e, o da Ford

costuma trabalhar sozinho em seus

veículos, que aumentou o

projetos, exceto quando o volume de

número

trabalho aumenta.

conseguindo

mensal

de

de

visitantes, alcançar

o

Desde o início de sua carreira, o

objetivo de aumentar as vendas

marketing boca-a-boca vem sendo peça

de um modelo de caminhonete.

fundamental na conquista de novos

Quando aparecem bloqueios

clientes. O quê no começo era feito por

de criatividade, Shane recorre à

amigos e parentes, agora é feito pelos

malhação ou cai na estrada. “É só

próprios clientes. “A 2Advanced Studios

deixar minha mente relaxar, fazendo

é conhecida mundialmente por trabalhar

algo entediante e repetitivo, que novas

de maneira original. Por isso, nossos

idéias surgem de repente”, conta. O

clientes nos procuram com a expectativa

segredo do seu sucesso? “Trabalhar

de obter um resultado diferenciado da

com mais empenho que os outros e

concorrência”.

sempre ter certeza de que vou me

Para ilustrar trabalhos importantes em sua careira, o designer destaca os

divertir fazendo meu trabalho”, afirma com convicção.

www.2advanced.com

29

segredo número 2 :

SONHOS Nicholas Mir Chikin, um nova-iorquino de 34 anos, entrou no mundo do design meio que por acaso. Ex-professor universitário, formado desde 1991 em Antropologia Social e Música pela Universidade do Estado de Nova York, tornou-se designer, mais precisamente, diretor de criação, ao mudar-se para a França.

Recomendado por amigos a seus primeiros clientes, ele teve de começar seus primeiros jobs do zero, já que Evansandwong, Marc Newson e revista Purple ainda não possuiam sites na web. “O engraçado é que todos os três não tinham briefing nem nada parecido. Apenas me disseram: ‘Gostaríamos que você criasse uma página na internet para nós’. Então, diante da falta de referências, eu tive de penetrar na mente de cada cliente e imaginar o resultado que eles esperavam do meu trabalho”, conta. Porém, hoje, as coisas mudaram um pouco... Fundador e diretor de criação da Spill.net, conta com uma equipe fixa de seis profissionais (quatro designers, um designer programador e um administrador gerente de projetos). Sem tempo livre para lazer ou hobbies, o designer tem como sua maior fonte de inspiração os sonhos: “Parece um pouco bobo, mas eu fico obsessivo ao extremo quando busco idéias e, freqüentemente, elas levam um tempo pra surgir (gosto de clientes que possam me dar mais tempo). Normalmente, o que acaba acontecendo é a peça-chave do design do site vir até mim através de sonhos. Pode acreditar! Quantas e quantas vezes não acordei dizendo pra mim mesmo: ‘Já sei’!?” Nicholas Mir Chaikin atribui sua carreira bem sucedida a cinco fatores: “paciência, credibilidade, empatia, observação e bons sonhos”, é claro!

30

portfólio :: Nicholas Mir Chikin

www.spill.net

www.purple.fr

www.maurizio-galante.com

www.colette.fr

www.martingrantparis.com

www.marc-newson.com

31

portfólio :: Amy Franceschini www.futurefarmers.com

www.antiwargame.org

www.atlasmagazine.com

32

www.luggagestoregallery.org

portfólio :: Amy Franceschini

segredo número 3 :

EXPERIMENT AÇÃO EXPERIMENTAÇÃO Amy Franceschini é uma pioneira. Primeira profissional da área a ter um de seus trabalhos incluídos no acervo permanente do Museu de Arte Moderna de São Francisco, a californiana é sócia do respeitado escritório de design Future Farmers.

Além de criar e desenvolver sites insólitos,

ela

viaja

pelo

mundo,

ministrando palestras e cursos nos mais diversos

países,

como,

Alemanha,

sites do filme Star Wars e da Dream Works Records. Satisfação e busca da inovação talvez sejam alguns dos segredos

Holanda e Japão. A designer vê nas

dessa

viagens uma possibilidade de ampliar

experimentação conduz à inovação.

seus horizontes profissionais não só

Para finalizar, Amy Franceschini dá a

pelo contato com novas formas de

seguinte dica: “Faça o que você ama.

design, mas, sobretudo, pela divulgação

Viaje. Não se estabeleça em um só

do seu trabalho. “Publique-se, divulgue

lugar. Aproveite enquanto é jovem.

seus trabalhos”, aconselha.

Você tem a vida inteira para ser um

Adepta de projetos experimentais,

carreira

bem-sucedida.

A

webdesigner!”.

Amy considera suas pesquisas a base para um bom

resultado

final,

pois

“os

trabalhos direcionados aos clientes acabam se beneficiando dos conhecimentos adquiridos nas experimentações. Projetos experimentais são o néctar da nossa existência”, afirma. Dentre seus clientes estão Nike, Swatch, Adobe, Levi’s. A

revista

eletrônica

Animação para o cabeçalho da MTV japonesa www.mtvjapan.com

Atlas, colocada no acervo permanente do MAM de São Francisco, é prova de que “é possível transformar o webdesign em arte, o webdesign não precisa ser apenas comercial”, opina Amy. Outros projetos relevantes são os Interface para celular da MTV japonesa

33

portfólio :: André Matarazzo

www.xururu.org/main

segredo número 4 :

V OCAÇÃO VOCAÇÃO André Matarazzo é um exemplo de que a maior de todas as formações é a vocacional. Sem formação acadêmica, com menos de 30 anos já ocupa o cargo de diretor de arte numa empresa em Stocholmo (Suécia), mostrando que toda regra tem sua exceção.

Ao juntar advento da Web com

enfrentados pelo designer na criação

atração por projetos gráficos e compu-

de um site, Matarazzo resume: “Acho

tadores, André não apenas uniu o útil

que o maior problema é aquele para

ao agradável, mas começou a construir

o qual somos pagos – como encon-

a base de uma sólida e promissora

trar uma solução dentro do orçamen-

carreira. Recentemente, fez parte da

to, e dentro do prazo, que deixe o

Blastradius, uma das agências de

cliente feliz, os usuários entusias-

maior proeminência no mercado inter-

mados e a equipe criativa fel iz?

nacional, que atua na área de sites de

Normalmente, essa equação é sensí-

portes médio a grande e tem clientes

vel e uma falta de equilíbrio pode

como Heineken, HBO, Sony, Lego,

resultar num trabalho ruim ou num

Nintendo etc.. Atualmente, está na

cliente insatisfeito, num usuário per-

agência Farfar, na Suécia.

dido e numa equipe que não trabalha

Quanto aos maiores desafios

34

com entusiasmo”. Na opinião do en-

www.nintendo-europe.com www.gameboyadvance.com/smw/ flash.html Na coluna da direita: www.heinekeninternational.com www.xururu.org/bmw/index.html www.xururu.org/nike2/index.html

trevistado, ter um grupo sempre

que o cliente confie no fato de você

motivado e saber focar num nicho

ser um parceiro com visão. Sim, um

interessante são fatores determi-

‘parceiro’, e não, um ‘designer’”.

nantes no sucesso de uma empresa.

De partida para a Suécia, onde

Para quem está chegando agora

executará alguns projetos, André deseja

no mercado, ele recomenda especia-

ter seu próprio estúdio daqui a alguns

lização e confiança no próprio instinto.

anos. Enquanto percorre a trilha do

No relacionamento com o cliente, o

futuro, embalado pela trilha do seu

segredo está na forma de aproxima-

violoncelo, ele pode se considerar

ção: “Aproxime-se do cliente como um

um privilegiado: “Faço o que faço

amigo, como uma pessoa criativa que

porque me divirto muito, tenho a

vai ajudá-lo a comunicar seu produto

sorte de poder acordar de

para o mundo. É bom vender uma

manhã e ter vontade de ir

visão otimista e de longo prazo para

trabalhar”.

35

portfólio :: André Matarazzo

Na coluna da esquerda:

www.artless.gr.jp

www.sony.jp/products/headphone

www.nike.jp/kage/index.html

36

EQUILÍBRIO Shun Kawak Kawakami, ami, aos 27 anos, já é referência em

portfólio :: Shun Kawakami

segredo número 5 :

design. Nascido em Tóquio, formou-se no Tokyo Institute of Art and Design e, atualmente, é diretor de criação do seu próprio estúdio, a produtora japonesa Artless. Com uma equipe de aproxima-

Além do toque

damente 11 profissionais (diretor de

oriental, Shun joga com

arte, designer gráfico, webdesigner,

o equilíbrio das cores, o

motion designer, ilustrador, fotógrafo,

que, na sua opinião, “traz

pintor, designer de produto...), ele

harmonia ao site, aliado à

realiza trabalhos que envolvam todo

comunicação da interface

tipo de programação visual (gráfica,

com o usuário”. Sua filosofia é

web, motion, space, de produto...).

“buscar o equilíbrio perfeito

Em seu portfólio, destacam-se jobs

entre a estética e o funcional”.

para Nike, Sony e +81 Magazine.

Para ele, um bom site baseia-se

Fora o talento do designer, a forte

muito mais em criatividade do que

influência da cultura japonesa é mais

em tecnologia, a qual “pode se tornar

um ponto favorável, já que acaba se

um obstáculo caso nos prendamos

tornando um diferencial em seus

muito a ela”, analisa.

trabalhos. “Com certeza, nossa cul-

Praticante de futebol nas horas

tura é muito original e, provavel-

vagas, Shun aproveita as constantes

mente, recebemos, sim, suas influên-

viagens para se inspirar. Apesar de

cias no design. Não usamos só carac-

uma trajetória profissional bem su-

teres do alfabeto ocidental nas web

cedida, ele ainda não se considera

arts, mas também Kanji, Hiragana,

um designer de sucesso, e acon-

Katakana e outros ideogramas japo-

selha: “Faça muitas coisas que você

neses, que acabam reforçando a

goste e deseje realmente fazer.

singularidade

Cultive a curiosidade dos tempos de

confirma.

do

nosso

design”,

infância e corra atrás dos seus ideais”. Simples, não?!

www.plus81.com

www.sony.jp/products/Consumer/battery

37

portfólio :: Thomas Poeser

segredo número 6 :

INTER AÇÃO INTERAÇÃO THOMAS POESER é formado em Engenharia Elétrica pela Universidade Técnica de Darmstad, na Alemanha. Pósgraduado em Design Multimídia, com quase 34 anos, talvez possa ser considerado um veterano. Conquistou seus primeiros clientes pelo mark eting boca-a-boca e, hoje, é dono de uma pequena marketing empresa. Designs interativo, gráfico, de moda e desenvolvimento de produto

China desde 2003 e lhe rendeu um convite para ir ao país.

são as áreas de atuação do estúdio

Uma de suas fontes de inspiração

que divide com outros profissionais.

é interagir com pessoas diferentes,

Apesar da sobrecarga de trabalho,

ouvindo-as com atenção. “Freqüen-

Thomas demonstra prazer em sua

temente, uma aproximação pragmática

rotina de trabalho e não se imagina

e experimental é útil quando dá

fazendo outra coisa: “Se é o que você

branco. Começar a fazer algo, partir

mais gosta, não há como fazer

para a prática, às vezes, é melhor do

qualquer outra coisa na vida”.

que ficar pensando, à espera de uma

Poeser considera seu projeto final

idéia brilhante”, racionaliza.

intitulado

Nas horas livres, Thomas gosta de

“Perception” (um estudo aprofundado

encontrar os amigos. E aproveita para

de

pós-graduação, para

melhor

entender

os

métodos da percepção), seu

aprimorar

digital.

Também

destaca o site habitat.net, “um

grande

e

longo

projeto, cujo briefing

cultura

através

Perguntado sobre o segredo do seu

sucesso,

respondeu:

menos, por enquanto”.

último exemplo de relevante,

cita ‘A virtual home Li Tie’, uma

instalação interativa para a exposição ‘hometime’ do British Council, a qual está em excursão pela Info Map: Representação gráfica de dados

38

eu

talento, não contaria a ninguém. Ao

logo”, lembra. E, como

for

“Se

tivesse outro, além de interesse e

mais parecia um catá-

projeto

de

reflexões, leituras e viagens.

primeiro grande projeto de mídia

a

www.tp23.co.uk

www.jennylounge.com

imagens da exposição Hometime do British Council

imagem da instalação da exposição Hometime do British Council

39

40

Um dos pioneiros no comércio via web, o site Submarino teve a árdua tarefa de levar os consumidores às compras virtuais. A loja virtual, lançada em novembro de 1999, começou com três categorias de produtos e ,atualmente, já dispõe de 17 categorias. O gerenciamento de criação foi feito por Norton Amato Jr., que desenvolveu “in house” todos os materiais que carregam a marca (anúncios, folhetos, filmes e site), além de criar, desenvolver e testar itens de usabilidade aplicados ao site, emails etc.. Hoje, ele continua atuando como Diretor de Criação, mas em sua própria agência, a Anydesign.net. Na entrevista a seguir, Norton Amato Jr. explica em detalhes o processo de desenvolvimento e implantação do site Submarino. Bom mergulho!

41

estudo de caso

Mergulhando no comércio virtual

estudo de caso Mapa do site

42

Wd :: Quantas pessoas formavam a

ção do Submarino conta com uma

equipe responsável pela criação do

equipe de profissionais muito maior e

projeto? Quanto tempo levou todo o

mais

processo?

programadores e fotógrafos.

Norton :: O Submarino teve duas

Wd :: Sendo um dos primeiros sites de

versões do site. A primeira, feita a

ecommerce no Brasil, o Submarino

toque de caixa em apenas quatro

teve a função de ensinar às pessoas

meses, paliativa para o lançamento.

comprar via web e formar um público

Um

mas

consumidor. Qual o papel do designer

funcional, que foi adaptado para o uso

na popularização do comércio online?

do Submarino.

Norton :: O designer deve sempre

Esta primeira versão do site contou

zelar pela objetividade da informação.

com um time de 20 pessoas, de toda

Trabalhar

a área tecnológica, sendo, quatro,

perspectiva do usuário, informando e

específicas para a criação. Foi ao ar

direcionando.

em novembro de 1999 e usada até o

Na época da criação do Submarino,

início de 2000. A segunda versão,

ainda não existiam muitas teorias e

que havia sido encomendada, por

literatura específicas sobre o comércio

falta de tempo hábil, a uma agência

virtual. O nosso único benchmark era o

de

Snickelways),

bom e velho varejo físico. Tentávamos

começou a ser implantada em janeiro

transpor a realidade das lojas físicas

de 2000. Sua implantação levou mais

para o meio eletrônico. Discutíamos

dois meses.

questões sobre criação e disposição de

Desde então, o Submarino desenvolve

vitrines

e

promocionais e, principalmente, sobre

sistema

NY

cria

(a

bem

extinta

simples,

internamente,

sempre

abrangente,

com

sempre

de

produtos,

designers,

focado

na

campanhas

atualizando e aprimorando o site.

navegação.

Atualmente, o departamento de cria-

validada por meio de inúmeros testes

Essa

transposição

foi

estudo de caso eram

24h por dia, sete dias por semana,

usados para identificação de questões

onde você, sentado em frente ao

problemáticas e de “tira-teima” para

micro, pode comprar desde um

novas propostas e implantações no

pequeno livro até um refrigerador

site.

duplex e tê-los entregues na porta

Com base nos testes citados acima,

de sua casa. O papel do design, mais

desenvolvemos

uma

de

usabilidade.

Tais

um

testes

conhecimento

vez,

é

ser

informativo,

apurado sobre a melhor navegação e a

abusando dos recursos gráficos para

linha criativa a seguir. Buscamos nos

priorizar

informações

relevantes

próprios consumidores as respostas

(ex.:

opção

ver

para uma comunicação mais eficiente.

ampliadas)

Seja em questões de layout e até em

direcionar o processo de compra,

questões semânticas, como o uso de

prezando

termos adequados (ex.: Seu carrinho,

objetividade.

Meu carrinho ou Carrinho de compras?).

Já a variedade, se dá no design de

E outras, baseadas, exclusivamente,

vitrines

em soluções gráficas (reorganização

transparecem em toda a extensão do

de vitrines e destaques de produto). O

catálogo de produtos do Submarino,

resultado está no ar.

com mais de setecentos mil itens.

Wd :: O objetivo do Submarino‚ de

Por fim, facilitando e incentivando a

acordo com o próprio site, é “ser a loja

navegação

preferida dos clientes por oferecer

produtos.

conveniência, serviço, variedade e

Serviço pode ser traduzido por

segurança”. Como estes conceitos

desenvolvimento e aperfeiçoamento,

foram traduzidos graficamente?

criativo e tecnológico, de novas

Norton :: Conveniência‚ a própria

funcionalidades, como, por exemplo:

essência do negócio. Uma loja aberta

lista

a

de

e, pela

bem

por

de

fotos

principalmente, simplicidade

estruturadas,

mais

casamento,

e

que

páginas

lista

e

de

43

estudo de caso

“...ferramenta de busca, sempre disponível no topo de todas as páginas do site. Funciona como um salva-vidas para os clientes perdidos pelo site” presentes, recomendações persona-

As padronizações da linguagem e da

lizadas de produtos etc..

apresentação de elementos gráficos,

A segurança é traduzida no design e

buscam

na navegação de um processo de

comunicação e navegação. O uso de

compras direto e objetivo. Sem links

contrastes e formas devem obedecer a

dispersivos e com layout que privilegia

um regra pré-estipulada de função.

informações relevantes. Tudo para

Por exemplo: todos os botões que

transmitir confiança ao consumidor que,

indicam o fechamento do pedido

provavelmente,

sua

seguem a mesma apresentação (fundo

compras

azul e texto amarelo), direcionando o

primeira

menus da HomeSUB

44

está

experiência

tendo de

uma

consistência

de

virtuais.

olhar do cliente, que acaba clicando

Wd :: Num site como o Submarino,

instintivamente.

que tem uma quantidade enorme de

Wd :: Observamos, na parte superior

informação, como é trabalhada a

da página, três menus e uma ferra-

relação estética-função?

menta de busca, além de uma

Norton :: Como disse anteriormente, o

possibilidade de navegação secundária

papel do designer é o de informar e

na lateral do site e, ainda, elementos

orientar. Todo recurso visual deve ser

clicáveis no final da página. Que

empregado sob a análise do contexto.

recursos de design vocês utilizaram

Nunca, um botão ou um banner‚

para separar as diferentes áreas de

desenhado

navegação, de modo a facilitar as

isoladamente.

Sempre

pensávamos no conjunto da página e

escolhas dos usuários?

como esses elementos interagiriam

Norton

entre si. Só assim teríamos a certeza de

separação, ou priorização, era facilitar

que estávamos efetivamente orien-

e

tando, e não, confundindo o cliente.

navegação

::

simplificar

A o do

proposta

desta

entendimento site.

da

Dividindo

estudo de caso Utilização de cor na identificação das seções: à esquerda, livros, e à direita, cds. No rodapé, sinalização de fechamento de pedido

link,

usuários. Tanto a cor quanto o

priorizando e agrupando os mais

respectivo ícone estão presentes em

relevantes ao processo de compra.

todo

Um recurso bastante utilizado no

referentes

Submarino

produtos, sempre buscando uma

hierarquicamente

é

a

cada

redundância

da

material a

e esta

comunicação categoria

navegação. Como exemplo, temos a

identidade

barra

superior

categoria, e sempre remetendo à

espelhada no menu esquerdo, que,

marca Submarino. Além de conferir

“todos os botões

por sua vez, oferece uma opção de

um aspecto mais lúdico, divertido e

navegação mais detalhada.

íntimo aos usuários.

que indicam o

Uma outra opção de navegação, ainda

Wd :: Como foram feitos os testes

mais direta, é a ferramenta de busca,

de usabilidade?

sempre disponível no topo de todas as

Norton :: Os testes de usabilidade

páginas do site. Funciona como um

eram constantes. Existiam várias

mesma

salva-vidas para os clientes perdidos

modalidades de testes. Alguns, com

pelo site.

entrevistas e testes no laboratório de

apresentação

Wd :: Fale um pouco sobre a utiliza-

usabilidade,

ção de ícones e cores nas seções.

diretamente no site para apuração

Norton :: Se o Submarino fosse uma

em resultados quantitativos. Um bom

loja física, seria quase um shopping

exemplo da eficácia dos testes de

direcionando

center. Pela diversidade de produtos e

usabilidade é a atual vitrine principal

categorias que vende, precisaria de

do Submarino.

o olhar do

uma sinalização bem formada, que

Durante

auxiliasse os clientes na localização.

principal do Submarino, a HomeSUB,

A utilização de cores distintas para

como

cada categoria procura orientar os

mantinha

de

navegação

é

própria

outros,

muito

tempo,

chamada a

para

de cada

publicados

a

vitrine

internamente,

mesma

forma

de

fechamento do pedido seguem a

(fundo azul e texto amarelo),

cliente que acaba clicando instintivamente”

45

estudo de caso

Evolução da interface do site: na coluna da esquerda, home e tela de compra de 2000; na da direita, versão 2003

apresentar melhores

os

resultados

em

Visando

crescimento criou, ou pode criar, para

vendas,

a equipe de designers?

surgiu a necessidade de se criar um

Norton :: A primeira grande dificul-

novo espaço de destaque promocional.

dade do design, decorrente do cresci-

O teste consistia na execução de uma

mento do número de categorias de

seqüência pré-determinada de tarefas

produtos, é a barra superior. Em 1999,

(ex.: comprar uma furadeira) por dois

eram apenas três categorias, que

grupos de usuários: metade usava a

ganhavam majestosos botões gigan-

versão atual da HomeSUB e os demais

tes. Mas, com o passar dos anos, no-

testavam a nova proposta com o novo

vas soluções foram propostas, até se

destaque.

chegar no que é hoje, uma barra com

Desse

modo,

colhemos

dados suficientes para mapear a

17 botões de categoria.

utilização da vitrine e descobrimos o

Outra grande dificuldade era o layout de

que

e,

páginas de destaque, como a HomeSUB

melhor

e as páginas de promoções. O desafio

mais

chamava

potencialmente,

46

produtos.

um

atenção

desempenho de vendas.

era montar uma página que desse o

Wd :: Ao longo do tempo, tanto a

destaque adequado para todas as

variedade de produtos oferecidos

categorias, sempre com atenção ao

como a quantidade de produtos

“peso” das imagens e, conseqüen-

vendidos aumentou. Que desafios este

temente, ao tempo de download .

47

animação, áudio e vídeo

Casamento perfeito... quem disse que não existe? Mais do que uma tendência, animação e ilustração 3D, enriquecidas com uma bela trilha sonora, prometem um relacionamento estável e duradouro: são recursos que, conjugados, conferem dinamismo e contemporaneidade ao vídeo. Presente no cinema, em peças publicitárias veiculadas na tv, videoclipes e sites, esta técnica tem mostrado ótimos resultados e parece ter vindo para ficar

É como feijão e arroz, Romeu e Julieta, Batman

passar a informação de maneira apropriada não se

e Robin: um complementa o outro. A união de

restringe apenas à escolha do meio, mas estende-se

imagem e som é um ótimo recurso para se fixar

a adequá-lo ao público e ao momento. “Há muitas

informações na mente humana. Uma mistura bem

formas de utilização do vídeo numa campanha: nas

feita de formatos com cores e áudio pode ser

tvs aberta e por assinatura, em eventos, na web...

decisiva no sucesso de um projeto de computação

Antes de tudo, é necessário conhecer o público-alvo,

gráfica, por exemplo. Soma-se a isso o efeito

pois com o volume de anúncios que temos atualmente (sejam impressos, vídeo ou

tridimensional, trocam-se as alianças e

“antes de web), as chances de pulverização são pronto: a peça torna-se ainda mais atraente para os sentidos. sabermos o grandes. Um produto popular como uma Na opinião de Ricardo da Matta momento de esponja de aço obtém resultado anunciando numa tv aberta, já uma Filho, ilustrador do Estúdio de anunciar em marca de produtos com público muito Computação Gráfica Seagulls Fly, “imagem e som são co-dependentes, vídeo, devemos específico (lojas como Tiffany´s, por um não sobrevive sem o outro, o saber onde é exemplo) busca mídias segmentadas, anunciando nos canais de tv por equilíbrio entre essas duas partes é a pertinente” assinatura. Portanto, antes de sabermos o única maneira de se obter um vídeo de qualidade”. E acrescenta que a pesquisa é impres-

momento de anunciar em vídeo, devemos saber onde

cindível como ponto de partida de um projeto: “Tudo

é pertinente”.

o que trouxer alguma informação que some ao

Apesar de todos os avanços tecnológicos na

trabalho é válido. Sempre que aparece algum proje-

área, continuam surgindo dificuldades e problemas a

to, a primeira coisa que fazemos é abrir o navegador

serem vencidos. Segundo Ricardo,”hoje, o ramo da

de internet e procurar por imagens de referências.

computação gráfica está muito bem servido de

Tenho certeza de que sem referências visuais é muito

ferramentas para a execução dos trabalhos. Eu até

difícil chegar a um bom resultado final...”.

me arrisco a dizer que tudo é possível desde que se

Sendo a fixação da mensagem um dos principais

tenha verba e prazo, pois o Brasil ainda está se

objetivos de uma campanha publicitária, qual seria o

adaptando a esse mercado. Claro que as dificuldades

meio mais eficaz para fazer com que as pessoas

existem, mas isso se torna um incentivo”.

gravem melhor uma informação: lendo, ouvindo,

Quanto ao futuro, mostrou-se otimista: “O

meio

mercado está começando a perceber que podemos

utilizado, é primordial que a mensagem seja bem

realizar trabalhos de alto nível. E sempre haverá

passada, e afirma que, “sem dúvida, a TV é o meio

espaço para boas idéias e boas produções”,

de excelência para fixarmos uma mensagem”. Porém,

esclarece.

vendo?

48

Para

Ricardo,

independente

do

animação, áudio e vídeo

Óleo ABC Neste filme, o cliente queria um comercial onde

tecnologias utilizadas

legumes começassem a cantar e a dançar blues

:: Adobe Photoshop

conforme o Óleo ABC ia sendo jogado sobre eles.

Pintura e tratamentos de imagens escaneadas para serem aplicadas

Montamos, então, um animatic (espécie de

como textura :: Discreet 3ds max

storyboard animado) com desenhos em estilo cartoon

Modelagem, texturização, animação, iluminação

de determinados legumes pré-selecionados pelo

:: Adobe After Effects

cliente.

Pós-produção de vídeo

Um passeio à feira foi uma excelente fonte de referências para os modelos que teríamos de fazer em 3D, pois tivemos como analisar formato, proporção e até mesmo escanear as texturas que seriam usadas posteriormente. Concluída essa parte, tivemos o trabalho de animação de personagens, etapa onde é dada vida aos legumes, e criamos situações engraçadas, como a ervilha suicida e os rabanetes fazendo coro. Com tudo animado e devidamente renderizado, foi feito um trabalho de pós-produção e finalização do vídeo. O resultado final pode ser visto no endereço www.seagullsfly.art.br/videos/abc.zip e o making of em www.seagullsfly.art.br/videos/makingofabc.zip.

49

50

animação, áudio e vídeo

O legal deste trabalho foi que o cliente nos deu bastante liberdade pra criar o storyboard do vídeo.

por exemplo, ir trabalhando no animatic a criação das personagens paralelamente com a modelagem das

A proposta da Warner feita para a produtora

mesmas. Era tudo uma grande linha de produção,

Conseqüência consistia em fazer um novo videoclipe

onde, se uma parte atrasasse, atrasaria as partes

para o Frejat em 3D seguindo o estilo do videoclipe

seguintes.

anterior do mesmo cantor, intitulado “Segredos”,

Naquelas seis semanas, esse grande “frenezi”

ganhador do prêmio de melhor videoclipe Pop no Video

perdurou durante todo o processo até a entrega da

Music Brasil da MTV, em 2002.

BETA final ao cliente. Foi uma experiência muito

A Conseqüência nos procurou com a proposta de executarmos juntos esse projeto num prazo de seis

bacana, com um resultado fruto de muito trabalho conjunto entre duas grandes produtoras cariocas.

semanas. Este, aliás, foi o nosso maior desafio e nos

O resultado final do videoclipe pode ser

preocupou bastante por ser um prazo muito curto

conferido na MTV Brasil e no programa TVZ do

para se desenvolver um videoclipe totalmente feito

Multishow.

em computação gráfica. As duas empresas já haviam feito uma parceria vitoriosa na animação do clipe “Three Little Birds”, de Gilberto Gil, produzido pela Conspiração Digital e vencedor do Video Music Brasil, em 2003, de Melhor Direção de Arte (Flávio Mac e Gualter Pupo). Trechos do videoclipe “Segredos” e “Three Little Birds” podem ser vistos no site da Conseqüência (www.consequencia.com.br). Para tornar isso possível, tivemos que criar

“...conseguimos trabalhar no animatic a criação das personagens paralelamente com a modelagem. Era tudo uma grande linha de produção, onde, se uma parte atrasasse, atrasaria as partes seguintes”

sistemas de nomeação de arquivos e organização de pastas específicas para este projeto a fim de podermos executar simultaneamente diversas etapas do processo de criação. Desta maneira, conseguimos, tecnologias utilizadas :: Adobe Photoshop e Corel Painter Storyboard, pintura de cenários e texturas :: Discreet 3ds max Modelagem, texturização, animação, iluminação :: Adobe After Effects Pós-produção de vídeo :: Adobe Premiere Edição de vídeo

51

animação, áudio e vídeo

“Túnel do Tempo” (Videoclipe Frejat)

animação, áudio e vídeo

Globeleza 2004 Hans Donner estava num dilema: mais uma vez Valéria Valenssa havia engravidado e ele não queria repetir a vinheta anual com a Globeleza grávida. Surgiu, então, a idéia de criar uma globeleza virtual, uma idéia ousada e que nunca tinha sido executada na TV aberta brasileira. A escolha da Seagulls Fly foi um processo natural porque ele já conhecia bem nosso trabalho através de projetos como as aberturas dos programas Fama e Carga Pesada. O maior desafio nesse projeto foi a própria Globeleza, já que um ser humano fotorrealista num ambiente virtual é algo bem complicado. Um obstáculo a mais nesse processo era o fato de Valéria Valenssa ser uma personalidade conhecida em todo o Brasil, ou seja, qualquer detalhe que estivesse diferente no modelo virtual, por menor que fosse, seria rapidamente notado pelo telespectador. O prazo para a execução deste trabalho (três meses) foi maior que o do clipe do Frejat e a duração do vídeo final seria bem inferior, mas isso não significa que tenha sido fácil. Houve muita dificuldade porque a personagem do clipe não era realista.

tecologias utilizadas :: Adobe Photoshop Pintura de texturas :: Discreet 3ds max Modelagem, texturização, animação, iluminação :: Discreet Combustion e Adobe After Effects Pós-produção

52

um esqueleto aparece sambando. Esses movimentos foram capturados na “House of Moves”, um estúdio de Motion Capture localizado na Califórnia (EUA). Isso facilitou muito o trabalho de animação, pois os movimentos dela sambando já estavam quase que prontos. Mas, ainda tínhamos de modelar, texturizar, esqueletar, iluminar e animar (cabelos, mãos, balanço de seios, nádegas etc.). As etapas de esqueletagem e iluminação foram especialmente trabalhosas. Para tornar a vinheta convincente, deveríamos fazer movimentos de balanço de pele e iluminar de forma fotorrealística. Isso tudo toma muito tempo e requer inúmeros testes para se chegar a um resultado satisfatório. Hans Donner e Valéria Valenssa participaram ativamente da produção. O resultado final pôde ser conferido na Globo até o carnaval e ainda está no site da Seagulls, no link: www.seagullsfly.art.br/videos/globeleza.zip.

“Um obstáculo nesse processo era o fato de Valéria Valenssa ser uma personalidade conhecida em todo o Brasil, ou seja, qualquer detalhe que estivesse diferente no modelo virtual seria rapidamente notado pelo telespectador”

53

animação, áudio e vídeo

Nos foi cedido um arquivo de movimento, onde

tutorial

Um pouco de

3D na Web

A cada dia nos deparamos cada vez mais com o ambiente

virtual

3D

em

filmes,

comerciais,

programas de televisão, apresentações, trabalhos

animação em que o objeto se move, ou aumenta de tamanho, enquanto uma ou mais imagens de fundo também se movem, às vezes, mais lentamente.

científicos, entre outros. Portanto, é natural que,

Outra forma é exportar um filme 3d para o flash, um

gradualmente, o 3D avance na internet. Muitos

avi, por exemplo, facilmente gerado em um programa 3D.

websites já utilizam esta tecnologia.

Não existe a forma certa. Em nosso exemplo

A tecnologia é complexa e se divide em várias áreas.

falaremos de uma das técnicas. Se a sua cena 3D não

Não são apenas formas das quais podemos obter todos os

for muito complexa e você deseja obter um arquivo

ângulos, são áreas como: modelagem, que é a criação das

leve, pode optar em gerar um arquivo vetorial, assim

formas 3D propriamente ditas; aplicação de materiais, que

o casamento com o Flash obterá grande sucesso.

inclui as texturas aplicadas para dar realismo às formas;

Os programas 3D mais utilizados e que oferecem

iluminação; animação; partículas, onde se obtêm efeitos

mais recursos são 3DS Max, Maya e Lightwave. Eles

de água, fumaça, fogo etc..

exigem também maior dedicação para o aprendizado.

Mas não se assuste. Dependendo da sua

Há também programas com menos recursos que, por

necessidade, é possível se virar com alguns conheci-

outro lado, são mais fáceis de aprender e voltados para a

mentos básicos. Porém, se quiser ir a fundo, prepare-se

web, pois objetivam gerar arquivos vetoriais em formato

para muita dedicação. Nosso desafio é a interação 3D

swf. Posso citar como exemplos o Plasma da Discreet (da

com a web. Para isso, precisamos considerar o que o

mesma empresa do 3DS Max) e o Swift 3D da Eletric Rain,

nosso projeto para a internet necessita.

que utlilizaremos no tutorial a seguir.

Imagine que você está usando o seu programa 3D

O Swift 3D possui sua versão em plugin para 3DS

favorito e modelou um objeto, aplicou materiais,

Max e para o Lightwave. A versão 3 deste software

trabalhou a iluminação, tudo para torná-lo bem próxi-

gera arquivos vetoriais com sombras, brilhos, reflexos,

mo da realidade. Bem, se o seu objetivo é criar apenas

transparências e, quando importados para o Flash, cada

uma imagem para ilustrar uma página, você pode

um desses efeitos citados são separados em camadas.

exportar gerando um arquivo jpeg e pronto.

Veja alguns exemplos no site www.swift3d.com.

Agora, se quiser uma animação desse mesmo objeto, terá que pensar em alguns pontos:

Em nosso exemplo, vamos explorar alguns desses efeitos. As formas são bem simples: um box,

Quero manter o realismo que consegui com as

um plano e um texto com uma extrusão aplicada.

texturas, iluminação e tudo o mais. Então, talvez seja

Coloquei um ponto de luz simples, conhecido como

interessante pensar num carregador bem atraente para o

“omni”, um pouco acima das formas e utilizei a

seu flash. Uma animação quadro a quadro cheia de

visualização de uma câmera target, que me

imagens em mapa de bits possivelmente ficaria um pouco

possibilita bons efeitos para animação, como

pesada. Alguns sites aplicaram essa técnica com sucesso,

rotacionar em volta do objeto alvo, zoom, entre

porém as animações são feitas de forma muito planejada.

outros (fig.1).

Outros, usam imagens 3D em mapa de bits, animadas com

Caso esteja acostumado com outros programas e

“simulações 3d”, ou seja, aqueles velhos truques de

sinta dificuldade na criação de formas no ambiente do swift

54

tutorial Figura 3

Figura 1

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

outros

materiais,

como

os

de

3d, pode utilizar o 3DS Max e exportar como um arquivo

transparência, por exemplo, e renderize para ver o

“.3DS”. Essa extensão suporta os objetos mais comuns de

resultado.

iluminação e câmeras do 3DS Max. Feito isso, já no ambiente do Swift 3D, vá em File, New from 3DS e abra o arquivo normalmente. O Swift 3D possibilita a aplicação de materiais vetoriais e de mapa de bits. Como nosso objetivo neste exemplo é fazer uma animação 3D totalmente vetorizada, utilizaremos somente os materiais chamados pelo programa de ER Vector. Se for para utilização do ER Raster, de mapa de bits, aconselho outros programas, que trabalham esses materiais com mais realismo. No nosso exemplo, aplicaremos no texto “3D” um material Glossy da palheta de materiais do Swift 3D (fig.

Figura 4

Utilizando a linha de tempo do programa (fig. 4), fiz uma animação simples, onde rotaciono o texto. Voltando ao Render, clique em “Generate All Frames” e, em seguida, “Export All Frames” para criar o arquivo “swft” que será importado pelo Flash, a seguir.

2), que simulará efeitos de reflexão de luz em nossa forma.

Com o Macromedia Flash aberto, importaremos para

No box utlizaremos um material reflexivo (Reflective),

o Stage o arquivo “swft”, gerado pelo Swift 3D. Repare

simulando um espelho. E, finalmente, no plano

como ele separa em camadas as formas, as sombras e os

aplicaremos um material Flat, opaco e sem brilho. Para

brilhos (fig. 5). Agora, podemos utilizar nossa animação como qualquer outra animação quadro a quadro, comum ao ambiente do Flash, controlando-a com botões, eventos de mouse ou da linha do tempo. Essa animação de exemplo possui 30 quadros e o swf

Figura 2

gerado pelo flash ficou com 40 Kb.

aplicação do material desejado, basta clicar no material escolhido e arrastar para o polígono que desejar. Agora, vamos em “Preview and Export Editor” e, em “Fill Options”, marcaremos as três opções disponíveis “Include: Specular Highlights, Reflections e Shadows” para habilitarmos nosso render a obter todos os efeitos de luzes, reflexões e sombras. Você pode inserir linhas na

Figura 5

opção “Edge”. Conheço ótimos trabalhos 3D que utilizam

Italo Garrot

apenas esses contornos. Clicando em Generate Selected

Webdesign , 3D e Ilustração

Frames, fazemos o Render do quadro atual.

[email protected] 55

interface

Marcello Póvoa Criou a MPP Solutions, empresa de consultoria estratégica, criação e desenvolvimento em mídia interativa. Foi Diretor da Globo.com e da IconMediaLab (Nova Iorque) com inúmeros projetos premiados internacionalmente. Possui Masters of Science in Communications Design pelo Pratt Institute (NY) e MBA em Administração pela Coppead, UFRJ. É autor do livro “Anatomia da Internet” (Casa da Palavra). [email protected]

A nova onda da Apple Steve Jobs reposiciona a empresa e, mais uma vez, está mudando o mundo A primeira mágica Até meados da década de 80, os computadores eram utilizados por poucas pessoas, a maior parte por profissionais de cunho técnico. Uma das grandes razões da baixa penetração era justamente o fato de estas máquinas serem difíceis, quase desagradáveis de usar. Neste cenário, a jovem empresa Apple compreendeu este problema como uma barreira fundamental à expansão do uso e, conseqüentemente, à venda de computadores, resolvendo, assim, considerar o fator humano na questão. Foram, então, lançados no mercado os, até hoje famosos, computadores Macintosh, fáceis de usar e elegantemente projetados desde o desenho industrial até o sistema operacional e a arquitetura do hardware. Steve Jobs, fundador-líder da Apple e visionário de plantão, estava permitindo a chegada do computador pessoal às massas, tornando acessível aos bilhões que, mesmo sem conhecimento técnico, poderiam utilizar computadores na sua vida pessoal e no seu trabalho. Jobs conseguiu em um toque de mágica fazer com que uma tecnologia complexa se tornasse simples, mudando nossa maneira de ver o mundo. Realidade Darwiniana A idéia do Mac era realmente brilhante e fez da Apple a líder da indústria de computadores pessoais na década de 80. O problema natural é que outras empresas logo notaram as mesmas questões e passaram a adotar estratégias similares em seus produtos. Começa a era da “Guerra dos PC’s”, na qual a sensacional perspicácia da Microsoft, somada a alguns erros sérios de estratégia da Apple, tornou a primeira, vencedora inquestionável da competição. Hoje, o Mac tem 3% do mercado Global e menos que isso no Brasil. Já o Windows, reina absoluto, com 94% de penetração nos computadores pessoais. A história é prova: uma boa idéia, somente, não é garantia de vitória. Caos Ao mesmo tempo em que tudo isso acontecia ao longo dos anos, a Internet e as redes wireless se desenvolviam, permitindo a entrega de bits em velocidades até, então, inimagináveis. Em paralelo, conteúdos em todas as suas formas (música, texto, foto, filme) vão sendo transformados para o formato digital. Acrescente a isso a evolução dos processadores, displays de cristal líquido e hardwares em geral – cada vez menores e mais poderosos. Está claro que a forma como escutamos música, assistimos a filmes, e até 56

interface

“Não faz absolutamente nenhum sentido falar de usabilidade se não existe um projeto real atrelado”

mesmo como lemos livros, irá sofrer profundas

para retroalimentar as vendas do iPod, o qual, aliás, a

transformações nos próximos anos. No entanto, todo

Apple vai licenciar para a Hewlett-Packard, que também

esse caos tecnológico precisa ganhar entropia e,

vai colocar a loja iTunes em todos os PCs da HP. Com

desse modo, tomar forma como algo útil e simples.

isso, a Apple multiplica as possibilidades de venda da

Ninguém melhor que Steve Jobs para essa missão.

plataforma, não cometendo novamente o erro

A segunda mágica

estratégico histórico que fez ao fechar a arquitetura do

Os movimentos da Apple começam a dar claras

Mac nos anos 80.

sinalizações que Jobs tem a capacidade de dissolver as

Filmes e sonhos

fronteiras entre os universos da computação e do

A outra iniciativa de Jobs é a Pixar, produtora de

conteúdo. A ponte entre essas duas indústrias é a

animações em computação gráfica a la “Procurando

premissa para que a maneira como, hoje, usamos a

Nemo”, filme campeão de bilheteria nos EUA em 2003.

mídia para entretenimento, informação e educação se

A Pixar fez cinco mega lançamentos: três foram

torne coisa do passado.

blockbusters (os outros foram “Toy Stories” e “Monster

A mágica começa com o pequeno iPod (player de

S.A.”), ou seja, Jobs está não só produzindo conteúdo

música em MP3), que pode gravar algo em torno de

como também mantendo um elo direto com a indústria

10.000 canções, sendo um aparato menor que um

de entretenimento (neste caso, a Walt Disney Co.).

baralho de cartas. Em conjunto, a iTunes, loja virtual

A Apple está rompendo as barreiras entre

que funciona em seu PC (Mac ou Windows), na qual se

indústrias, integrando o conceito de conteúdo e

pode comprar músicas MP3 a US$ 0,99 a unidade e

computação. Dessa forma, está se re-posicionando

transferi-las à seu iPod. Esta é a maior revolução na

como uma empresa de “e-entertainment”, nome com o

maneira de se escutar música desde a introdução do

qual o mercado começa a batizar essa tendência. Jobs

walkman pela Sony, em 1979.

não pára de sonhar em mudar a forma como vemos (e

Na

verdade,

Jobs

foi

um

dos

principais

usamos) o mundo. Espero que a

interlocutores com a indústria fonográfica durante o

realidade seja boa o suficiente

terror da crise “Napster”, convencendo-os de que não

para

adiantava simplesmente tentar eliminar as formas de

sonhos.

alcançar

esses

distribuição digital. A saída está em descobrir como se ganhar dinheiro com este novo e inevitável canal com o consumidor. Assim, a indústria fonográfica concordou em colocar suas músicas à venda na iTunes, a loja de ecommerce da Apple. A Apple vendeu 730.000 iPods durante os últimos quatro meses e a loja iTunes vendeu 30 milhões de músicas em sete meses. Note que a loja ainda é uma operação não lucrativa, mas fundamental 57

webwriting

Marcela Catunda Trabalhou nas redes Bandeirantes, TV Gazeta, Manchete e Globo. Foi redatora da DM9DDB e supervisora de criação de mídia interativa da Publicis Salles Norton. [email protected]

Tá faltando um treco aqui – Que treco? – pergunto. E todos se calam. Mas será o Benedito que ninguém vai me dizer que treco é esse que tá faltando? Aqui aonde? Que treco é esse? Como traduzir esse treco? Eram os trecos astronautas? Quinze para as duas da manhã

Debruçada sobre aquele bando de textos dou uma cochilada, acordo... Preciso apresentar o trabalho em algumas horas e ainda não tenho o treco que me pediram. Tentei uma nova área pro site, reformulei a linguagem do texto, revi alguns itens do conteúdo, pensei em pedir demissão, li meu horóscopo, reescrevi a abertura do site e nada, aquele treco não me saía da cabeça. Definir uma palavra é capturar uma borboleta no ar

E, de repente, lá estava eu com Aurélio Buarque de Holanda em meu colo. treco . S. m. Bras. Gír. 1. Qualquer objeto pequeno e mais ou menos insignificante; trem, terém. 2. Mal-estar (1). ~ V. trecos. Mesmo já sabendo o significado da palavra “treco” e sua aplicação para o meu caso, aquilo me intrigava. Descobrir seu significado exato deixara de ser apenas uma brincadeira e se tornara uma questão de honra. Cinco e meia da manhã

Teria eu descoberto aquele “treco” ou estaria eu à beira de ter um? O que é um treco para você?

Dei um pulo na sala do meu diretor de criação para saber o que ele queria dizer com “faltando um treco”. Depois de atender umas cinco pessoas antes de mim e falar ao telefone umas cento e cinqüenta vezes, lá estava ele, pensando em minha pergunta. Pensou, pensou, pensou... e respondeu: - A gente podia conversar depois? Tô cheio de pepinos para resolver. O que é um pepino pra você?

E lá estava eu, diante de mais uma palavra com milhares de aplicações. O pepino poderia ser um problema bem mais importante, ou simplesmente uma desculpa. Será que ele teria usado a palavra treco para não precisar dizer que o trabalho estava uma droga? Seria o treco uma desculpa? Assim como o pepino que ele usou? (Com todo o respeito).

58

webwriting

“O ‘treco’ que faltava foi dado pelo diretor de arte, aliás, de forma brilhante. Meu erro? Tentar achar o treco sozinha”

De volta ao trabalho

– Posso te mostrar a cara do site? – perguntou o diretor de arte do job. – Agora não dá. Preciso mexer num treco aqui que eles pediram – respondi. – Quando você for apresentar os textos, eu levo o layout, tá?

Meu erro foi crer que estar ao meu lado bastaria

Pois é. O “treco” que faltava foi dado pelo diretor de arte, aliás, de forma brilhante. Meu erro? Tentar achar o treco sozinha. Essa é apenas mais uma das vantagens de duplar. Ter alguém com quem criar, pensar, discutir, dividir a pizza, xingar a moçada...

Nem respondi. Eu tava tão preocupada em achar aquele treco que nem dei bola pra ele. Mais algumas horas se passaram até a hora de voltar à sala do diretor de criação

Essa coisa de trabalhar perto e longe é tão perigosa... Agora eu já aprendi e sei que por esse “treco” eu não passo mais. Nunca mais. Também, né? Quase tive um troço.

para mais uma apresentação. Ai, minha Santa Clara! Fazei com que esse homem veja esse “treco”. Eu sei que eu tentei. Entramos na sala do grande chefe. Eu nem sentei pra não parecer desesperada.

Quando

fico desesperada balanço as pernas. Depois de dar uma lida pra lá de dinâmica nos meus textos, ele esticou o braço para o meu diretor de arte, pedindo o layout. Não demorou e escutamos: – Genial. Hora de sentar. Ele havia encontrado o “treco” que faltava.

59

marketing

René de Paula Jr. Especialista em e-business, profissional de internet desde 1996, passou pelas maiores agências e empresas do país: Wunderman, AlmapBBDO, Agência Click, Banco Real ABN AMRO. É criador da “usina.com”, portal focado no mundo online, e do “radinho de pilha” (www.radinhodepilha.com), comunidade de profissionais da área. [email protected]

Casa da sogra Introdução a user experience Dei uma volta pelo shopping, ontem. Numa vitrine, vi um modelo de palm que eu não conhecia. Entrei, o vendedor me mostrou o aparelho; fui embora satisfeito por ter visto de perto aquele palm, por ter manipulado uma máquina que eu só conhecia superficialmente. Este episódio tão prosaico, se o olharmos de perto, pode também nos mostrar como funciona outra maquininha: a maquininha humana. Os senhores teriam interesse? Sigam-me, por favor. Em primeiro lugar, por que escolhi um shopping? Resposta: eu não estava procurando nada específico, estava querendo apenas olhar vitrines, e shoppings concentram vitrines de todo tipo. Mais: estava chovendo muito, e shoppings são cobertos. Por fim, eu queria circular entre gente bacana, sem me preocupar com segurança e violência. Ir ao shopping envolveu um preparo extra, claro. Coloquei uma roupa cuidadosamente casual, refiz minha toalete básica, peguei carteira, celular e fui. Uma vez na tal loja (sofisticada, diga-se de passagem), dirigi-me ao vendedor com uma atitude sóbria e polida. Eu queria ser bem atendido e, para isso, precisava parecer um bom prospect. Na conversa com o vendedor, reforcei essa impressão mostrando meu interesse pela marca e pela tecnologia em questão. Não comprei o produto, mas saí de lá melhor informado, com condições de fazer uma decisão mais acertada numa compra futura. O vendedor, mesmo sem ter efetuado a venda, cumpriu o seu papel ao aumentar meu potencial de compra e também ao criar um vínculo positivo entre mim e a loja. Os senhores teriam interesse também em internet? Que ótimo. Por esse lado, por favor. Saiamos do mundo (a)palpável e entremos no digimundo. Aliás... “entrar” é a palavra correta? Quando queremos comprar online dizemos “entra aí no Submarino”, “abre a Livraria Cultura” ou “vai nas Americanas”, mas, em verdade, a gente não vai a lugar algum, não entra em nada. A gente chama e eles vêm. Sites vêm até você, e não, o contrário. Quem tem que se preparar todo, ficar bonitão e falar direito é o site, não você. Você, de cuecas ou não, é quem vai medir o vendedor de alto a baixo. Essa inversão de papéis tem implicações sérias.

60

marketing

“Sites vêm até você, e não, o contrário. Quem tem que se preparar todo, ficar bonitão e falar direito é o site, não você”

Em primeiro lugar: por que você escolheu a

Um último aspecto: respeito à sua inteligência.

internet? Por que estava chovendo? Por que é fácil

Internet, para mim, é como a lâmpada de Aladim:

pular

e

você esfrega, um gênio aparece por download e lhe

lançamentos? Por que você não queria se expor à

promete três desejos. Se depois dessa mágica toda,

violência urbana? Hummm... Mais ou menos a mesma

você faz um pedido singelo e o gênio coça a cabeça,

lógica do mundo físico. Racionalmente, pelo menos.

dizendo “veja bem...”, você enxota o canastrão e diz

de

site

pra

site

conferindo

preços

Vamos agora checar a parte irracional. O site

“fecha-te sésamo”.

está entrando na TUA casa, no TEU computador,

Na sua vida, esse cara não entra mais.

usando a TUA linha telefônica... e o mínimo que se

Em shoppings, em sites, em lâmpadas mágicas,

deve esperar é que ele seja educado, que ele “se

o que há são usuários humanos, que se tornaram

comporte”. Eu fico transtornado quando um site que

ainda mais dignos e humanos quando ganharam um

eu convido para adentrar na minha vida se comporta

superpoder: o mouse power. O cara clica o mouse e...

mal: é pesado, abre janelas que não devia, tenta

ai de você se não atender seus desejos. Nem precisa

instalar plugins que eu não quero ou fica parado na

ser gênio para adivinhar a punição: mil e uma noites

porta cantarolando uma introdução desnecessária.

sem aquele unique visitor.

Malabaristas num semáforo de rua até que têm seu charme, mas não na information highway.

Pensando agora como loja, e não, como cliente. Se encararmos a loja online como um caixeiro

Aparência e “toalete” também contam. Se você

viajante, que notícias ela traz depois de tanta

recebe um email de uma marca sofisticada, vai

andança? Ela entrou em milhares de casas, conheceu

estranhar muito se ele vier de bermuda e chinelo, falando português ruim. Vai achar que é golpe e nem vai abrir a porta para ele. Pro lixo, direto.

pessoalmente um mundo de clientes... e não tem nada para dizer? Isso sim é que é desperdiçar oportunidades. E

para

você

preferencial,

que

um

é

brinde:

nosso o

site

cliente Good

Experience (www.goodexperience.com) é um bom começo para quem quer ver o mundo por outros olhos, os olhos do consumidor. Volte sempre, o prazer é nosso. Servimos bem para servir sempre.

61

mercado de trabalho

Michel Lent Michel é designer gráfico e mestre em Telecomunicações Interativas pela New York University. Foi um dos primeiros brasileiros a trabalhar com internet, começando sua carreira no ano de 1994, em Nova York, na EURO/RSCG. Fundou a 10’Minutos, sua consultoria em projetos interativos; foi membro do board que lançou a Globo.com e diretor de criação da DM9DDB.

Aqui vou eu, ‘atachado’ Tentando fazer o seu currículo chegar aos olhos de quem você quer, na hora certa Essa ‘pérola’ de título de email saiu da cabeça doida e brilhante da Marcela Catunda (minha colega colunista nesta revista), no primeiro contato que tivemos, em 2000. Eu tinha acabado de vir do Rio para São Paulo e estava montando meu time na DM9. Precisava, então, de alguém fera em redação publicitária para internet, o que, na época, era praticamente mais difícil do que alguma rara especialização médica. Basicamente, não tinha ninguém com experiência nesta ‘modalidade’. Decidi que o ideal seria mesmo tentar encontrar gente com experiência em áreas próximas. Aí, fui fazer o que sempre costumo fazer quando preciso contratar alguém: ir ao mercado e anunciar a existência desta disponibilidade de trabalho. Coloquei o anúncio no ClickJobs, o primeiro (e, ainda, o mais focado) site de oferta e procura de profissionais de mídia interativa do País, que eu ‘precisei’ ajudar a fundar em 1997, quando era impossível se encontrar gente qualificada neste mercado. Época em que nem se encontrava a categoria ‘internet’ ou ‘web’ nos sites de currículo. Postei o anúncio, revelando qual era a empresa, e esperei a ‘enxurrada’ de currículos. Porque, basicamente, pra qualquer vaga aberta por anúncio, há sempre uma enorme resposta, tratando-se de DM9, então… A enxurrada veio mesmo. Não me lembro exatamente, agora, mas passou fácil de 500 emails com currículos. E quando você recebe tamanha quantidade, sabe que a grande maioria é inadequada, mas precisa olhar um por um a fim de ‘pescar’ seu candidato ideal. Pra fazer ‘leitura dinâmica’ em cima de tanta mensagem, a gente acaba precisando inventar algumas técnicas. No meu caso, que estava procurando um redator, a saída era fácil: procurar alguém que já se destacasse pelo próprio texto do email. Em meio a 89 mensagens intituladas “AO DEPARTAMENTO DE RH”, 327 chamadas “CURRÍCULO VITAE”, 40 “VAGA NO CLICKJOBS”, 23 “VAGA REDATOR PUBLICITÁRIO INTERNET” e 15 “ENVIO DE CURRICULUM”, poucas vinham

62

mercado de trabalho

“Muitas vezes, tudo o que um profissional com potencial precisa é uma primeira chance”

intituladas de maneira mais original, incluindo uma sensacional “AÍ VOU EU, ATACHADA”. A Catunda pulou fácil no meio da massa, pois entendeu isso

casos, a ‘fórmula’ se resume aos mesmos pontos: :: Pense no título do email, ele já ajuda a revelar quem você é.

perfeitamente. Redatora de mão cheia, acostumada a

:: No corpo do email, escreva um texto muito

escrever para todas as mídias, acertou na mosca na

curto e objetivo sobre você e coloque três ou quatro

hora de ‘pescar’ a primeira atenção. Mais uns poucos

destaques da sua vida profissional (empresa por

currículos que me ‘pescaram’ e algumas entrevistas

onde passou, projetos de destaque).

depois, lá estávamos eu e Marcela, trabalhando

::

O layout do email também deve ser simples

juntos na DM9. E seguimos fazendo coisas juntos

e objetivo (Designers, deixem seu design para o

desde então.

portfólio, o email precisa ser clean e elegante).

Fosse o anúncio procurando um designer ou um diretor de arte, a saída seria tão simples quanto: um título criativo e, neste caso, um layout adequado até para o próprio email. Seja você um programador, planejador, gerente de projetos, em todos estes

::

Gere um PDF de seu currículo, evite enviar

arquivos .DOC por causa dos vírus. :: Não anexe imagens no email. Monte um belo site com seus trabalhos e mande o endereço. :: E, por último, se a empresa não estiver procurando ou pedindo currículos, não mande. É muito provável que seu email vá parar no lixo. Muitas vezes, tudo o que um profissional com potencial precisa é de uma primeira chance. Capriche no email da próxima vez que for se candidatar a um trabalho. Quem sabe, não pinta a sua?!

63

webexperiences

Clovis La Pastina Foi redator da Better e da McCann. Entre as suas principais realizações estão os lançamentos do Corsa, do Kadett e do Vectra, além de vários lançamentos da Nestlé. Atua como gerente geral Thunder House/ Zentropy desde 1999. Ganhador de dois Leões de Cannes (Ouro e Prata), um Grand Prix do NY Fests, The One Show, Art Director’s, Clio Awards e CCSP, faz parte do júri dos principais festivais internacionais. [email protected]

A Internet é de todos, sem discriminação Permitam-me apresentar para vocês o Adílson Ademir da Silva. Ele conhece como poucos as vantagens e as possibilidades da Internet para a geração de negócios. Embora seja um visionário, o Adílson não é conhecido no nosso mercado. Ele não lê a Webdesign e tampouco conhece o René, o Michel, o Cabral, o Luli ou qualquer outra fera da Internet. O Adílson é um borracheiro. Isso mesmo. Aquele cara que lhe socorre quando você está indo para um cliente e tem o seu pneu perfurado. Ele é um paranaense de nascimento, dono da Borracharia 4 Rodas, que fica em Campinas, mais precisamente num Posto Esso chamado Vô João, no bairro de Barão Geraldo, perto da Estrada da Rhodia. Católico fervoroso, o Adílson só não abre a borracharia em feriados santos. Se bem que, se o caso for urgente, ele dá uma forcinha. Ele é honesto e transparente. Faz questão de realizar os reparos na frente dos clientes, explicando-lhes passo-a-passo o que está fazendo. Mas por que eu estou falando do Adílson, afinal? Porque ele tem uma página na Internet, muito simples e até bonitinha. Aliás a página é toda branquinha, bem clean, o que contrasta com o ambiente tradicional de uma borracharia. Esta poderia ser uma homenagem politicamente correta de alguém que trabalha com Internet, simplesmente jogando confete num homem simples, que é borracheiro e contratou alguém pra fazer a sua home-page, passando uma imagem cult de um assunto apenas um pouco diferente. Não é nada disso. Existem 2.701 páginas na internet com o termo “borracharia”, que vão desde blogs metidos a engraçados a páginas pornôs, passando, óbvio por outros tantos borracheiros que fizeram o mesmo que o Adílson: entraram no ambiente web. Acontece que o Adílson fez a coisa direito. Se não foi ele quem fez, melhor ainda. Ele foi o cliente que soube exigir o melhor que o webdesigner poderia fazer. No site ele explica, com suas próprias palavras, o seu conceito de qualidade total. Se não bastasse, ele ainda tem o orgulho de apresentar na sua página, a esposa Margarethi, numa foto bem legal de um casal feliz.

64

webexperiences

“Nesta história toda a internet é a roda e o site do Adílson é o pneu. Se pintar algum “furo”, é o próprio Adílson quem vai consertar rapidinho...” Entrei em contato com ele, e pasmem: obtive

cia para passar por Campinas, cumprimentá-lo

resposta no ato! Ao contrário de algumas empresas

pessoalmente, dar-lhe exemplares da Webdesign e a

multinacionais que demoram 48 Horas (ou mais) para

indicação de uns sites legais pra ele visitar.

retornar, isso quando dão sinal de vida. Lógico que,

O Adílson não freqüenta palestras, cursos,

no caso dele, a coisa é mais rápida do que numa

seminários, restaurantes da moda, não vive no

empresa que tem 1.000 funcio-

chamado “quadrilátero dos Jardins”, não é um cara

nários e uma burocracia enor-

fashion, mas é um exemplo para todos nós,

me. Mas ele também poderia

profissionais desta maravilha que é a Internet. Sabe

não ter respondido.

por que?

Respondeu e deu show.

Porque nesta história toda a Internet é a roda e o

Disse que precisa melhorar o

site do Adílson é o pneu. Se pintar algum “furo” no

layout da página e que precisa

site dele, é o próprio Adílson quem vai consertar

colocar informações novas. Bingo!

rapidinho, sem precisar consultar o marketing, o T.I.,

Sou fã do cara. Ele é um

os gerentes de produto e até mesmo a presidência da

visionário

e

eu

pretendo aproveitar um dia

empresa. Pense nisso enquanto você olha aquele projeto que está parado há semanas sobre a sua mesa.

de pedaladas

O endereço do site do Adílson:

do

www.vojoao.com/borracharia/index.htm.

pessoal

aqui da agên-

65

66