junho 2006 :: ano 3 :: n 30 :: www.arteccom.com.

br/webdesign

R$ 8,90

Do Canad ao Japo, o design nacional que encanta o mundo: Andr Matarazzo (Gringo.nu) Organizao das agncias digitais Layout lquido: projetando sites em diferentes resolues

4 :: quem somos

Editorial
Aos 45 do segundo tempo...
Como passei essa ltima semana participando do Encontro de Web Design, acabo de chegar ao Rio e estou aqui s 11h45, tendo que terminar este editorial s 12h. Mas que bom que cheguei a tempo de trocar essa palavrinha com vocs! Antes de tudo, o evento foi excelente, tanto no Rio, quanto em BH, Salvador e Recife. Tive o prazer de conhecer pessoalmente vrios de nossos leitores e reencontrar alguns de nossos anunciantes, que tambm patrocinam o Encontro. Enfim, queria agradecer pela presena e carinho dos cariocas, mineiros, baianos e pernambucanos! Espero, em novembro, encontrar nossos leitores do Sul... :) E, aqui vai meu recado: queria que vocs absorvessem ao MXIMO o contedo da matria com ANDR MATARAZZO. Estamos no terceiro ano de nossa publicao e talvez ele tenha sintetizado tudo que temos a inteno de transmitir um pouquinho para vocs a cada edio: trabalhar com muita paixo, buscar superar seus prprios limites independente do nvel de cobrana da agncia e, principalmente, estar ciente de como VOC pode ajudar sua agncia a crescer ou a alcanar outro patamar criativo. Esses so apenas alguns dos preciosos ensinamentos de Matarazzo. Enfim, leiam com muita ateno essa matria, que comea na pgina 20. E depois me digam o que acharam. Matarazzo, obrigada pela entrevista, seja bem-vindo ao Brasil e esperamos contar com sua presena, seja em edies futuras da Webdesign ou em nossos prximos eventos. Sua experincia ser extremamente valiosa para todos nossos designers. Um beijo, Adriana Melo
Direo Geral Adriana Melo

Equipe
adriana@arteccom.com.br

Direo de Redao Luis Rocha

luis@arteccom.com.br

Criao e Diagramao Camila Oliveira

camila@arteccom.com.br

Leandro Camacho
leandro@arteccom.com.br
:: A Arteccom no se responsabiliza por informaes e opinies contidas nos artigos assinados, bem como pelo teor dos anncios publicitrios. :: No permitida a reproduo de textos ou imagens sem autorizao da editora.

Ilustrao Beto Vieira

beto@arteccom.com.br

Publicidade Jane Costa

jane@arteccom.com.br

Gerncia de Tecnologia Fabio Pinheiro

fabio@arteccom.com.br

Financeiro Cristiane Dalmati

cristiane@arteccom.com.br

Atendimento e Assinaturas Renata Fontan

renata@arteccom.com.br A Arteccom uma empresa de design, especializada na criao de sites e responsvel pelos seguintes projetos: Revista Webdesign :: www.arteccom.com.br/webdesign Curso Web para Designers :: www.arteccom.com.br/curso Encontro de Web Design :: www.arteccom.com.br/encontro Portal Banana Design :: www.bananadesign.com.br Projeto Social Mag-Malien :: www.arteccom.com.br/ong

Criao e edio
www.arteccom.com.br

Produo grfica
www.prolgraca.com.br

Distribuio
www.chinaglia.com.br

menu :: 5

apresentao pg. 4 quem somos pg. 5 menu

matria de capa pg. 20 coleo Brasil Design: Andr Matarazzo pg. 22 entrevista pg. 28 portflio pg. 32 trajetria pg. 34 dia-a-dia e-mais pg. 38 debate: No limite do ego

contato pg. 6 emails pg. 6 fale conosco

fique por den tro pg. 8 bloguices pg. 10 mtricas e mercado pg. 12 direito na web portflio pg. 14 agncia: Colletivo pg. 18 freelancer: Wellington Rocha

pg. 42 e-mais: Organizao das agncias pg. 46 estudo de caso: GloboEsporte.com pg. 52 tecnologia na web: Layout lquido pg. 54 tutorial: Caminhando pelo HTML- parte1 com a palavra pg. 58 webwriting: Bruno Rodrigues pg. 60 marketing: Ren de Paula Jr. pg. 62 bula da Catunda: Marcela Catunda pg. 64 webdesign: Luli Radfahrer

6 :: emails

2 - Comentrios de leitores: na verdade, j fazemos isso ;-) Na pgina do Clube do Assinante, disponibilizamos sempre uma

na web Assunto: Direito Cursos no exterior Sou formada em Publicidade e Propaganda e trabalho com internet h um ano. Gostaria muito de me informar sobre Ps-Graduaes / Especializaes em Comunicao Digital tanto no Brasil quanto fora. Estou planejando uma viagem para o exterior para estudar, mas gostaria que vocs passassem umas dicas de cursos, faculdades, pases etc. Obrigada!
Cntia Dumiense cintia@rage.com.br

pergunta para a participao de vocs. As melhores respostas acabam sendo publicadas na revista (nesta edio, conra a pgina 36). Ah, e tem mais: a melhor de todas acaba levando

na web Assunto: Direito Sugestes, sugestes... Gostei muito das novas sees Bloguices, Mtricas e Mercado e Tecnologia na Web. So sees muito boas e gostaria que elas zessem sempre parte da revista. Queria ver uma matria sobre o que est acontecendo com o Orkut atualmente, ou seja, a famosa quebra de sigilo dos usurios. Tambm queria sugerir outra coisa: a cada edio, vocs jogariam um tema para os leitores comentarem. O prmio? Nem precisa ter, o texto vencedor seria publicado na revista. Ah, uma cobrana bsica: vocs disseram que o Joomla! seria assunto para edio de maro. Fiquei triste... E a sugesto que no poderia faltar: relanar as edies anteriores da revista, em banca. Comprar pela net um pouco chato, j que tem o preo do frete.
Fernando Farto fernandoperesfarto@gmail.com

alguns prmios interessantes! 3 - Gerenciadores de contedo: estamos devendo uma matria sobre esse assunto :-( J separamos algum material interessante e, em breve, prometemos satisfazer sua curiosidade, ok? :-) 4 - Edies anteriores: algumas bancas disponibilizam as edies anteriores da revista. Porm, pode acontecer de voc no encontrar a edio que quer nas bancas. Assim, pela internet, voc tem a facilidade de adquirir qualquer uma delas. Assunto: Direito Flash e na 3Dweb Gostaria de ler uma matria falando sobre design no Flash (Action Script 2.0 etc.). Outra coisa interessante seria uma matria como est o uso de 3D na internet.
Frederico Flix fredericofelix@gmail.com

na web Assunto: Direito Divulgao de sites Desde o incio de 2005, recebo muitos pedidos de clientes para desenvolvimento de newsletters para divulgao de produtos e servios. Minha dvida : quando uma newsletter deixa de ser um informativo para se tornar um spam? Literalmente saberia a diferena, mas algumas dicas seriam de grande valor. Alm disso, quais so as dicas para melhor divulgar a empresa, aumentar o nmero de visualizaes etc. Alguns clientes compram aquelas listas de um milho de e-mails e querem enviar para todo aquele povo. Isso vlido? Devo aconselh-los a no enviar?
Andr Barcellos contato@andrebarcellos.pro.br

Ol, Cntia. Em termos de cursos no Brasil, podemos indicar a edio de junho de 2005 (n18). Sobre especializaes no exterior, vamos colocar esse tema na pauta de reportagem. Por enquanto, procure acompanhar a Coleo Brasil, iniciada em maio, onde designers brasileiros de destaque no mercado internacional abordam este assunto. E aguarde nossa matria! na web Assunto: Direito Links da revista No seria interessante disponibilizar, em um espao no site da revista, todos os links citados nas matrias?
Agenilson Santana agesantana@hotmail.com

Como vai, Andr? Na edio de maio (n29), promovemos um debate sobre e-mail mkt vs. spam. Por l, j possvel garimpar algumas boas dicas. Sobre as listas: alm de ser uma prtica considerada antitica no mercado (www.antispam.br), por no haver autorizao de recebimento, muitos desses emails so invlidos. Outro ponto que possivelmente seu cliente no estar atingindo o pblico-alvo do produto ou servio anunciado, por no ser uma lista que tenha recebido o devido tratamento.

Oi, Frederico. Suas sugestes so oportunas, pois recentemente criamos a seo Tecnologia na Web e sempre procuramos temas interessantes para abordar. Continue participando!

Oi, Fernando. Mensagens como a sua so um estimulante para que possamos continuar o nosso trabalho. Sobre seus questionamentos, vamos por partes: 1 - Privacidade no Orkut: esse poderia ser um bom tema para a coluna Direito na Web, no acha? Vamos encaminh-la para o Dr.Gilberto Martins.

Ol, Agenilson. tima observao! Vamos coloc-la na lista de desenvolvimento quando formos fazer um upgrade no site da revista. Aguarde! :-)

fale conosco pelo site www.arteccom.com.br/webdesign

:: Os emails so apresentados resumidamente. :: Sugestes dadas atravs dos emails enviados revista passam a ser de propriedade da Arteccom.

8 :: blog

Bloguices
MARGARIDA QUENTO DE SO JOO nada. tinyurl.com/esqmg)!

By Margarida Flores
apareceu_a_margarida@hotmail.com

Junho ms de festa junina, de comer paoca, pipoca, p de moleque, de tomar quento, jogar argolas pra ganhar brindes inteis, baratos e que no servem pra nada, absolutamente pra Me amarro numa comemorao junina, embora quando criana no gostasse de danar quadrilha, mas mesmo assim a data me agradava e eu achava aquele clima bandeirolas deveras divertido. Uma coisa Volpi caipira, aqueles papis de seda voando, aquele cheiro de churrasco, os professores pouco preocupados com as salas de aula e muito com suas barraquinhas. Era bom demais (http:// Pensando em junho, lembrei do meio do ano. J estamos no meio do ano, ano em que a internet t bombando cheia de novidades pra contar. Pois ento, comecemos... GOOOOL! DO BRASIL!
Voc sabe o que TYBA? Saiba! um banco de imagens com aproximadamente 800 mil fotos que mostram em sua grande maioria aspectos brasileiros como: arte e cultura, economia e indstria, turismo e natureza. Nosso ecossistema bem na foto. Ficou curioso? Ento saiba tambm que boa parte desse acervo j pode ser visto on-line no site www.tyba.com.br. Enjoy em ingls e com verso em portugus, claro.

VO 35 MILHES A?
Mega-Sena coisa do passado. A Finep (Financiadora de Estudos e Projetos) est bancando uma linha de crdito de nada mesmo que R$ 35 milhes para financiar projetos de inovao tecnolgica. Alm disso, a Finep est oferecendo R$ 4,5 milhes em bolsas de estudos para profissionais interessados em desenvolver pesquisa na rea de inovao tecnolgica. Se interessou? Topa? at dia 14 de agosto. Leia o edital em http://tinyurl.com/eq2dj.

CHIQUES & FAMOSOS

A Semana de Design de Milo est comendo solta. Basicamente, se algum tem alguma importncia no mundo do design, est l, testemunhando pequenas loucuras da arte enquanto d umas voltas na loucura maior ainda do complexo de exibies em Rheo Pero do arquiteto Massimiliano Fuksas. Tudo com foto. In italiano, capisci? http://tinyurl.com/ggjwn, http://tinyurl.com/egvgt, http://tinyurl.com/k8k7j (fotos feitas por visitantes, capisci?)

blog :: 9

LINKS BRINDES
Se voc est com raiva do mundo, de mau humor, tudo deu errado: Que tal acabar com a felicidade de quem est alegre enquanto voc est triste? Pare numa fila de cinema e conte o final dos filmes. Nem precisa ter assistido antes. Tem at um trailer de Titanic

MEU! ESSE MEU! ESSE TAMBM MEU!

Em ano de Copa, Bill Gates t na marca do pnalti. A justia europia est em vias de decidir se o nerd mais famoso do mundo cometeu abuso impedindo que outros fabricantes de software tivessem informaes para desenvolver seus aplicativos para o sistema Windows. Se condenado, pode ter que pagar dois milhes de euros por dia e ainda ter que divulgar as informaes que todo mundo quer. Quem quer? http://tinyurl.com/zz2lf

2, aproveite para descobrir se falso. http://tinyurl.com/tw32 Cobrando um pixel por dlar, o dono desse site quer chegar a um milho de verdinhas. Mau negcio para quem anuncia, mas timo para ele.. http://tinyurl.com/c4l4t O site ficou uma droga. D at vontade de picar, moer e tocar fogo, mas no tem como. Mas espera l. Agora tem. Nesse link voc pode descarregar sua raiva, torturando o maldito com instrumentos que vo desde ponta de cigarro at moto serra. Digite o endereo do site que acabou com seu humor, e escolha sua arma. http://tinyurl.com/6utz4 Toogle. No o Google do Hortelino Troca Letras. E sim um site de busca que transforma sua pesquisa de fotos em um ASCII. Voc pode achar que no precisa disso, mas um dia vai precisar. No sei pra qu, mas vai precisar. Acho. http://c6.org/toogle/ No pas do futebol, em ano de Copa, nada melhor do que um monte de comerciais com o tema do momento. http://tinyurl.com/k7spk

MEU! ESSE MESMO MEU! MEU! MEU! E MEU! - PARTE 2

E, na calada da noite, Bill deu um susto em quem usa o Windows genrico. Uma atualizao ou hotfix oficial da Microsoft, que foi ao ar h uma semana, pode ser considerada um spyware que identifica cpias piratas do sistema operacional. Quem tem o recurso Atualizaes Automticas ativado, teve o tal hotfix instalado, e passou a receber alertas em seu desktop, algo como Esta cpia do Windows no genuna. http://tinyurl.com/ejln5 a ameaa (em ingls).

1 ENCONTRO NACIONAL DE LIGHTWAVERS

A R3F vai reunir profissionais e usurios do software LightWave 3D. O evento acontece em So Paulo, no sbado, dia 17 de junho, das 9h s 18h. Palestras com nomes consagrados no produto apresentaro suas tcnicas de modelagem, texturizao, animao, efeitos especiais e a integrao do software com outras ferramentas de design digital. Corra pra garantir sua vaga. Elas so limitadas. Inscries atravs do site http://www.r3f.com.

BLOG-SE BY LU
Voc sabia que existe um ndice de blogs, fotologs etc.?

VOC SABIA QUE?

No caderno Link do Estado, tem um mini orkut para quem no tem medo de se assumir publicamente? D uma olhadinha em membros em destaque: http://link. estadao.com.br/.

Pois existe e a dica veio do Manoel Lemos, que mandou avisar que a coisa ainda t comeando : ) http://tinyurl.com/kvsha Esse menino me diverte. O blog t

T COM FOME?
Pra quem no sai da frente do computador nem pra comer, agora pode fazer a sua comida do computador. Coisa de maluco? Um drive-forno pode preparar o seu alimento, desde que ele seja pequeno. Extremamente bizarro. http://tinyurl.com/3hk4l

comeando, mas promete. Valeu, Sergio! http://tinyurl.com/zw7yg Voc conhece um mutante? Algum com fator X? Dizem que eles esto entre ns. Ser? http://tinyurl.com/e6ffo

10 :: mtricas e mercado

63%
1024x768 (2%).

dos 17,5 milhes de PCs em funcionamento no Brasil utilizam

800x600

pixels como

resoluo de tela.
A estimativa da fabricante AOC (www.aoc.com.br), que aponta ainda a utilizao dos tamanhos 1024x768 (35%) e acima de

90%

dos sites em Flash no possuem estatsticas de acesso.

A HostConnection explica que a maior parte dos sites de estatsticas s contabilizam o acesso s pginas em HTML.
Fonte: www.flashcounter.com.br

Mdia Salarial Brasil - Abril/2006

Cargos
Analista Jnior Desenvolvimento de Internet / Sistemas Web Analista Pleno Desenvolvimento de Internet / Sistemas Web Analista Snior Desenvolvimento de Internet / Sistemas Web Analista Programador(a) Web Coordenador(a) de Projetos Web Editor/Produtor de Contedo Web Webdesigner Estagirio (a) Webdesigner Trainee Webdesigner Web Development Webmaster

Valores (R$)
2.830,00 (Fonte: 165 respondentes) 4.271,00 (Fonte: 203 respondentes) 5.586,00 (Fonte: 172 respondentes) 2.305,00 (Fonte: 236 respondentes) 6.379,00 (Fonte: 74 respondentes) 2.345,00 (Fonte: 37 respondentes) 529,00 (Fonte: 142 respondentes) 1.347,00 (Fonte: 96 respondentes) 2.316,00 (Fonte: 187 respondentes) 3.512,00 (Fonte: 58 respondentes) 2.450,00 (Fonte: 198 respondentes)

19

horas e

24

Fonte: Catho

minutos de navegao em maro.

Segundo o IBOPE//NetRatings, a contagem representa um recorde de tempo on-line na web brasileira. A categoria comunidades, que engloba sites de relacionamento, blogs, fotoblogs e videoblogs, foi uma das principais responsveis (3h46min de uso individual), sendo visitada por 74% dos internautas domiciliares brasileiros.

112
brasileiros.

mil domnios .com pertencem a usurios

Fonte: Nomer.com

Qual resoluo de tela voc costuma projetar seus sites? Total de votos: 194 800x600 - 47% 1024x768 - 41% Acima de 1024x768 - 11% 640x480 - 2%
acesse e participe! www.arteccom.com.br/webdesign

Orkut

(www.orkut.com) o site mais acessado

por usurios brasileiros.

o que aponta uma pesquisa de trfego de sites, realizada pelo site Alexa.com, em maio.

Envie sugestes e crticas para redacao@arteccom.com.br

mtricas e mercado :: 11

ViuIsso?
Voc passa a ler sobre ela, no mais nos cadernos especializados dos jornais, mas nas sees comuns, como aconteceu no dia 26/4, na capa do caderno Metrpole do Estado. O Orkut, que ultimamente tem freqentado tambm as pginas policiais com as confuses sobre violao de

Por Michel Lent Schwartzman - michel@viuisso.com.br

Site: www.viuisso.com.br

Notcias e comentrios sobre comunicao digital, internet e publicidade

Quando a internet se torna realmente popular Karaok Albany A agncia de publicidade DM9DDB, ganhadora do Grand Prix Cyber em Cannes no ano passado, aprontou mais uma, agora para Albany. Criaram um karaok virtual em que os usurios podem efetivamente cantar e gravar suas verses das msicas. Muito bem desenhado, construdo, executado. Se for bem traduzido, candidato forte a algum prmio mundo afora. Sem falar que uma tima forma de botar todo mundo cantando as msicas da campanha. Difcil agentar as desafinadas dos usurios! :-) Visite e grave a sua verso: http://tinyurl.com/pbhx5. Bannerblog, parada obrigatria Bannerblog um blog de O ClickZ publicou um artigo com nmeros muito impressionantes sobre a blogosfera, o universo mundial dos blogs, seus posts e seus autores. Pelo estudo, o nmero de blogs existentes no mundo dobra a cada seis meses. O grfico de crescimento dos blogs fala por si s. para ficar de boca aberta (http://tinyurl.com/o4dyg). Quase 12 milhes de brasileiros no Orkut Fiz uma conta rpida para chegar nesse nmero. O Orkut diz que estou conectado a 16.750.335 pessoas atravs de 770 amigos. Assumo que estes 16 milhes sejam a totalidade dos usurios da comunidade. Pelos dados divulgados pelo prprio Orkut, os brasileiros (declarados) seriam 71,48%, o que d um total de 11.958.843 de perfis declarados brasileiros na comunidade. preciso levar em considerao que muita gente tem mais de um perfil e que muitos no declaram o Brasil como seu pas, alm da possibilidade de que 16 milhes no sejam o nmero total de usurios da comunidade. De todas as formas, a estimativa de quase 12 milhes de brasileiros no Orkut fica bem aproximada. Uau! A Globo.com lanou, no comeo de abril, uma nova verso da sua home, com uma distribuio mais equilibrada entre entretenimento, notcias e esportes e a volta do menu de navegao na esquerda, aberto. Desde 2000, quando o portal foi lanado, uma srie de opes de home foram colocadas em prtica, cada uma adequada a um determinado momento da web e da prpria Globo.com. A evoluo deste trabalho, desde a verso 1 de 2000, est guardada na pgina do Felipe Memria, no Flickr (http://tinyurl.com/ljgp9). uma turma da Austrlia que se encarregou de um tema que realmente estava fazendo falta: um repositrio de banners legais. AgnciaClick, Almap, DM9 e Euro esto l, alm de agncias de todo o mundo. Pelo o que deu para perceber, o arquivo ainda no muito grande (pouco mais de 500 peas), mas a iniciativa fantstica. Visite o BannerBlog e no deixe de enviar contribuies para o arquivo ir crescendo: http://www.bannerblog.com.au/.

privacidade e crimes, apareceu retratado de forma comum num caderno sobre o cotidiano, em uma matria que fala sobre uma mudana no sistema e como isso est afetando a vida das pessoas.

12 :: direito na web

Direitos de autor na web

Posso colocar msicas para tocar em meu site, seja ele pessoal ou comercial, desde que eu cite o nome do Grupo/Conjunto/Cantor e o nome da msica? Luciano Machado (camaleao@camaleao.com) Caro, Luciano. Se o seu site for comercial, a simples meno do compositor e do intrprete da msica no ser suficiente, pois nesse caso no h dvida de que os titulares dos direitos de autor tm direito de conceder ou no a autorizao respectiva, podendo
Gilberto Martins de Almeida Advogado formado na PUC/RJ, com Mestrado na USP e cursos em Harvard e no M.I.T. ExGerente Jurdico da IBM, onde trabalhou por 11 anos, no Brasil e nos EUA. Scio de Martins de Almeida - Advogados, escritrio especializado. Envie sua dvida para: redacao@arteccom.com.br

toda). Porm, a lei diz que isso vale apenas para fins de uso pessoal e no para o de disponibilizar a terceiros. Portanto, voc se encaixaria no esprito geral da lei (uso no comercial), mas no necessariamente na letra dessa exceo. O que significa que, em ltima instncia, suas chances dependeriam de o juiz que examinasse a questo ser adepto da interpretao finalstica, ou da interpretao literal. bastante incerteza, no? Por isso que tem havido uma grita bastante ruidosa nos EUA e na Europa (por parte de movimentos como o do copyleft, o do software livre etc.), postulando flexibilizao do regime do direito de autor quanto sua insero na era digital, tendo em vista o atual desequilbrio entre os privilgios dos titulares dos direitos e, de outro lado, o interesse da coletividade. Como sempre poder haver algum pressionando para cobrar direitos autorais. Dessa forma, o mais prudente explicar a natureza do site, convidar a uma visita para a comprovao e pedir a aprovao de quem de direito, para evitar riscos que, por enquanto, ainda persistem.

exigir pagamentos. Note que o carter comercial, s vezes, se revela de forma indireta e mesmo assim o Judicirio o tem considerado como requerendo prvia autorizao do autor. Foi o que aconteceu, por exemplo, com supermercados que colocaram fundo musical para tornar mais agradvel a freqncia pelos fregueses, teoricamente favorecendo mais compras. Eles foram condenados a pagar pela utilizao das msicas. Mas, supondo que em seu site os visitantes no venham a comprar qualquer coisa - nem direta, nem indiretamente -, a interpretao jurdica nesse caso, paradoxalmente, se torna mais complicada. que no Brasil (ao contrrio do que acontece nos EUA) no existe tradio jurisprudencial de reconhecimento da teoria do chamado uso justo (fair use). Nossa lei dos direitos de autor concede excees ainda muito limitadas para o livre uso de obras autorais. Uma delas a de executar pequenos trechos (no a obra

14 :: portflio agncia - colletivo

O instinto Colletivo
representao da democracia, certamente os nibus receberiam boa parte das indicaes. Mas, e na produo do design, onde encontramos exemplos de manifestao democrtica? A resposta parece estar presente no DNA do Estdio Colletivo (www.colletivo.com.br). Vamos completar trs anos no final de 2006. Trabalhamos juntos desde a poca da faculdade (Anhembi Morumbi), isso h uns cinco anos. A idia do nome foi baseada em cima do conceito do nibus (sinnimo de coletivo), que agrega todas as raas, todos os segmentos, um transporte democrtico, nmade e sempre tem histrias diferentes. Do ponto de vista do design, o que gostaramos de representar, essa sempre foi nossa escolha, porque refletia nossas idias na poca, e ainda reflete, revelam Vanessa Queiroz, responsvel pelo atendimento e criao, Marcelo Roncatti, responsvel pelo planejamento e diretor de arte, e Fabio Couto, responsvel pela programao e animao.

do design

Se formos apontar no atual modelo de sociedade qual seria uma das melhores formas de

portflio agncia - colletivo :: 15

A idia do nome foi baseada em cima do conceito do nibus (sinnimo de coletivo), que agrega todas as raas, todos os segmentos, um transporte democrtico, nmade e sempre tem histrias diferentes
Disciplina e experimentalismo para vencer os obstculos Os dois anos de existncia do estdio serviram para que eles tirassem algumas boas lies: sonhar no custa nada, mas lembre-se de manter sempre os ps no cho. Definitivamente, para ns, o comeo foi muito complicado, principalmente na parte financeira. Levamos n o s s o s c o m p u t a d o re s p e s s o a i s p a r a u m l o c a l o n d e podamos trabalhar em equipe. A partir da, tentamos pegar qualquer trabalho que se apresentasse para que t i v s s e m o s u m m n i m o n e c e s s r i o p a r a s o b re v i v e r. Sabamos que se o estdio permanecesse com suas contas em dia, durante pelo menos dois anos, teramos mais chances de crescimento. A ttica deu certo e o objetivo inicial foi superado. Sobrevivemos porque fomos extremamente rgidos e disciplinados com ns mesmos. A cobrana interna era muito mais forte do que atualmente. Tnhamos que conseguir, falhar no estava nos planos. Mas foi complicado, em muitos meses tirvamos o equivalente a um salrio mnimo. Com o tempo nos estruturamos, organizamos nossos processos e estamos conseguindo uma estrutura bem bacana para quem comeou caoticamente. Eles no esquecem tambm da importncia dos p ro j e t o s e x p e r i m e n t a i s . O s p r i m e i ro s p s t e re s d e carter experimental (e promocional) que desenvolvemos, juntamente com site, ajudaram na visibilidade do estdio em alguns segmentos do design. E isso nos trouxe diversos trabalhos comerciais que, de forma positiva, nos ajudaram a crescer. Portanto, o que mais nos ajudou e ainda ajuda, s o o s p ro j e t o s e x p e r i m e n t a i s q u e e s t a m o s s e m p re desenvolvendo. Alm disso, eles afirmam que a prtica ajudou a mostrar como funciona e quais so as particularidades existentes no mercado profissional do design para web. Solues engessadas de sites geram sempre problemas, ao contrrio da otimizao que prometem. Por isso, cada projeto on-line que desenvolvemos individual e focado no conceito do servio ou produto, lembrando sempre qual a linguagem ideal para seu respectivo pblicoalvo. E no menos importante: discutir com o cliente cada recurso disponvel no projeto de um site antes de seu desenvolvimento, considerando que fundamental um grande interesse e envolvimento do cliente em todas as etapas de discusso do projeto, orientam. A internet move montanhas Para quem ainda desconfia que a internet ainda no seja capaz de superar barreiras para os profissionais interessados em divulgar e expandir a cartela de clientes em diferentes cantos do mundo, o Estdio Colletivo a prova viva desse novo cenrio. J fizemos exposies na Frana, trabalhos nossos foram divulgados na Austrlia e no Canad e recentemente participamos de um projeto na Malsia. Enfim, extremamente positivo e nunca tivemos in loco nestes trabalhos. A web sempre foi a nossa ponte companheira para estabelecer contato com outros designers no mundo e tambm clientes. Quem no for amigo da internet e entender como ela pode ser positiva no universo do design ter muitas dificuldades, afirmam, em coro unssono, Vanessa, Marcelo e Fabio.

16 :: portflio agncia - colletivo

Criatividade em primeiro lugar Para que o instinto coletivo do estdio possa atingir sua plenitude na criao e desenvolvimento de projetos, eles consideram uma boa estruturao do ambiente fsico como um estmulo para se alcanar tais objetivos. Muitas pessoas se surpreendem quando nos visitam pela primeira vez, pois encontram um ambiente totalmente familiar e livre de dogmas corporativos. Estruturas rgidas normalmente solidificam uma ditadura criativa, criamse barreiras no processo e prejudicam nossos objetivos. E muita liberdade pode no ser positiva se no for bem pensada. Somos um estdio que trabalha com diversos segmentos do design e nossa proposta a criatividade em primeiro lugar. Tentamos dar total liberdade para todos que trabalham aqui, mas sem esquecer de suas tarefas e disciplinas. Segundo semestre promete!

Eles no so e nem pretendem ser candidatos, mas as promessas para o segundo semestre de 2006 incluem uma nova verso do site do estdio, incurso pela rea de Motion Design, alm de podcast e o lanamento de uma loja virtual. Estamos produzindo nossos primeiros trabalhos em Motion Design e estamos muito ansiosos para ver como ficar todo o projeto finalizado. Um website totalmente n o v o s o b re o e s t d i o j e s t s e n d o p ro d u z i d o , e l e provavelmente ter podcast, entre outras coisas. Tambm estamos fazendo uma pequena loja virtual, que no ter o nome do Colletivo, pois ser um projeto paralelo ao estdio. A loja s estar disponvel na internet, seu objetivo ser funcionar como um laboratrio de produtos com livre criao. Posters, buttons, camisetas, protetor para ipods e quem sabe at alguns brinquedos, tudo est no caminho. Esperamos que gostem quando sair, finalizam.

cases
Spezzato Teen Vero 2006
www.spezzato.com.br
Nossa cliente h trs anos, a Spezzato Teen vem com uma evoluo constante na maneira de expor sua coleo na internet. O tema da coleo do site em questo, " adventure" , nos fez criar um mundo por onde o internauta tinha possibilidade de viajar pelo cenrio criado, chegando em cada link com a experincia de 72 transies de telas diferentes. Utilizamos os desenhos e as interferncias que criamos para todo o material da campanha, que por serem desenhos vetorizados, fez com que a navegao ficasse bem mais leve.

Cavalera Vero 2006

www.cavalera.com.br

O nosso desafio era desenvolver um site to eficiente e visualmente atrativo, quanto os anteriores. O diferencial, no caso, era um reposicionamento na marca, fazendo com que o produto Cavalera aparecesse de maneira mais efetiva, alm de dar um destaque maior ao jeans. Mesmo com o material enviado, a criao foi totalmente desenvolvida pelo estdio dentro da temtica e o resultado foi um site funcional, com uma animao em Flash leve e agradvel.

Splashblue
www.splashblue.com.br

Site de um dos melhores buffet infantis de So Paulo. Nesse case, tivemos a experincia de lidar com um mercado que aproveita de maneira precria a internet. Muitos dos concorrentes ainda possuem sites em HTML. O resultado visual desse trabalho foi to bom, que acabamos por desenvolver todo o material grfico deles, baseado nessa nova esttica.

18 :: portflio freelancer - Wellington Rocha

No caminho do bem
Wellington Rocha
Contato: well@artpixel.com.br Site: http://well.artpixel.com.br

De uma fantasia de criana at o descobrimento do mundo maravilhoso do design para web. A caminhada profissional de Wellington Rocha no faz parte de um fazde-conta, mas serve como um incentivo para quem ainda acredita que sonhos podem se tornar realidade. Quando criana imaginava ser designer de automveis, tinha pastas cheias de desenhos de carros de minha autoria. Em 1998, trabalhava em uma empresa no controle de estoque, porm no agentava mais, queria trabalhar criando algo que no sabia exatamente o que seria, conta.
Hotsite comemorativo da Pscoa. Feito em Flash, com cores vivas e alegres.

fazer um miniportflio em Flash, contendo algumas peas e animaes, gravei em um disquete e mandava junto ao currculo. Semanas depois, veio o primeiro contato telefnico. Na semana seguinte, a primeira entrevista. Mais ou menos trs semanas depois, o meu primeiro emprego, onde trabalhei por sete anos. A experincia serviu para que ele aprendesse
http://well.artpixel.com.br

algumas peculiaridades que envolvem a profisso, como a importncia de se organizar as tarefas e como estipular os preos dos projetos. Faa um cronograma detalhado de cada um. Assim, voc consegue organiz-los e mantlos sob controle. Isso ajuda no s na hora de priorizar as tarefas, mas tambm no momento de encaixar um novo projeto, saber o status real de cada um deles. Em termos de preo, procuro saber exatamente o que o cliente quer, transformo tudo em hora de desenvolvimento e multiplico pelo meu valor hora, chegando a soma total, revela. Para o futuro, Wellington faz planos de trabalhar com a rea de jogos. A realidade muito dura. Voc se depara com situaes e percebe que precisa estudar muito. Assim, preciso ficar sempre antenado, buscando o novo e o melhor para cada projeto.

O pontap para que tal resposta fosse encontrada surgiu quando ele decidiu comprar um computador para aperfeioar o seu trabalho. Assim, tive meu primeiro contato com o Photoshop. Comecei criando papis de parede para uso prprio e montagem de fotos para amigos. Rapidamente, estava colorindo e restaurando fotografias antigas. Um dia, um amigo resolveu criar um site. Oferecime para ajud-lo e acabei fazendo o site sozinho. Ali, percebi o que realmente queria fazer e no parei mais. M a s c o m o n a d a v e m f c i l n a v i d a , We l l i n g t o n percebeu que seria preciso batalhar para conquistar seu espao no mercado. No momento que achei que estava preparado para trabalhar profissionalmente, surgiu a dura realidade: meu currculo era muito pobre. Ento, resolvi

20 :: Coleo Brasil Design - vol.2

1. Gui Borchert

2. Andr Matarazzo

3. Nando Costa

Coleo Brasil Design

Como os designers brasileiros vm conquistando o mercado internacional

Introduo :: 21

D entre as principais propostas de paz formuladas

pela Associao Brasil Soka Gakkai Internacional (BSGI), encontramos uma definio envolvendo os atributos necessrios para que uma pessoa seja considerada como um cidado do mundo. Segundo o documento, ela precisa apresentar uma mudana em sua viso de bem-estar da Humanidade. Esse grande movimento dedica-se a encorajar as pessoas a conscientizarem-se de seu prprio e ilimitado poder e assumirem a responsabilidade pelo futuro da Humanidade. Se alguma entidade internacional decidisse premiar um profissional por contribuir para o desenvolvimento da rea de design, certamente teramos um candidato brasileiro nesta disputa. Estamos falando de Andr Matarazzo, que j mostrou o valor de seu trabalho em pases como Canad, Holanda, Sucia e Japo. A escolha da carreira desse paulista para figurar no segundo volume da Coleo Brasil Design no foi por

volume 2

acaso. Ela apresenta uma das vertentes de nosso design, um timo exemplo de como enfrentamos quaisquer desafios e como contribumos para o desenvolvimento dos mais diferentes mercados pelo mundo. A seguir, voc poder conferir quais so os elementos que compem o estilo de Matarazzo, que retorna ao pas com um portflio recheado de projetos interessantes e com a pretenso de desenvolver uma nova proposta de agncia interativa no pas. No ltimo volume desta coleo, vamos apresentar a histria e os trabalhos realizados por Nando Costa, hoje figura de destaque no mercado americano.

22 :: Coleo Brasil Design - vol.2

Cidado do mundo
(do design)
Entrevista: Andr Matarazzo, criador da agncia Gringo.nu
De volta ao Brasil, Andr Matarazzo anunciou recentemente a criao da Gringo.nu. Nesta entrevista, ele revela um pouco de sua experincia internacional, qual o valor do design nacional l fora e os desafios que espera encontrar com sua nova agncia. Wd :: Do Canad ao Japo, passando pela Holanda e Sucia. Diante de sua experincia profissional, podemos apont-lo como um cidado do mundo (do design). Qual a viso que os estrangeiros fazem do design brasileiro? Nossos clichs culturais (samba e futebol) ainda so muito fortes l fora? Andr :: Sim, todos os clichs brasileiros de futebol e mulher pelada so fortes l fora. Mais nos EUA e no Canad do que na Europa. Pelo fato de termos muitos descendentes europeus aqui, os de l tambm sabem um pouco mais sobre o nosso pas. J nos EUA, quando eu dizia que era brasileiro, notava que para eles soava qualquer coisa como boliviano ou hondurenho. Eles no tm uma exata noo do nosso pas. E isso se aplicava ao design tambm. J na Europa, o Brasil visto como uma terra encantada e extica. Vrios sabem das mazelas sociais, mas tambm conhecem um pouco da cultura. Encontrei diversos europeus que conhecem muito mais do Brasil do que eu. Vrios sabem da histria da construo de Braslia, do nosso presidente etc. Muitos acham o portugus a lngua mais linda do mundo e esto aprendendo. Ainda por cima existe esse renascimento da cultura brasileira atual no mundo. At em Tquio vi lojas de roupas bem descoladas e carssimas vendendo Havaianas e tocando bossa-nova. O Brasil hoje uma marca internacional bem cool. Wd :: Quais so as dificuldades que um designer brasileiro encontra para se adaptar no mercado de trabalho no exterior? E o que preciso fazer para vencer estes obstculos? Andr :: Acho que a maior dificuldade o profissionalismo do mercado internacional. No basta voc ser um designer que desenha bem, porm estoura prazos, no trabalha em equipe, tem atitude de estrela... Isso mata qualquer ponto a seu favor. Tem que saber lidar com o cliente pessoalmente e muito diplomaticamente, no pode meter o pau no trabalho alheio, no pode atrasar para nada em hiptese alguma. Na verdade, esses detalhes to

entrevista - Andr Matarazzo :: 23

intrnsecos da nossa herana cultural, isso tem que ser revisto para fazer uma boa transio para o mercado internacional. Outra coisa mal vista profissional que pula de agncia em agncia. No mercado frentico e desorganizado de So Paulo, parece-me que isso que d um bom nome e grana a um profissional. Esse eterno descontentamento impulsiona o profissional para frente. Na Europa, no existe confiana num profissional que pula de galho em galho. Como eles investem no profissional (desde arranjar o visto, alojamento, cursos, viagem etc.), mostrar que voc a qualquer momento pode pegar a sua mala e ir embora para outro lugar que te contratar por 500 euros a mais... Pega muito mal. Uma das coisas que mais conta pontos no currculo de um profissional estrangeiro o que ele faz pela agncia. Como ele ajudou a agncia a chegar num outro patamar criativo etc. No profissional brasileiro, o que conta o que ele tem no portflio e quantos prmios ele ganhou. a velha histria do foco coletivo (Europa) e o foco individual (Brasil). O idioma sempre um problema. Achei difcil no Japo, onde poucos na agncia falavam ingls. Mas, na Sucia, na Holanda, os negcios eram feitos basicamente em ingls. Ento, dependendo da sua rea (design, por exemplo), basta ingls. Agora, para virar um diretor de criao, juntar uma equipe, convencer um cliente de algo, necessrio que se fale a lngua local. No Japo, eu tinha uma tradutora para reunies. O ritmo de trabalho muito mais leve do que numa agncia de So Paulo, por exemplo. Como tudo muito mais organizado, esperado que o funcionrio cumpra seu horrio de trabalho (das nove s 17 horas, mais ou menos). Qualquer coisa extra conta pontos favorveis para voc. Mas nada parecido com So Paulo, onde o pessoal chega s 10, 11 e fica at s 22. Novamente, em Nova Iorque ou Londres, os horrios so mais barra. J na Escandinvia, se voc fica depois das seis, voc vai fechar a agncia sozinho todos os dias. Saudades de famlia? Isso depende muito da personalidade do profissional e para onde ele vai. Ficando na Espanha, um pas mais prximo a nossa cultura, onde o

At em Tquio vi lojas de roupas bem descoladas e carssimas vendendo Havaianas e tocando bossa-nova. O Brasil hoje uma marca internacional bem cool
inverno no rigoroso, imagino que haja menos saudades e problemas de adaptao. Agora, ficar na Noruega, onde tudo diferente e, alm disso, o povo frio, a temperatura abaixo de zero e escurece s trs da tarde durante quatro meses, a fica mais complicado. Frio uma delcia, porm depois de ficar soterrado em neve e escurido durante alguns meses, qualquer brasileiro reclama. Wd :: Voc comeou sua experincia profissional l fora, em 2000, no Canad, e foi justamente na poca da famigerada bolha da internet. O que mudou no cotidiano do profissional que trabalha com internet? Andr :: Naquele tempo, a internet era um bicho meio inexplorado. Ningum sabia muito em que direo tudo estava caminhando, mas todos sabiam que estava caminhando rpido e para alguma boa direo. Depois veio o crash, onde todos imaginaram acho que tudo esta indo muito rpido. Nesse perodo, os salrios baixaram, as agncia-clubes (com piscina, creche, bar, festas, DJs e tal) fecharam ou diminuram o luxo bruscamente e o mercado ficou muito menos elstico. Hoje, estamos vivendo um segundo boom, mais estruturado, com uma curva bem ascendente. Atualmente, o profissional tem mais chances. Tanto de mobilidade, quanto de propor algo novo que agite o mercado. Acho que vivemos uma poca bem saudvel para novas descobertas on-line. Wd :: Provavelmente, a diversidade de culturas que voc vivenciou ao longo de sua carreira trouxe algum tipo de influncia em seu trabalho. De que forma a cultura brasileira e de outros pases marcaram seus projetos? Andr :: O meu design inicial era muito inconseqente. Mas tambm assim era o mercado e as solues que propnhamos aos clientes em 1998, 1999. Ningum sabia bem o que era legal, o que dava certo. Mtricas de sucesso no eram nem cogitadas.

24 :: Coleo Brasil Design - vol.2

Depois de trabalhar na Blast, descobri que tudo o que entra no design tem que ser pensado e estar prova de furos. Porque no Brasil muita coisa era defendida como assim legal e essa defesa esotrica no uma boa base para um design funcional. Ento, aprendi a pensar com muito mais cuidado em absolutamente tudo. Desde o conceito visual geral e embasamentos grficos at na exata serifa da minha fonte e por que deveria ser assim. Por final, depois de passar um tempo respirando design de primeira no Japo, Holanda e Sucia, eu passei por uma fase de me livrar de tudo que era suprfluo e desnecessrio. Fiquei mais minimalista, mas tento manter a energia inicial da proposta. Hoje, acho que um bom design algo funcional, focado, inteligente e claro. No gosto de coisas obscuras e desnecessrias, a no ser que seja exatamente essa a proposta da pea - que normalmente no . Um bom designer absorve tudo a sua volta. Por isso, tantos designers bons hoje querem sair do pas. Pegar um menu de um boteco em Estocolmo um colrio para os olhos, porque tudo est perfeito, lindo, coeso, bem feito. Voc anda na rua e absolutamente tudo tem um design lindo. Tudo. Faz parte da cultura. Depois que voc passa por um perodo de adaptao, voc se cobra e a agncia cobrada a fazer algo muito melhor do que est a sua volta. Por isso, to interessante e desafiador trabalhar com uma cultura que entende design. J no Brasil, ou nos EUA, onde, fora um nicho minsculo do marketing de alto luxo que razoavelmente bem resolvido, o resto basicamente medocre. Assim mais fcil se acomodar, achando que o seu trabalho, por estar acima da mdia, j bom. Fora que a nossa mdia brasileira muito baixa. Wd :: Um dos cases de destaque em seu portflio o Daddy (2000). Em entrevista para o site Media Inspiration, voc diz que se orgulha deste projeto porque ele se iniciou atravs de um simples conceito e por ter se tornado um dos mais inovadores em seu portflio. Voc segue algum tipo de mtodo na hora de criar? Quais aspectos garantem a originalidade e a inovao de um projeto? Andr :: Esse projeto foi interessante porque primeiro achei uma soluo. Depois fui buscar o problema.

Exatamente por isso projetos pessoais podem ser to mais interessantes do que projetos comissionados, onde voc parte do problema e busca a soluo. Eles so a verdadeira chave para experimentao e inovao. Na hora de criar, eu parto do princpio que o site precisa agradar a mim e a minha equipe. Se ns, que trabalhamos nesse meio e no camos em cilada on-line por termos boas referncias e mal clicamos em banners, acabarmos curtindo e usando muito o projeto que criamos, tenho certeza de que ser uma pea de sucesso. Tambm existe um desafio pessoal: sempre procuro encontrar uma soluo que ainda no foi tentada, algo diferente, uma nova tecnologia, uma nova execuo, um novo conceito, uma nova interatividade... Sem isso, no tenho prazer nenhum em trabalhar. Quando voc senta para fazer um brainstorming para um projeto e parte do princpio que o cu o limite, tudo vem mais fcil. Fora que, na Gringo, nossa proposta ser uma agncia que descobre e vai atrs somente de idias criativas e nunca antes vistas, portanto difceis. Por isso, para ns, o cu sempre o limite e o prazer altssimo - e o trabalho flui mais fcil. Wd :: Ainda nesta entrevista, voc cita que um dos principais aprendizados com o mercado na Amrica Norte foi o foco na produo baseada na arquitetura da informao e na usabilidade. Como estes dois conceitos devem ser aplicados na construo de interfaces em projetos web? Andr :: Alguns projetos requerem uma equipe multidisciplinar que cuide de vrias facetas do site que no

Se voc acha que tem um portflio ruim, faa-o car melhor com peas pessoais, se envolva, batalhe!

entrevista - Andr Matarazzo :: 25

Uma das coisas que mais conta pontos no currculo de um prossional estrangeiro o que ele faz pela agncia. Como ele ajudou a agncia a chegar num outro patamar criativo etc.
so apenas focadas em conceitos e elementos visuais. Para fazer um site grande e funcional, acho que devem existir vrios profissionais especializados em coisas do tipo contedo (Content Strategist), informao (Information Architect), usabilidade (Usability Expert) e por a vai. Canso de ver sites de agncias grandes no to bem resolvidos - muito mais por falta desses profissionais especializados do que por falta de gente com paixo de fazer. Canso de ver redator testando site e atendimento fazendo o grid de informao do site. No vai ficar um trabalho espetacular. Wd :: Existem vantagens e limitaes quando falamos do uso de cores e de tipografia em projetos de internet. Como voc procura trabalhar estes dois elementos em seus trabalhos? Andr :: A cada dia essas limitaes vo caindo mais por terra. Hoje, por exemplo, no vejo nenhuma limitao tipogrca ou de cores em projetos on-line, por exemplo. Lgico que limitaes existem, voc no vai usar uma fonte de display para um texto minsculo de cinco pargrafos apertados. Mas voc tambm no faria isso na mdia impressa. Ento, graas a deus, acabou a fase de fontes especiais pixelizadas, cores X e gradientes Y. Claro que isso leva em conta o target final, existe uma grande diferena na produo de uma soluo para um pblico que so senhoras senis do meio-oeste americano e adolescentes ricos brasileiros. Porm, sempre existe alguma moda do momento, mas isso o grande perigo, porque o projeto fica sempre datado e envelhece mal. Aqueles que sabem fugir dos modismos faro sites que tero mais longevidade. Bato o olho em sites que usaram elementos da moda de certas pocas e me do calafrios. Sei at dizer que ms e que ano provavelmente ele foi concebido. No tem nada pior. Wd :: A Semana de Arte Moderna marcou um perodo definitivo na construo de um pensamento artstico nacional. Hoje, possvel apontar algum movimento que influencie o design para a web? Pela sua vivncia de mercado, possvel afirmar que j possumos uma escola de design com um estilo prprio? Andr :: No sei se estou preparado para responder isso. Sei que no entendo profundamente de arte e tambm no sou de acompanhar muito os movimentos atuais. Muito mais me interessa o porque e o pra onde da vida on-line do que o como. Ento, estou mais atrelado com conceitos e solues hoje em dia do que movimentos visuais. Temos muita gente marcante no design brasileiro. Alguns ficaram no Brasil, outros foram para fora. Esse um dos nossos grandes problemas. O cara que bom e tem condies de sair do pas, acaba saindo para ver o que consegue alcanar fora. Por isso, temos um grande contingente de gente tima que no est mais aqui. No geral, acho o design brasileiro interessante em matria de cores e formas. Muitos ilustradores interessantssimos, muitas colagens incrveis. Isso um pouco do reflexo de nossa cultura, uma colcha de retalhos de pobre com rico, de europeu com ndio, de catolicismo com psiquiatria... interessante! Wd :: Apesar de voc no possuir formao em curso superior, voc considerado atualmente um dos principais designers do mundo. Isso de alguma maneira atrapalhou sua caminhada profissional? Andr :: No acho que estou nem perto de ser um dos grandes designers do mundo. Fiz algumas escolhas certas sempre por aprendizado e oportunidades em vez de grana. Isso ajuda a ter a chance de fazer coisas legais. E tambm me empenhei e tive sorte. Agora, o fato de eu no ter curso

26 :: Coleo Brasil Design - vol.2

No prossional brasileiro, o que conta o que ele tem no portflio e quantos prmios ele ganhou. a velha histria do foco coletivo (Europa) e o foco individual (Brasil)
superior em design nunca me atrapalhou. O mundo do design extremamente democrtico. Sempre consegui trabalho mandando um e-mail para a agncia X e falando: isso que fao. Nunca tive nenhum contato, alm disso. E sempre funcionou. Se amanh chegar um cara de 16 anos com um portflio de cair o meu queixo, mesmo que sejam s trabalhos de escola ou piraes da cabea dele, eu contrato na hora! mais ou menos isso o que acontece no mundo inteiro. Portflio nesse nosso setor fala muito mais alto do que qualquer curso. Alis, se eu recebesse a visita desse gnio de 16 anos ou um cara formado pela Hyperisland ou pela Cranbrook que tivesse um trabalho ok, rapidamente contrataria o cara de 16 anos. Dom e paixo pelo design so muito mais importantes do que qualquer curso. Cursos so muito interessantes e importantes na formao de um designer, mas diplomas, menos. Wd :: Voc iniciou sua trajetria em uma empresa de hospedagem web em Campinas e decidiu se lanar no mercado de design, apostando na curiosidade, em sua coragem e atravs da construo de um portflio envolvendo produo para pequenos clientes e experimentos pessoais no Photoshop. Quais dicas voc daria para quem quer entrar neste mercado? Andr :: Dica nmero um, a mais importante: especialize-se! Hoje, um cara que faz mdio HTML, sabe um pouco de Flash e que no faz feio em design est fadado a sempre fazer trabalhos medocres. Agora, um cara que tem uma grande paixo por Flash, sei l, e se dedica e sabe muito da rea, sempre ter emprego. Sempre. Viajar o mundo se quiser, s fazendo isso. Vivemos num mundo globalizado e muito competitivo. E a criao de peas on-line deixou de ser um trabalho de um carinha

que fazia tudo para um trabalho de uma equipe multidisciplinar, onde cada um faz uma coisa. A tarefa ficou muito mais difcil e o profissional generalista de pocas passadas morreu. Lgico que todos que entram para um curso qualquer acabam aprendendo tudo de uma vez. A minha sugesto que quem est iniciando use todo esse estudo mais para entender o que o bicho chamado internet do que para achar que j est pronto para abraar o mundo e ganhar milhes. Tente achar, dentro de tudo o que viu, o que deixa voc mais interessado, o que d mais prazer e corra atrs disso. Dica nmero dois: para aqueles que esto na rea porque adoram, faam a opo de serem um peixe pequeno num grande aqurio. Ou seja, sejam humildes e aceitem um salrio baixo numa agncia que tem um grande potencial para te ensinar muito. muito mais interessante do que ficar dando as cartas numa agncia medocre e estagnar. Dica nmero trs: no desista! Para cada trabalho legal que arranjei, eu batalhei pesado. Como exemplo, tenha isso em mente: mande 100 e-mails, espere ser respondido 20 vezes, espere fazer entrevista trs vezes e nalmente feche com um. Veja que uma proporo de 100 para um. As coisas acontecem, mas tem que batalhar. Dica nmero quatro: foque no seu portflio e tenha orgulho dele. J entrevistei gente que mostrou trabalho atrs de trabalho e sempre vinha um comentrio do tipo: ah, esse no ficou muito bom porque X; nesse, o tempo foi curto e no deu para fazer Y; ou esse, o cliente carrasco rejeitou. Se voc acha que os seus trabalhos s tm problemas, quem sou eu para sentir que devo te contratar? Se voc acha que tem um portflio ruim, faa-o ficar melhor com peas pessoais, se envolva, batalhe! No quero saber das oportunidades que voc perdeu, quero saber das oportunidades que voc recebeu um limo e fez uma limonada, porque o negcio no nosso dia-a-dia mais ou menos assim. Wd :: Na edio de abril de 2004, Descubra os segredos dos maiores webdesigners do mundo, voc analisava que as tecnologias tendem a fundir-se e transformar-se em um elemento nico e mais contnuo.

entrevista - Andr Matarazzo :: 27

Diante do ritmo alucinante que a evoluo tecnolgica traz para o cotidiano de nossa sociedade, qual ou deve ser o papel do designer neste cenrio? Andr :: Design virou uma commodity muito valorizada nos dias atuais. Hoje, uma escova de dentes, com um cabo de design feio, encalha e no vende. Ento, o mundo est olhando para o tal do design como uma ferramenta de vendas muito mais interessante do que anteriormente. Atualmente, voc tem um designer especializado em cada setor de qualquer coisa que seja produzida e venda bem. At cartelas de medicamentos e seus folhetos de marketing so necessariamente bem desenhados para que vendam bem. O mundo hoje compra o livro pela capa. No s o contedo que vale. No sei se acho isso muito bom, mas uma realidade ao meu ver. Nesse sentido, o papel do designer o de um profissional de marketing. Ns apenas ajudamos a criar desejo em torno de produtos, locais ou pessoas. Tentamos fazer tudo ficar mais belo e mais funcional. Mesmo que a mquina que movimente o design hoje em dia seja 100% monetria, nesse processo competitivo tudo acaba sendo repensado. Como desenhar uma escova de dentes que todos vo querer usar? Muitas inovaes sero simplesmente estticas, mas vrias outras sero funcionais, que traro benefcios diretos para o usurio, como melhor limpeza e menos tempo escovando, exemplificando. E assim que eu vejo a situao atual. Todos esto, pelo motivo primrio monetrio, repensando tudo todo o tempo. Carros, computadores, celulares, televises, mveis, cartazes... Ns, designers, podemos estar no centro disso tudo. Somos ns que ajudamos a moldar o mundo de amanh de uma forma muito direta. E acho isso extremamente interessante. Wd :: Voc voltou recentemente ao Brasil e decidiu abrir um estdio, Gringo.nu, que atende principalmente a clientes internacionais. Ou seja, hoje voc exerce sua carreira internacional de outra maneira. Quais so as suas perspectivas diante deste novo desafio? Como as agncias nacionais devem se apresentar para o mercado internacional?

Andr :: Estamos ainda no comeo da Gringo e, por acaso, alguns trabalhos chegaram at mim atravs de contatos antigos internacionais. Para mim, muito mais fcil trabalhar para fora do que para o Brasil, porque a expectativa estrangeira, as oportunidades, os prazos e a grana so diferentes. bom estar trabalhando num ritmo mais gostoso e criando solues mais avanadas do que se v no Brasil. Ao mesmo tempo, tenho certeza que, em mais um ou dois anos, o espao abissal que divide as solues brasileiras das solues internacionais vai diminuir. Da, no ser to trabalhoso convencer o cliente brasileiro de que certos caminhos so bem mais interessantes que outros. Mas tambm bom notar que, pelo fato de criarmos solues diferenciadas na Gringo, temos uma gama de clientes sedentos por inovaes e atitude e que no tm muito medo de arriscar. Aqui no Brasil, vejo que muitos tm medo do risco. Quem no arrisca rapidamente consumido pela onda do capitalismo que mata os que sentam e esperam. Estamos nesse ano criando um portflio muito forte e temos a inteno de ser a melhor hot shop do mercado - e possivelmente uma das melhores do mundo. esse tipo de pretenso que faz todo mundo aqui trabalhar com uma grande vontade de vencer. Sabemos que estamos indo para o lado certo e procuramos clientes que tenham viso. Quem no tem viso, no nos interessa. Para que as agncias nacionais se posicionem melhor no mercado internacional, primeiro elas devem parar de fazer peas fantasma, que do um nome pssimo ao Brasil l fora. Todos imaginam que os gringos esto batendo palmas pelos 400 Lees de Cannes que ganhamos, s que quase todos sabem que 350 desses so fantasmas feitos s pressas, trs semanas antes da competio. uma vergonha. Por isso, o Brasil ganha tantos prmios com banners e coisas fceis de produzir. Somos prolixos em idias e ruins de execuo - componentes que fazem banners bons, mas jamais fariam um bom site. Quando conseguirmos juntar essa nossa veia criativa, que no tem para ningum, e esse nosso gingado engraado com um pouco mais de organizao e mais ateno a produo e a execuo, estaremos dentro do jogo internacional.

28 :: Coleo Brasil Design - vol.2

Portflio

Confira alguns dos trabalhos que definem a personalidade profissional de Andr Matarazzo

portflio :: 29

Laramara (2000)
Foi uma pea importante no meu portflio, porque nasceu de uma idia bem inspirada e se transformou em uma pea on-line com um resultado dramtico. Ela tem como intuito colocar o usurio no ponto de vista de um deficiente visual, o que muito diferente de tentar comover as pessoas colocando o deficiente visual na posio de coitadinho. No queramos usar essa idia antiga, mas apenas que o usurio sentisse, por 30 segundos que fosse, o que seria no enxergar, dentro de um mundo to visual como o nosso e, em especial, na mdia interativa. O site foi muito bem recebido e ganhou diversos Grand Prix` e prmios internacionais. Esse site foi o primeiro que eu z que ganhou uma projeo mundial e me mostrou o quo rpido as coisas andam on-line. Mostrou-me tambm o quo democrtico o mundo da propaganda on-line era, onde uma pea de um estdio com cinco pessoas em So Paulo virou referncia mundial naquele perodo. Para no esquecer, a Laramara tambm arrecadou algumas boas doaes e, principalmente, trouxe notoriedade para ela no Brasil e no exterior.

30 :: Coleo Brasil Design - vol.2

Gringo (2006)
De todos os sites que fiz de 2000 para c, resolvi mencionar o site da Gringo porque o site do meu novo estdio e acho que ele tem exatamente a nossa cara. A agncia tem essa faceta bem nonsense, muito divertida e interativa, elementos indispensveis para que uma pea realmente seja relevante ao usurio que quer ser entretido on-line. Queria mostrar nesse site um pouco das frustraes do dia-a-dia dos profissionais de criao que trabalham em agncias maiores e impessoais e logicamente tem muito de minhas prprias frustraes nisso. Sempre acredito que a web um veculo de total entretenimento e informao. Adoro fazer sites que do algo ao usurio em troca de sua ateno. Para a Gringo, queramos um site que tivesse um elemento fortssimo viral e no apenas se basear no que somos, onde estamos, o que fazemos... Acho que no Brasil temos muito papo e pouco resultado. Ningum mais quer ficar lendo um catlogo chato das glrias da agncia on-line! Ento, em troca de clicar no site www.gringo.nu, queria poder dar ao usurio algo que ele talvez j queira receber a muito tempo: um site que faz um verdadeiro vdeo-bomba a seu chefe carrasco. Vale a pena!

negociao :: 31

Daddy (2000)

Foi uma pea divertida de fazer, porque foi um projeto pessoal e feito com o processo criativo inverso: em vez de notar o problema e criar uma soluo, notei a soluo e criei o problema. Eu estava, na verdade, pesquisando uma forma de incorporar vdeo e ilustrao de uma mesma cena em um mesmo plano. Depois de vrias tentativas, surgiu a idia de sobrepor os dois vdeos e deixar o controle do que visto ao comando do usurio. Gosto bastante dessa pea porque criei uma soluo nunca antes vista. No nada de novo contar pontos de vista diferentes em uma narrativa, porm, sobrepostos, ao controle do usurio, simultneos, e ainda com esse efeito visual interessante (na poca, era inovador), isso sim nunca tinha sido mostrado antes. Por isso, acho que foi um trabalho bem feliz. To feliz que, cinco anos depois, uma grande agncia brasileira copiou essa pea quase ipsisliteris e ganhou um prmio em Cannes com ela. Mas isso j uma outra histria.

32 :: Coleo Brasil Design - vol.2

Trajetria
1998 a 1999
Meu primeiro trabalho no ramo on-line foi num provedor de acesso em Campinas que tambm fazia sites para alguns clientes. Tive a sorte de aprender o ofcio com duas designers maravilhosas que trabalhavam l e me ensinaram tudo o que sabiam, com uma pacincia de j. Pela primeira vez na minha vida, notei que tinha uma boa vocao para o negcio e aprendi tudo muito rpido. Em seis meses, juntei um portflio merreca (mas at legal para os tempos pioneiros da web no Brasil) e fui bater na porta de agncias grandes em So Paulo. A que gostou do meu portflio foi a Thunderhouse, comandada pelo Bob Gebara, que era a figura mais interessante e bacana do mercado. Colocou-me l como assistente e dentro de seis meses j era diretor de arte e estava fazendo peas importantes para clientes bacanas.

2000
Depois de um ano e pouco, queria tentar minha sorte fora do Brasil de novo. J havia morado fora durante alguns anos e estava querendo uma experincia semelhante novamente. Fui fazer entrevistas em algumas agncias bacanas de So Francisco, mas acabei me apaixonando por uma agncia mdia de Vancouver, no Canad, chamada Blastradius. Quando cheguei l, achei tudo fantstico, os projetos, as pessoas, a organizao, a cidade... Tudo me interessava. Fiz muitos projetos bacanas, cresci profissionalmente. Tenho memrias muito boas desse tempo.

2003
Depois de trs anos no Canad, j queria alcanar novos horizontes. A Blastradius tinha ficado grande demais, perdido o foco inovador (tinha ficado chata, basicamente). Mudei-me para Amsterd, ainda pela Blastradius, como diretor de criao, para tentar o que seria abrir um escritrio da Blast em terras europias. Imaginei que resgataramos aquele esprito pioneiro inicial da Blast, mas no foi bem isso. Aproveitei muito a minha vida na Holanda, s que no conseguia mais curtir o trabalho na Blast.

trajetria :: 33

2004
Como sempre quis morar na Escandinvia, fui fazer vrias entrevistas, desde Islndia at Finlndia. Decidi ficar numa agncia pequena, que estava fazendo trabalhos alucinantes, com um povo muito bacana. Foi a que me mudei para Estocolmo para trabalhar na Farfar. Ela me deu um novo impulso e uma nova viso sobre a mdia on-line. Trat-la como algo divertidssimo, fazer sites que ns mesmos adoraramos usar, fazer produes gigantes, com atores, cantores, bonecos animados, vdeos, chroma-key, voice-overs, muita tecnologia, muita gente experimental. Enfim, reaprendi a amar a web e ver nela um novo potencial. Mais importante do que isso: fiz parte de um grupo de pessoas (15) que tinham um grande teso no que faziam. No existiam estrelas, gente saindo e entrando, gente desiludida, se sentindo frustrada. No! ramos todos uma grande famlia nos divertindo e criando muita coisa legal no processo.

2005
Sai da Sucia por motivos de sade, fiquei um tempo afastado rodando pela Europa. De repente, surgiu uma oportunidade de trabalhar para a agncia mais bacana do Japo: TYO-ID, como diretor de criao. Morar em Tquio, absorver a cultura, viver em meio ao povo mais cordial e interessante do planeta - tudo isso foi uma experincia muito vlida. Mas no achei que era um plano que queria seguir por longa data. Estava me sentindo mais velho, com mais vontade de ficar com amigos, famlia, e pensava: ser que quero criar razes no Japo?

2005 aos dias atuais

Decidi voltar para So Paulo e comear um estdio meu, que fosse focado apenas em solues interativas muito especficas e que trabalhasse muito com o mercado internacional. Tudo est funcionando! Hoje montei a Gringo.nu e estou, junto com uma equipe fenomenal, encabeada por Ricardo Landim e Fernanda de Jesus, fazendo trabalhos para Japo, Europa, EUA, alguma coisa muito bacana para o Brasil, e tentando mostrar que a web pode ir muito mais longe. Meu sonho que nos tornemos uma referncia no mercado internacional - uma das dez melhores. Fora isso, quero poder dar uma puta experincia e uma vida boa para as pessoas que trabalham comigo, que eles possam fazer intercmbio com outras agncias estrangeiras e que trabalhem em projetos muito interessantes, nos quais acreditem mesmo. At agora tudo est correndo de acordo com o plano!

34 :: Coleo Brasil Design - vol.2

Dia-a-dia
De tudo, um pouco
Meu dia-a-dia no nada de muito esotrico. Trabalhar num estdio pequeno significa que voc faz de tudo um pouco. Quando trabalhava na Blast, na Farfar ou na TYO-ID, meu dia era inteiro definido, cheio de reunies, deadlines e tal. Hoje, envolvo-me mais em criao de conceitos, um pouco de direo de arte e muita coordenao de projetos. demanda: flash designers, ilustradores, fotgrafo, vdeomakers, 3D, roteiristas, programadores, udio... Depois de definido qual ser o time, fazemos uma reunio grande, organizamos a vida e o material de cada um e deixamos todo mundo trabalhar livre, com prazos bem bacanas, mas sem a possibilidade de extenso. Ainda bem que at agora no tivemos muitos sustos.

Definindo os projetos
Quando o projeto chega at ns, verificamos primeiro se algo que nos interessa, se est de acordo com a proposta da Gringo, quem o cliente, se ele est em sintonia (ou tem vontade de aprender qual a sintonia) com o que mais bacana como soluo on-line hoje, se est a fim de inovar etc. Se acharmos, em conjunto, que um trabalho que agrada a todos, damos incio no projeto. Sempre fazemos questo de ter um prazo bem bacana, mas nada flexvel. No gostamos de atrasar em absolutamente nada.

Cuidado com os prazos

Fazemos checagens quase que dirias nos projetos, mantemos o cliente menos ansioso possvel, mostrando como tudo est correndo, para que ele tambm opine sobre o andamento do projeto etc. Ao final do site, na maioria das vezes, no h qualquer correria e tudo funciona bem. Costumo dizer que quem sempre corre no final o cara altamente desorganizado, ou que trabalha com prazos impossveis, e nada disso o nosso caso. Ao final do projeto, fazemos um almoo com toda a equipe, brindamos e partimos para prxima. Quando a Gringo crescer um pouco mais, quero tentar me afastar um pouco das tarefas organizacionais e ficar mais dentro de estratgia e criao.

Na hora da criao
Inicialmente, criamos, em papel e lpis, um conceito. Rabiscamos coisas horrveis visualmente falando (no sei desenhar direito), mas que mostram um conceito bacana, inovador, que acreditamos ser a melhor soluo para o cliente. Em seguida, apresentamos esse conceito e vamos e voltamos fazendo pequenas ou grandes revises. Partimos para a montagem da equipe, de acordo com o que o projeto

dia-a-dia :: 35

36 :: Coleo Brasil Design - vol.2

Participao dos assinantes

Os dicionrios denem o ego como o centro da conscincia. Trazendo esta realidade para o design na web, se por um lado ele ajuda na realizao de trabalhos criativos e na defesa de idias, por outro pode atrapalhar o crescimento prossional e o relacionamento em equipe. At onde vai o limite do ego para quem trabalha com criao?
Renata Pimentel
rspimentel@globo.com

Existem, no mundo da criao, objetivos a serem alcanados na concepo de um projeto, que ultrapassam o limite do ego do criador. O processo criativo a ponte entre a meta e o resultado e isso exige uma grande dose de responsabi-

ora venced

lidade de quem est sentado na cadeira de criao. Essa responsabilidade o limite a ser respeitado para se obter o crescimento e comprometimento da equipe com os resultados.

Carlos Barreto
carlos@vipwebarte.com.br

O ego uma fonte de criatividade e com isso assumimos que nosso trabalho sempre o mais adequado e perfeito para as diversas situaes. Ele nos ajuda muito quando enfrentamos desafios sozinhos. Porm, quando estamos trabalhando em equipe, devemos analisar cuidadosamente nossas colocaes, pois neste momento o ego pode vir a ser um inimigo e atrapalhar o nosso relacionamento com toda a equipe.

Frederico Flix
eloisapessoa@hotmail.com

No tem limites. A criao algo que no se explica, ela nasce de uma inspirao. A questo do crescimento profissional e o relacionamento em equipe podem ser afetados, devido ao isolamento do profissional com o mundo exterior, pois sua grande preocupao estar sempre concentrado e livre de interferncias externas para no atrapalhar a busca da melhor idia. Isto no deveria acontecer, mas - se acontecer - melhor saber lidar com isso.

Carlos Junior
vamoss@vamoss.com.br

O ego a chave para a porta de entrada para seu local de trabalho. Na entrevista de emprego, seu ego diz quem voc e no engana caso seja um perfil institucional ou um perfil descontrado. Portanto, seu ego ir coloc-lo junto a uma equipe que espelhe o seu perfil, com os mesmos gostos, ou ir coloc-lo em um ambiente de trabalho que valorize suas atitudes.

Andr Moraes
avmcosta@hotmail.com

Creio eu que se formos basear nossa criao em nosso universo egocntrico, ficaremos limitados as nossas experincias, o que pode ser bom ou ruim. Contando com a possibilidade de ser ruim, prefiro ser excntrico no que diz respeito criao e obedecer as minhas convices e estudos.

Se voc assinante, participe desta seo pelo site www.arteccom.com.br/webdesign/clube

O autor da melhor resposta ganha prmios.

38 :: debate - os limites do ego

Os limites do

O profissional criativo deve procurar conhecer profundamente os conceitos que envolvem duas palavras: narcisismo e ego. Em artigo, Mario Quilici diz que o mito de Narciso foi muito bem utilizado pela psicanlise, ...j que determinadas pessoas vivem como se olhassem num espelho: no conseguem ver o mundo e o interpretam em funo de seus prprios valores, desconhecendo assim as diferenas. J o dicionrio Wikipdia define ego como

o centro da conscincia, a soma total dos pensamentos, idias, sentimentos, lembranas e percepes sensoriais. Trazendo estes significados para a realidade do design na web, se por um lado o ego ajuda na realizao de trabalhos criativos e na defesa de idias, por outro pode atrapalhar o crescimento profissional e o relacionamento em equipe. Assim, at onde vai o limite do ego para quem trabalha com criao?

Flor de Narciso
... Numa ocasio, enquanto caava com os amigos, Narciso afasta-se deles. Cansado, ele procura uma fonte para saciar sua sede. Encontra a fonte de Tpsias e, diante dela, se curva para mitigar a sede. Ao debruar-se sobre o espelho imaculado das guas, ele viu-se. Dessa forma, no pode mais sair dali. Apaixonara-se pela prpria imagem. Ali ficou e ali morreu e, mais tarde, quando procuraram o seu corpo, encontraram apenas uma flor amarela, cujo centro era circundado de ptalas brancas. Era o Narciso. Fonte: O mito grego de Narciso, por Mario Quilici

debate - os limites do ego :: 39

:: Cludio Reston (Haroldinho) Designer e tipgrafo, co-autor do zine Design de

Bolso e scio da Visorama Diverses Eletrnicas (www.visorama.tv)

limite do seu ego termina onde comea o do

outro. Faamos bom uso de nossos ouvidos ouvidos

Para os ditos trabalhos autorais, ou que tenham um prazo sufocado, mais que bem-vindo, o ego indispensvel, pois no existem tempo e espao para rudos externos. Mas, no dia-a-dia, para um bom rendimento em equipe, a frmula outra: ouvir e manter o spam filter mental sempre ativado. Oua tudo. Releve a opinio das partes envolvidas, seja cliente, fornecedor, scio ou assistente. Experimente a certeza alheia e depois pondere. muito difcil imaginar um coletivo eficiente num ambiente de guerra de egos, onde apenas o seu ponto de vista vale. Mesmo que seu conhecimento seja superior sobre determinado assunto, um comentrio inocente e despretensioso pode ser o molho

que faltava para aquele conceito at ento mal azeitado. Ou, na pior das hipteses, que pelo menos lhe sirva para compreender em quais vias no pretende trafegar. Trazendo isso para o universo pessoal, todos os trabalhos que participei, onde diversas opinies foram consideradas, o resultado foi sempre muito superior. E muito bom contempl-lo e lembrar de todas as idias ali presentes, entender o mrito de cada uma das partes envolvidas, e at mesmo vislumbrar o quo equivocado ele estaria se somente suas opinies fossem levadas risca. O limite do seu ego termina onde comea o do outro. Faamos bom uso de nossos ouvidos.

40 :: debate - os limites do ego

m qualquer natureza de relaciona-

mento, seja namorado, chefe, mdico, poltico

:: Ricardo Figueira Diretor de criao da AgnciaClick www.agenciaclick.com.br

ou vendedor, quem gosta de se relacionar com um mala metido que se acha o tal?
mala metido que se acha o tal? Coincidncia ou no, geralmente as pessoas que possuem esse tipo de distrbio esto mais preocupadas em ser do que fazer. E o pior que elas prprias acabam restringindo o seu leque de oportunidades a partir do momento em que isso se torna deagrado. O mercado extremamente frentico e a cada dia que passa existe menos espao ou tempo para esse tipo de coisa. Os mais espertos e maduros j perceberam isso.

A definio clssica de ego no a mesma definio que usamos para classicar a viso, geralmente distorcida, que prossionais de criao ou de qualquer outra natureza possam vir a ter sobre a sua auto-imagem e o seu trabalho. Entretanto, vendo por esse lado, ego no tem limite, mas o prossionalismo e o relacionamento tm. Em qualquer natureza de relacionamento, seja namorado, chefe, mdico, poltico ou vendedor, quem gosta de se relacionar com um

preciso saber trabalhar em equipe,

:: Chico Baldini Diretor de criao e scio-diretor da W3Haus www.w3haus.com.br

trocar idias com outros prossionais, ouvir e traduzir as necessidades do cliente

Em uma situao ideal, o ego do designer e a sua tarefa de design esto em perfeita sintonia (por isso mais fcil criar sobre temas que gostamos), mas nem sempre a necessidade do cliente e o ego do designer esto em sintonia completa. a que o prossional precisa saber buscar recursos para criar essa sintonia. Saber afastar o seu ego nesses momentos pode ser a diferena entre um trabalho equivocado e um trabalho certeiro. preciso saber trabalhar em equipe, trocar idias com outros prossionais, ouvir e traduzir as necessidades do cliente e, por m, saber o que o pblico quer receber, pois anal comunicao uma realizao coletiva.

O ego de um profissional de criao somado sua bagagem cultural, sua percepo e sensibilidade esttica e sua intuio so os definidores da qualidade visual de seu trabalho e, sem dvida, o que dene o ncleo de uma criao esttica. Porm, design no s isso. Um trabalho de design no simplesmente um trabalho autoral, um projeto de comunicao que precisa atender s necessidades/demandas de um cliente e de seu pblico-alvo. Um trabalho de design bem sucedido quando consegue comunicar os objetivos do cliente para o seu pblico, utilizando recursos estticos em sintonia com a sua imagem.

debate - os limites do ego :: 41

:: Fernand Alphen Diretor de Branding, Planejamento e Pesquisa da F/Nazca S&S www.fnazca.com.br

go auto-estima e segurana. O que contamina

o ego, no entanto, a vaidade excessiva

Uma vez, perguntaram para o Osho : dizem que p re c i s a m o s n o s l i b e r a r d o e g o p a r a p o d e r c re s c e r espiritualmente. Mas voc mesmo cultua o seu prprio!. Osho respondeu: para se liberar do seu ego precisamos primeiro ter um!. Nada de errado, portanto, em ter um ego. Alis, tudo de bom. Ego auto-estima e segurana. Minhocas no tm ego. O que contamina o ego, no entanto, a vaidade excessiva. A vaidade, por ser autocentrada, uma falha geral nas interfaces de relacionamento. Falha no relacionamento com as pessoas com as quais trabalhamos, relacionamento com os (mortais) clientes. A vaidade entorpece e cega, transforma dilogos em monlogos e talentos em mediocridades. Qual o limite da vaidade para quem trabalha criao? relativamente simples: quando perdemos a capacidade de expressar e rir com o ridculo de nossa condio. Ser criativo ser ridculo. Exercitamos o ridculo o tempo todo: nas atitudes originais, na paixo descabida, na falta de

vergonha, no gargarejo da autoria. No dia em que as atitudes dos outros forem todas medocres, em que o mundo ao redor parecer frgido, em que perdermos a educao, o recato e toda timidez, em que esquecermos que a nossa idia parte chupada, parte inspirada, parte de outro, parte de todos em que nos levarmos a srio demais, acenda a luz amarela que voc est se Michael-jacksonnizando. fcil curar-se desse mal: v procurar outra turma. Saia da torre e v para rua, para o estdio, para o morro. Deixe de freqentar os locais da sua moda, qualquer que ela seja - os beros que cultuam sua genialidade. V de cala Diesel e camiseta Comme des garons ao baile funk. V de jeans sem marca e camiseta Hering para um restaurante chique. V de cala de mano e bon para o ch das cinco do clube ingls. Fique um tempo cheio da grana em Nairobi ou sem nenhum em Megve. Voc vai se sentir uma minhoca e est curado.

Osho
Originalmente, um ttulo de reverncia concedido a certos mestres na tradio Zen do Budismo. Fonte: Wikipdia (http://pt.wikipedia.org/wiki/Osho)

42 :: e-mais - organizao das agncias

Organizao do setor de agncias digitais no Brasil

Unidos para consolidao do mercado de internet corporativa
Bahia, Pernambuco e Rio Grande do Sul. Para quem ainda duvida que o mercado de internet j se espalhou pelo Brasil, as associaes de agncias digitais, criadas nestes trs estados, nos ltimos dois anos, servem como prova do empenho e do esforo para tornar definitivamente tal segmento em fator produtivo na economia do pas. Os principais fomentadores deste cenrio so a ADBA (Associao de Agncias Digitais da Bahia - www.adba.com. br), a AETI (Associao das Empresas de Tecnologia Internet - www.aeti.com.br) e a AGADi (Associao Gacha das Agncias Digitais - www.agadi.com.br). As entidades que renem as agncias digitais tm como objetivo principal o aculturamento e o desenvolvimento do mercado corporativo no que se refere a solues digitais, notadamente o desenvolvimento de internet corporativa, afirma Cesar Paz, presidente da AGADi e diretor presidente da AG2 (Agncia de Inteligncia Digital). Alm destes fatores, Bruno Queiroz, presidente da AETI e diretor executivo da Cartello, refora que a fora institucional destas associaes permite a criao de regras, dando as condies necessrias para a concorrncia sadia e para a evoluo da qualidade do trabalho na rea.

e-mais - organizao das agncias :: 43

Mercado fora dos grandes centros Antes de falarmos sobre as vantagens e as conquistas alcanadas por essas associaes, importante relatar como elas mapeiam a expanso do segmento de internet pelo pas. Para se ter uma idia, o Sudeste - considerado o principal eixo deste mercado - ainda no possui uma entidade na rea. Diante desse cenrio, podemos afirmar que o mercado web j uma realidade em outros grandes centros do Brasil? Sem a menor sombra de dvida. Existem muitos trabalhos produzidos para os mercados nacional e internacional que no deixam nada a desejar, em termos de qualidade, se comparados com outros feitos em qualquer grande centro, seja So Paulo, Milo, Nova Iorque ou Tquio, afirma Allessandro Canella, vice-presidente da ADBA e scio-diretor da BeeWeb. Como bons exemplos, ele cita alguns trabalhos desenvolvidos por agncias baianas: nos portais de e-commerce da Insinuante (www.insinuante.com.br) e da GPW (www.gpw.com.br), ou ainda nos portais de turismo regional da Bahia (www.bahia.com.br) e da Praia do Forte (www. praiadoforte.org.br). E os resultados positivos que vm sendo colhidos em outras regies do pas parece ter servido de incentivo s agncias localizadas no Sudeste. So Paulo deve anunciar, nos prximos dias, a formao da APADi, que deve nascer com bastante fora, proporcionalmente ao tamanho do mercado no centro do pas. Esse um movimento que deve se ampliar nos prximos anos e, quando estiver maduro, naturalmente poderemos unir todas essas entidades numa grande entidade nacional representativa de todo o setor, analisa Cesar Paz. Enquanto uma associao nacional permanece como uma idia embrionria, as entidades existentes articulam a troca de informaes. Temos uma relao forte com a ADBA, na Bahia, e apoiamos bastante a sua criao. Ela segue o mesmo modelo da AGADi, conta Cesar. Almocei recentemente com o Murilo Gun (da Cartello, associada da AETI), aqui em Salvador, para trocarmos algumas idias sobre a nossa premiao local. Vale ressaltar que houve uma grande contribuio do pessoal da AGADi, quando

estvamos iniciando nossas atividades, revela Allessandro, da ADBA. Por que se associar? Voc tem uma agncia digital, possui uma srie de idias para melhorar o segmento e procura parceiros para compartilhar experincias e boas prticas no mercado? Ento, saiba a seguir que tipo de vantagens voc ter ao participar de uma associao do setor. O grupo pode utilizar sua fora conjunta para abrir novos mercados, barganhar valores e posies junto aos fornecedores, recorrer a um banco de talentos da prpria associao no momento de novas contrataes etc., enumera Allessandro Canella, da ADBA (veja box abaixo). Ao associar-se, voc assume um papel de agente e no de refm num mercado em plena transformao. Na entidade, o associado participa de forma direta de um debate intenso sobre a organizao do nosso setor, completa Cesar Paz, da AGADi.

Benefcios oferecidos pelas associaes: caso prtico ADBA

- Acesso gratuito a todas as pesquisas e dados do setor produzidos pela ADBA; - Participao de todo o processo de discusso e dos movimentos que a entidade realizar; - Direito a voto nas assemblias e reunies de diretoria; - Visibilidade de marca em todo o material de divulgao da ADBA; - Direito participao nas comisses de trabalho.

Hoje, ADBA, AETI e AGADi renem mais de 30 agncias digitais. Como convencer tantas empresas, com diferentes vises, a participar de entidades envolvendo um mercado em desenvolvimento no pas? Contactamos diretamente cada uma delas e apresentamos as vantagens e os benefcios de se tornar um associado. A ttica deu certo. Num segundo momento, ns passamos a ser procurados pelos interessados, revela Bruno, da AETI. Na AGADi, reunimos as principais agncias digitais do Rio Grande do Sul sem maiores esforos de prospeco e atravs de uma mensagem simples e direta sobre a necessidade de aculturamento do mercado, em especial do gestor corporativo, sobre as solues e o ambiente de internet, diz Cesar.

44 :: e-mais - organizao das agncias

Contribuindo para o avano do mercado Apesar do pouco tempo de existncia, as entidades contabilizam algumas conquistas. Na Bahia, eles celebram a unio das empresas em prol da melhoria do segmento. Conseguimos reunir as maiores agncias locais para iniciar o processo de melhoria de nosso mercado e, a partir da, iniciarmos um trabalho em conjunto, consolidando os nossos propsitos, diz Allessandro Canella, da ADBA. Para Cesar Paz, da AGADi, o reconhecimento da entidade como uma das principais fontes de referncia no mercado web j justifica sua criao. Alm disso, com foco no aculturamento do mercado, montamos dois eventos principais que esto tendo tima aceitao: o Frum de Internet Corporativa e o F5 - Ciclos de Qualificao. Hoje, no RS, temos reconhecimento do mercado, 24 empresas associadas, seis colaboradoras, gesto participativa, influncia no mercado e uma entidade auto-sustentvel. Para o primeiro ano foi uma boa maratona, afirma. Em Recife, a regulamentao do mercado e o lanamento de uma premiao no setor foram duas das principais metas alcanadas pela AETI. Antes, havia uma disputa centrada no preo e na desqualificao do concorrente. Em busca do cliente, chegava-se a praticar preos abaixo do custo, comprometendo no s a rentabilidade das empresas como tambm a qualidade do trabalho, o prazo de entrega

e, sobretudo, a credibilidade do setor. Ou seja, contratantes e contratados saam perdendo. Criamos um cdigo de tica, que estabeleceu princpios e normas de relacionamento entre os concorrentes, bem como entre o contratante e o contratado. O cdigo, por exemplo, definiu procedimentos para o direito autoral e de propriedade, para a prospeco ativa a clientes de concorrente, para o assdio a membros da equipe tcnica dos associados, para o trabalho em conjunto de um ou mais associados em um mesmo projeto, entre outros casos. Podemos citar tambm a realizao de duas edies do Prmio AETI, que traz visibilidade aos projetos desenvolvidos por aqui e atrai novos interessados em investir na internet, conta Bruno Queiroz. Outro avano proporcionado pela entidade foi a criao de um modelo referencial de oramento (baseado em homem/hora). Padronizando a moeda, os associados passaram a ter o mesmo parmetro de cobrana, variando apenas o preo da hora de acordo com estrutura de custos de cada um. Isso facilitou a tomada de deciso do contratante, que ficou nivelada para cima, pois a comparao entre os concorrentes se vale dos mesmos critrios. Alm disso, os associados comearam a perceber, com mais clareza, seus prprios custos, corrigindo as grandes distores que chegavam a 75%, em situaes crticas.

Em relao ao futuro, a AETI promete manter firme os ideais (regulao e fomentao) que levaram a sua criao. Na ADBA, o compromisso est na criao de uma premiao regional. Queremos definir critrios tcnicos mais especficos, avaliando no somente o aspecto esttico do trabalho (design, recursos grficos etc.), mas principalmente a real capacidade de venda do site para aquele produto, seja ele qual for, com aferio de resultados, ndices de recall e outros meios de constatao, diz Allessandro. No Sul, as novidades envolvem um mapeamento completo da rea. Queremos avanar no Raio-X da internet corporativa, um projeto que ainda no saiu do papel, mas que fundamental para termos os primeiros dados do mercado corporativo em relao a utilizao da internet pelos diferentes setores da economia gacha, finaliza Cesar.

Como surgiram
- ADBA A partir da ltima premiao (2005) do Top Web (prmio local aos melhores trabalhos do ano). Eu, Mauro Rocha (2Pontos) e Rogrio Ramos (Agency5) comeamos a interagir sobre a necessidade de termos uma entidade local, sem vcios, com foco na aculturao e profissionalizao do mercado corporativo de solues digitais na Bahia. Listamos algumas empresas que acreditvamos ter uma representatividade local, ligamos e agendamos uma primeira reunio para amadurecermos nossas idias. Assim nasceu a ADBA. (Allessandro Canella) - AETI A AETI surgiu no final de 2002 e incio de 2003. No foi inspirada em nenhum modelo especfico. O principal motivador foi a percepo das quatro mais representativas empresas do setor da necessidade de discutir os problemas do mercado no sentido de buscar solues em comum. Cartello, W3, Icorp e Inovao fundaram a associao e, em seguida, convocaram mais dez empresas, totalizando 14 associados em sua composio inicial. Atualmente, a AETI possui oito associados, reduo ocasionada pela fuso entre Cartello e W3, entre Icorp e Inovao, bem como pelo desaparecimento natural das microempresas. Embora menor, a formao atual representa cerca de 90% do mercado, tanto em nmero de clientes, quanto em movimentao financeira. (Bruno Queiroz) - AGADi Em funcionamento desde o final de 2004. A AGADi surgiu a partir de discusses num grupo de empresas (agncias digitais) que no encontravam representatividade nas entidades de tecnologia da informao nem da publicidade. Quando participvamos dessas entidades, tnhamos a sensao de ser um apndice dessas estruturas e de ter pouca relevncia. Depois de vrias discusses, entendemos que o caminho era montar uma entidade prpria. (Cesar Paz)

46 :: estudo de caso - GloboEsporte.com

GloboEsporte.com
A evoluo da cobertura do esporte na web
Proporcionar aos amantes do esporte uma experincia completa. Com este mote na cabea, os profissionais da Globo.com criaram um dos maiores sites esportivos do pas, o GloboEsporte.com. O site vai alm da notcia, trazendo a emoo do esporte para o computador. Introduzimos um novo conceito na forma de estruturar a informao, deixando para trs o velho modelo de notcia/matria (jornal), afirma Andr Braz, gerente de design da Globo.com. A seguir, ele revela os principais detalhes envolvendo este projeto.

Wd :: A Globo.com uma empresa de internet pioneira no Brasil, pois possui um laboratrio prprio para testes de usabilidade. Na edio de janeiro da revista, Felipe Memria, designer de interfaces da empresa, revelou que o GloboEsporte.com passava por avaliaes em termos de usabilidade. Como estes testes ajudaram no desenvolvimento do site e quais foram os custos envolvidos durante esta etapa? Andr :: O teste de usabilidade do GloboEsporte.com foi, de uma forma geral, um sucesso. Alm do site como um todo, foram avaliados o Cartola FC (fantasy game oficial do Campeonato Brasileiro), o Tempo Real (transmisso dos jogos lance a lance, que inclui vdeos dos gols e principais jogadas, acompanhamento dos jogos da rodada, escalao dos times etc.) e a nova home do portal. No foram encontrados grandes problemas com relao navegao e ao uso de nenhum dos produtos testados. Por outro lado, como no poderia deixar de ser, detectamos possibilidades de melhoria em alguns pontos. No Cartola FC, por exemplo, produto novo no mercado brasileiro, existiu dificuldade na compreenso do conceito de fantasy game, pois jogos no modelo manager so mais populares. Por isso, as pessoas tendiam a acreditar que o funcionamento era semelhante e no prestavam ateno nas diferenas de regra. Esse tipo de informao

foi relevante para o redesenho do produto. No geral, os problemas detectados eram muito pontuais e acabaram sendo corrigidos com o tempo. A pesquisa foi tambm fundamental para definir direes para a nova home do GloboEsporte.com, que ser lanada para a Copa do Mundo. A novidade a transmisso de todos os 64 jogos da Copa, ao vivo pela internet. Basicamente, o teste mostrou que o site tinha dois problemas principais: falta de exposio adequada de alguns contedos e comunicao deficiente do que era ou no aberto para no assinantes da Globo.com. Em outras palavras, o site deveria se vender melhor, pois muito contedo interessante e exclusivo, como as pginas de jogadores, confrontos, central de jogos e vdeos acabavam passando em branco, sem serem percebidas pelos usurios, que tambm ficavam receosos quanto ao que seria ou no aberto para no assinantes da Globo.com. Os custos foram basicamente com o recrutamento dos usurios e horas de trabalho dos profissionais envolvidos na pesquisa, custos nfimos perto do resultado que obtivemos com essa iniciativa. Wd :: De dois anos para c, a tecnologia RSS se tornou febre entre os desenvolvedores de sites. Por ser dividido em assuntos esportivos (futebol, basquete, vlei etc.), o site de vocs possui uma oferta variada de

estudo de caso - GloboEsporte.com :: 47

Qualquer empresa de mdia tem por obrigao manter presena em todas as formas, seja pelo navegador, via WAP, RSS, newsletters etc.
feeds. Como o RSS pode ajudar a alavancar os acessos de um site? Os usurios brasileiros j utilizam regularmente esta tecnologia? Andr :: Os usurios no mundo tornam-se cada vez mais exigentes sobre aquilo que consomem na web, incluindo a forma como consomem. Para se adequar a essa nova perspectiva, qualquer empresa de mdia tem, por obrigao, manter presena em todas as formas, seja pelo navegador, via WAP, RSS, newsletters etc. Nesse cenrio, o RSS s mais um dos meios de entrega que o GloboEsporte.com oferece a seus clientes. Como produzimos um volume muito grande de notcias todos os dias, o RSS ainda nos ajuda a manter o usurio automaticamente atualizado, uma vez que ele no precisa visitar o site a toda hora para saber o que tem de novo. A segmentao por modalidades de esporte, campeonatos de futebol ou times do corao tambm nos garante que falaremos com o cliente certo, alm de ser um timo servio para o fantico que quer acompanhar tudo o que acontece sobre aquele determinado assunto. Todos ganham. O RSS no Brasil tem uma vida muito recente, diferente dos EUA, onde j usado, pelo menos pelos blogueiros, h mais de quatro anos. Isso explica a baixa utilizao que temos em terras tupiniquins. H outra grande diferena entre as ofertas no pas e o que ocorre l fora. No temos por aqui a figura do agregador on-line, presente em boa parte da oferta de contedo dos sites americanos. A popularizao da tecnologia nos EUA se deve, prioritariamente, as iniciativas do Bloglines e do Yahoo, que incentivaram a adoo dos botes de Subscribe with Bloglines ou Add to MyYahoo nos grandes sites de notcias. Wd :: Falando da oferta de contedo, muitas vezes sites com grande quantidade de informaes acabam no produzindo interfaces adequadas, que facilitem o acesso do usurio a dados especficos. De que forma a Arquitetura da Informao foi aplicada no GloboEsporte.com? Andr :: Como esporte mexe basicamente com a emoo das pessoas, no GloboEsporte.com buscamos uma arquitetura que beneficiasse a paixo do torcedor brasileiro. O melhor exemplo para isso est na seo Futebol (paixo nacional e principal esporte consumido pelo internautas brasileiros), onde os times so o grande

48 :: estudo de caso - GloboEsporte.com

eixo de navegao. Criamos interfaces direcionadas para os torcedores de cada time. Alm disso, valorizamos a navegao por confronto (ou evento) e modalidades, o que direciona o amante do esporte direto para as suas preferncias e continuam incentivando suas paixes. Wd :: Uma notcia do site Tableless (http://tinyurl. com/fqrjj) revela que a ESPN.com vai economizar mais de 700 terabytes por ano ao implementar os padres web em seu site. Como o GloboEsporte.com vem aplicando tais conceitos em seu site? Andr :: A nova home da Globo.com j um grande passo nessa direo. o caminho que vamos seguir no GloboEsporte.com, no s pela economia de bytes, mas por acreditar que um site construdo dentro dos padres contribui positivamente para uma melhor experincia do usurio, alm de otimizar o tempo de desenvolvimento. Wd :: Recentemente, a Globo.com lanou uma nova verso de seu portal. Na diviso do contedo (esportes, entretenimento, notcias etc.), percebe-se o uso de cores para identificao de cada canal. Por que vocs decidiram utilizar tal recurso e como foi escolhida a cor de cada canal? Andr :: Como estamos tratando de um universo de contedo to amplo como o das Organizaes Globo, faz muita diferena uma navegao organizada e de fcil entendimento. Esta diviso das reas, com um cdigo de cores, tem por objetivo melhorar a experincia de uso do portal. As cores entregam a informao de maneira mais objetiva. O reconhecimento instantneo, a curva de aprendizado alta e, portanto, a sinalizao mais eficaz. importante ressaltar tambm que as cores conferem maior personalidade s reas. Queremos que estas sejam vistas no apenas como uma simples categorizao, mas como pginas que so fonte segura de contedo amplo, variado e de qualidade para cada universo: Jornalismo, Esportes, Entretenimento e Vdeos. A escolha das cores foi feita com base na associao emocional natural de cada tipo de contedo e/ou posicionamento que buscamos para cada rea. Em Jornalismo, usamos o azul por estar associado seriedade e credibilidade e por ser uma cor muito presente nos produtos jorna-

As cores entregam a informao de maneira mais objetiva. O reconhecimento instantneo, a curva de aprendizado alta e, portanto, a sinalizao mais ecaz
lsticos da Globo, que estaro abrigados nesta rea. Em Esporte, o verde nos pareceu natural. Dado que o futebol a paixo nacional e responde por um percentual expressivo de nossa audincia, no tivemos muitas dvidas em trazer o verde dos gramados, presente em quase todas as cenas do esporte, para representar esta rea. Na parte de Entretenimento, optamos pelo laranja principalmente pelos atributos emocionais da cor. uma cor quente que traz a alegria, a energia e a luz do amarelo misturados com a fora e a emoo do vermelho. Fora isso, a rea deve abraar um nmero de produtos muito amplo e diversificado, de naturezas diferentes, alguns focados no pblico masculino e outros no feminino. O laranja permite trabalhar com toda esta variedade. A rea de Vdeos no segmenta por assunto, mas pelo tipo de experincia. Justamente por abrigar contedo de todas as reas, deixamos o Tab acromtico. Ao clicar no Tab Vdeos, o usurio chega no Globo Media Center, nossa central de vdeos. L dentro, o contedo organizado no menu seguindo o mesmo cdigo de cores da barra do portal. Wd :: Hoje, j podemos afirmar que a internet possui uma iconografia prpria (por exemplo: utilizamos a imagem de uma casa para indicar a pgina principal de um site). No GloboEsporte.com, vocs utilizam os escudos de times de futebol para indicar as sees especficas de cada um deles. Como o uso de elementos grficos pode ajudar a navegao de um usurio e como eles devem ser aplicados? Andr :: O elemento de navegao Tudo sobre o seu time, com o escudo dos clubes, uma das marcas registradas do site. Mostrou-se um enorme sucesso tanto nos testes de usabilidade quanto na pesquisa qualitativa realizada em So Paulo, semanas depois. Mas esse tipo de soluo no funcionaria em qualquer situao. Sua eficincia depende do nvel de familiaridade

estudo de caso - GloboEsporte.com :: 49

das pessoas com a iconografia. O elemento s foi projetado dessa forma porque os escudos dos principais times do Brasil so bem conhecidos pelo pblico-alvo do site. Mesmo assim, foram usados textos auxiliares que funcionam como legendas para o caso de dvidas. O uso de elementos visuais agiliza a navegao, alm de torn-la mais ldica. As pessoas identificam mais rapidamente o escudo de seus times do que os nomes por extenso. Outra vantagem dessa soluo a economia de espao na interface, importantssima para a rea do primeiro scroll. Wd :: Na edio de maro da revista falamos das comunidades virtuais, tema que tem exercido grande influncia no desenvolvimento de projetos de internet. Vocs lanaram recentemente uma nova verso do Cartola FC. Qual a sua funo dentro do GloboEsporte.com? Andr :: O Cartola FC, lanado em 2005, foi o primeiro fantasy game brasileiro e, mesmo com o baixo conhecimento deste tipo de jogo no Brasil, tivemos mais de 200 mil cadastrados na primeira edio. Este ano, a estimativa que tenhamos 400 mil cadastrados. Ele a primeira grande comunidade virtual dentro do GloboEsporte.com, tem uma funo estratgica e entrega uma nova forma de consumir contedo relacionado ao futebol brasileiro. Rene, sobre o mesmo tema, informao, entretenimento e interatividade. Wd :: Para se garantir investimentos em projetos web, preciso saber mensurar resultados e possuir mtodos de anlise de performance de um site. Que tipo de mtricas o GloboEsporte.com utiliza para mensurar seu desempenho? Andr :: Realmente todo investimento em projetos de modo geral est ligado diretamente ao resultado do mesmo. Pensando exatamente em entregar sempre o melhor produto que, alm das mtricas convencionais, estamos sempre atentos ao Ibope e as web mtricas bsicas, tais como: visitantes nicos, visitas, tempo mdio do nosso site, principais caminhos percorridos, profundidade de contedo, vdeos mais vistos etc. Fazemos tambm uma anlise detalhada do GloboEsporte.com em relao concorrncia diariamente. Analisa-

Lemas para atingir o pblico-alvo

- Informao Uma das maiores coberturas jornalsticas da internet e de notcias contendo udio, vdeo, fotos e infogrficos. - Vdeos O maior acervo de vdeos da internet brasileira, atravs de contedos exclusivos (Estaduais, Brasileiro, Lutas, Surf, NBA e Copa do Mundo - 2002 e 2006). - Torcidas Dar voz e cara aos usurios, proporcionando um ambiente para o encontro das torcidas. - Diverso Casseta com Bola e tudo; blog do Tabajara FC e do Caneladas; Cartola FC; games on-line. - Interatividade Usurios podem participar da mesa redonda do Sportv; videolog no T na rea; vdeo-recado do internauta; enquetes; quiz; concursos culturais.

mos os destaques de cada site em diferentes momentos do dia, buscando saber nmero de matrias por cada tema especfico, tipo de abordagem s matrias, o que destaque, vdeos. Com todas as informaes consolidadas (nmeros de audincia e anlise de contedo), podemos montar um perfil estratgico completo do nosso produto em comparao concorrncia e posicionar o nosso site para atender melhor o nosso pblico, saber o que mais agrada e como os mesmos se comportam com cada tema. Buscamos assim nos diferenciar para melhorarmos cada vez mais. Wd :: No blog Poucas e boas (http://tinyurl.com/ hektq), o presidente da Associao de Mdia Interativa, Marcelo SantIago, analisa que a Globo.com continua utilizando um formato antigo de banner (full banner - 468x60 pixels), quando a padronizao sugerida pela instituio aponta para novas medidas (super banner - 728x90). Por que vocs continuam utilizando tal formato? Andr :: A Globo.com tem o espao para super banner em 99,9% dos seus sites. Fomos os primeiros a contemplar isso em praticamente todas as nossas pginas e continuamos incentivando fortemente a adoo desse formato pelo mercado, inclusive nessa nossa nova fase, onde temos tantos novos sites. O que acontece - e este o foco - que ainda poucos

50 :: estudo de caso - GloboEsporte.com

anunciantes produzem o super banner e como em nossas pginas possvel tanto a veiculao do full banner como o super banner, acaba que infelizmente vemos com mais freqncia o formato menor. Por que as agncias insistem no full banner? O nosso preo para veiculao o mesmo para full banner e super banner justamente para incentivarmos a veiculao do formato maior. Mas onde esto os anunciantes com super banner? Alguns poucos focam no tamanho maior. Com isso, alcanam melhores resultados e ainda contribuem para que as nossas pginas fiquem mais bonitas e estruturadas, como o caso da Fiat (AgnciaClick) que sempre contribui com algumas das melhores peas que veiculamos. Mantendo a linha de inovao, a Globo.com faz estudos constantes com o objetivo de melhorar sua entrega comercial. Temos novos formatos sendo analisados e desenvolvidos. Nossa nova home, por exemplo, j conta com um banner que denominamos big banner, um espao totalmente diferenciado e com uma nova proposta de veiculao. Em breve, vocs vero anunciantes estreando esta novidade. Wd :: Neste ms, se inicia o principal e mais esperado evento do mundo do futebol: a Copa do Mundo. Diante disso, os grandes portais de internet se preparam para lanar espaos exclusivos em seus sites para atrair um pblico sedento por informao. Quais novidades o GloboEsporte.com pretende oferecer para os seus usurios durante a Copa? Andr :: A Globo.com vem se tornando sinnimo de inovao tecnolgica no mercado web. Na Copa, no ser diferente. Como ela acontecer durante o horrio de trabalho (e todos os jogos ocorrero dentro do horrio comercial), a mesma ser, sem dvida nenhuma, a Copa da internet. E por isso que, durante o maior evento esportivo do mundo, o GloboEsporte.com far a cobertura mais completa j vista na internet. Seremos o primeiro e nico site do Brasil a transmitir todos os jogos da Copa do Mundo ao vivo. Falando ainda em inovaes, as Organizaes Globo lanaro um projeto inovador de cobertura da Copa: ela ser multiplataforma. Ou seja, a equipe que ir para a Alemanha ser compos-

Um site construdo dentro dos padres contribui positivamente para uma melhor experincia do usurio, alm de otimizar o tempo de desenvolvimento
ta por integrantes da Globo.com e da TV Globo. Todo o contedo produzido poder ser utilizado por ambos os veculos. Teremos uma programao completa com uma cobertura do principal evento esportivo do mundo em vdeos, matrias do dia-a-dia, entrevistas exclusivas, mesas redondas, blogs e muito mais. A Globo.com se vestir de Copa e ter 24 horas de programao atualizada no ar. Wd :: Alguns desenvolvedores de sites ainda encontram dificuldades para avaliar e ajustar os ltimos detalhes antes de um projeto ir ao ar. A Globo.com utiliza alguma metodologia ou ferramentas especficas para trabalhar esta questo? Quais so as principais questes a serem observadas antes de um site ir ao ar? Andr :: Todo novo projeto da Globo.com, antes de ir para o ar, testado por duas equipes: uma de testes funcionais e outra de carga. As duas etapas so acompanhadas de perto pelos arquitetos (da informao e de sistemas) do projeto e pela equipe de produto. Nos testes funcionais so simuladas todas as situaes possveis durante a edio do site, garantindo o risco mnimo de erro e problemas tanto no sistema de publicao quanto nas pginas finais. Essa etapa tambm tem um suporte da equipe que desenvolveu o site para a resoluo de bugs e eventuais erros graves. Aps a homologao em testes, o site vai ao ar. Antes de ser publicado e divulgado, fazemos uma edio-zero completa e uma validao final envolvendo as equipes de criao, marketing e arquitetura. Alguns ltimos bugs so revistos durante esse processo, que podem surgir devido mudana de ambiente. As questes observadas levam em conta necessidade de atingir usurios utilizando os mais diversos sistemas operacionais e browsers. Questes como peso das pginas, tempo de carga e segurana na informao so tambm bastante crticas e valorizadas durante todas as etapas de desenvolvimento e testes de um novo produto.

52 :: Tecnologia na web

Tecnologia na web
Layout lquido: projetando sites em diferentes resolues Um dos principais desafios na hora do desenvolvimento de um site envolve a variedade de resolues de tela de computador utilizadas pelos usurios. Assim, devemos projetar uma interface atravs de parmetros fixos (800x600 pixels, 1024x768 etc.) ou pensar em uma soluo que atenda as diferentes especificaes de tela? A polmica entre layout lquido e fixo antiga. Os designers, vindos de uma escola historicamente habituada a ter mais controle sobre as dimenses dos elementos de uma composio, do preferncia a estruturas com valores fixos como um desdobramento natural da sua atividade. No entanto, em se tratando de internet, essa idia de controle ilusria. Deve-se considerar resoluo, tamanhos e tipos de fonte, browsers e suas verses, sistemas operacionais etc. Todas estas so variveis que tm impacto sobre o resultado final, explica Federico Arana, que trabalha com design de interfaces na Globo.com. Para quem ainda no conhece a definio de layout lquido, o especialista explica que esse o nome que damos as pginas que utilizam porcentagens para definir as dimenses dos seus elementos em detrimento do uso de valores fixos. Isto quer dizer que o contedo destas pginas se adeqa largura da janela do browser. Embora lquido seja o nome mais popular deste tipo de estrutura, tambm encontraremos este assunto sendo tratado por fluido, elstico ou, o menos popular, dinmico. Nova gerao de monitores traz novos paradigmas Uma coisa parece ser unnime: a evoluo no mercado de monitores parece ter decretado o fim de sites projetados com base no tamanho de 640x480 pixels. Atualmente, praticamente padro usurios domsticos usarem resolues a partir de 800x600, o que facilita a vida dos desenvolvedores que podem fazer tranqilamente um layout com uma largura de, aproximadamente, 770 pixels, afirma Diego Eis, scio da Visie Treinamentos e criador do site Tableless (www.tableless.com.br). Um dos principais fatores que parece contribuir para as mudanas no perfil mdio dos usurios de internet est na popularizao dos monitores de 17 e 19 polegadas. Como aconteceu com o 640x480, futuramente no teremos mais usurios de 800x600. Possivelmente chegaremos a uma etapa onde dimenses fixas sero maioria, j que a largura de linha ter encontrado seu ambiente ideal. Isto duraria apenas o tempo necessrio para a chegada de uma nova transio que traria de volta a necessidade de se repensar o que mais adequado, destaca Federico. Se levarmos em considerao o pblico-alvo de um site, o tamanho da projeo poder aumentar. Para um pblico muito especfico, como, por exemplo, fotgrafos ou designers, possvel fazer layouts com larguras bem maiores que o convencional, j que esse pessoal costuma usar resolues como 1280x1024, diz Diego. J vemos sites que usam layout totalmente fixo em 1024, apenas dividindo a rea de maneira a permitir que o visitante usando 800x600 consiga ver sempre contedos completos, sem corte ou sobra de colunas. O scroll horizontal ento mostra o que est escondido direita e recolhe o que estava visvel esquerda, deixando novamente uma diviso de contedo ajustada para esta resoluo. Esta tendncia uma clara conseqncia dos avanos trazidos pelos novos monitores, maiores em polegadas, melhores em qualidade de imagem e menores em tamanho, complementa Federico. Recomendvel para qual tipo de projeto? At aqui entendemos o que significa um layout lquido e como a evoluo dos monitores trouxe novos desafios para quem desenvolve sites. Porm, tal tcnica pode ser utilizada para qualquer tipo de projeto ou existe um segmento especfico? Sites que tenham um volume grande de massas de texto, convivendo com destaques usando imagens e com grande profuso de anncios, so fortes candidatos ao uso de estrutura lquida. Isto porque, como o contedo vasto

Tecnologia na web :: 53

nvel avanado

e variado, o melhor que se use todo o espao que se tenha disponvel, orienta Federico. Segundo ele, um bom exemplo de layout totalmente lquido o site da Vivabit (www. vivabit.com). interessante como at as colunas com imagens de destaque conseguem redistribuir seu contedo. No Brasil, os sites de comrcio eletrnico so os que mais utilizam a tcnica. Eles precisam fazer com que a home parea o mximo possvel com uma vitrine. Precisam mostrar produtos e ofertas para que possam chamar a ateno do usurio. Provavelmente, se o site fosse feito com largura fixa, ele perderia um espao importante para exibir seus produtos. Sites como Submarino (www. submarino.com.br) e Americanas (www.americanas.com) so timos exemplos de como um layout lquido pode ser usado. O usurio tem a impresso de estar na frente de uma verdadeira loja, cita Diego Eis. Porm, ambos ressaltam que no h certo e errado. Amazon (www.amazon.com) e New York Times (www.nytimes.com) so dois sites com estas caractersticas (grande massa de texto e profuso de anncios), mas apenas o primeiro utiliza o layout lquido, aponta Federico. O site de e-commerce Magazine Luiza poderia ser fluido como os outros sites do mesmo gnero. Mesmo assim, o pessoal do Magazine conseguiu resolver eventuais problemas de um site de fazendo um layout fixo, lembra Diego. Alm disso, no devemos esquecer que a maioria dos exemplos que consideramos ser de layouts lquidos usam, na verdade, estruturas hbridas que combinam contedo lquido e com largura fixa. Um simples exemplo: colunas laterais de portais que normalmente abrigam menus de navegao, caixas de enquete, banners, tickers etc. costumam ter suas larguras fixas enquanto que o centro ocupa a rea til determinada por um valor percentual, diz Federico. Cinto de utilidades Quer transformar o layout de seu site em lquido? Ento, procure preencher seu kit bsico de conhecimento com HTML e CSS. Existem tcnicas que, mudando apenas

uma linha do CSS, voc consegue transformar um layout fixo em layout fluido e vice-versa. Com CSS a maneira mais fcil, porque voc ganha todas aquelas vantagens que todos esto carecas de saber. E tem a vantagem de poder mudar totalmente o seu layout, mexendo apenas algumas propriedades, relata Diego. Para Federico, isso vale mesmo que o designer no seja o responsvel pela montagem das pginas e que seu trabalho acabe na produo de PSDs. As novas experincias para diagramao de pginas de internet envolvem uso de mais de uma folha de estilos para o mesmo arquivo, diviso dinmica de textos em colunas autopaginveis e at troca em tempo real de diagramao, dependendo do tamanho da janela. Com a web cada vez mais personalizvel, o desenvolvimento de pginas que se adaptem s necessidades do usurio sero cada vez mais exigentes. Quanto antes os designers perceberem que quem est no controle o usurio, melhor.

Vantagens no uso de layout lquido

- Permite que o usurio tenha um contato com um nmero maior de informao. - Adaptao do contedo largura da janela do browser. Isto evita a estranheza causada pelo espao vazio existente nas pginas com layout fixo e permite que o visitante tenha mais controle sobre sua experincia no site.

Desvantagens no uso de layout lquido

- Falta de controle sobre a disposio dos elementos e sobre a largura das linhas de texto. No h como estabelecer uma codificao eficiente de pesos e valores que norteie os olhos do visitante se estes elementos se encontram espalhados e distantes. - A leitura de massas de texto pode se tornar uma tarefa desagradvel j que a linha muito longa dificulta o acompanhamento do contedo. - Maior dificuldade no desenvolvimento, pois ser preciso observar diferentes resolues, no utilizar posicionamento absoluto para os objetos, dentre outros fatores. Fontes: Diego Eis, Fator W (www.fatorw.com) e Federico Arana

54 :: tutorial

Caminhando pelo HTML - parte 1

Elcio Ferreira Desenvolvedor e instrutor na Visie Padres Web http://visie.com.br/

Este ms, vamos iniciar uma srie de estudos sobre HTML. Alguns podem estranhar o fato de ocuparmos espao nesta revista para falarmos sobre um assunto to comum e uma linguagem to simples. Por isso, vou comear explicando o que me motivou a escrever esta srie. Simples e importante HTML uma linguagem bastante simples, mas muito importante. Praticamente tudo na web feito com HTML ou depende dela de alguma maneira. At um site todo em Flash publicado num arquivo HTML. Este primeiro artigo pode parecer muito bsico. No se engane, h muita coisa importante a aprender nos fundamentos do HTML. s vezes o que nos faz falta mesmo o conhecimento inicial, e tenho visto muita gente tropear nas coisas simples. Vejo muitas solues inventadas com CSS e Javascript para resolver problemas que o HTML trata sozinho. Tenho visto tambm muita gente que faz um trabalho limitado simplesmente porque no conhece os recursos disponveis na linguagem. Outro motivo para escrever o fato de que tenho visto muita gente capaz, habilitada a trabalhar com layouts CSS ou programao Javascript/AJAX, perdendo seu tempo com problemas simples de HTML. Eliminar o medo Nossa primeira tarefa perder o medo do HTML. Se voc trabalhou com HTML sem CSS, ou com pouco CSS, com cdigo baseado em tabelas ou gerado automaticamente pelo editor visual, tem boas razes para ter medo de HTML. Se, como eu, teve que fazer seu HTML funcionar nos velhos Netscape 4 e Internet Explorer 4, deve mesmo ficar apavorado. Deixe-me avis-lo, no daquele velho HTML complicado que estamos falando. Pretendo mostrar-lhe que, trabalhando com padres web, HTML uma linguagem realmente simples e muito poderosa. Recursos nicos HTML uma linguagem com recursos nicos, feita

para ser usada na construo de uma internet aberta e acessvel. Conhec-la pode tornar seu site mais acessvel e muito flexvel. Foi feita para que seu site funcione em qualquer navegador, em qualquer plataforma. Para que ele seja acessvel em seu celular e aparea bem no Google. Os primeiros artigos desta srie vo falar sobre isso. Alm disso, uma linguagem extensvel. Os ltimos artigos vo falar de microformatos, GeoURL e outras maneiras de se estender o HTML e mostrar algumas aplicaes que esto surgindo baseadas nisso. Este um excelente motivo para escrever sobre HTML. Voc vai gostar de conhecer os novos usos que esto sendo dados linguagem e as extenses do HTML que voc pode usar em seu site. HTML a prpria base da construo de sites com padres web. Antes da formatao CSS, de um elegante javascript baseado em DOM ou um poderoso AJAX, todo site baseado em padres comea com HTML e impossvel trabalhar com padres web sem saber HTML. A idia bsica: texto simples A idia bsica por trs do HTML muito simples: ele um arquivo de texto. Isso mesmo, texto puro, como o que voc pode escrever no bloco de notas. Essa a natureza fundamental do HTML e que o torna acessvel em qualquer plataforma e em qualquer dispositivo. Embora existam plataformas de software que no suportem imagens, sons ou Flash, no h sistema que no suporte texto. XML Um daqueles fundamentos que muita gente ignora o fato de a linguagem HTML ter verses. Neste tutorial, trabalharemos com a verso XHTML 1.0. XHTML uma verso da linguagem HTML que compatvel com XML. Na prtica, para quem escreve o HTML, isso significa ter uma meia dzia de regras simples ao escrever, poder usar validadores automticos muito poderosos em seu cdigo e produzir cdigo preparado para as aplicaes que esto surgindo e ainda vo surgir baseadas em XML. Quando abordarmos os microformatos, no final dessa srie, isso

tutorial :: 55

vai ficar mais claro. Por hora, basta saber que seguindo o padro XHTML, voc vai estar pronto para o que vamos fazer depois. Tags O texto HTML muito simples, quase como texto comum. A principal diferena que h pequenas marcas que podemos colocar no texto para indicar suas partes. Por exemplo, digamos que determinada palavra no texto precise de um destaque especial, voc pode fazer isso assim: Um <strong>diamante</strong> um pedao de carvo que se saiu bem sob presso. O cdigo <strong> indica o incio do texto destacado e o cdigo </strong> o seu final. A esses pequenos marcadores, damos o nome de tags (etiquetas), porque servem justamente para marcar trechos do texto. Veja um trecho tpico de cdigo HTML: <h1>PASSAREDO</h1> <p>Cuidado, homem que (se) mata! Quem que voc mata se mata a mata, que no a si mesmo?!</p> <p>O poema de Luiz Angelo Vilela Tannus d o triste a viso: Cuidado, existncia! O homem pode acabar com voc...</p> Temos aqui um ttulo (h1) e dois pargrafos (p) de texto. Cdigo simples, tanto de se escrever quanto de se ler. Atributos Nem todos os pargrafos so iguais. O mesmo com os ttulos, imagens, links, listas, menus e formulrios. Muitas vezes uma tag no o suficiente para representar o que voc quer dizer em determinado trecho de cdigo. Por exemplo, ao inserir um link, preciso dizer para onde esse link aponta e muitas vezes voc quer indicar tambm qual ser o texto da tooltip que aparecer quando o cursor estiver sobre o link. Logo, voc tem um link assim: Isto um link: <a href=http://www. tableless.com.br>Tableless</a>. E com o texto da tooltip: Isto um link: <a href=http://www. tableless.com.br title=Tableless: web standards>Tableless</a>. Os atributos so sempre usados para definir caractersticas das tags, como o endereo de uma imagem ou o tipo de um campo de formulrio. Um documento HTML basicamente composto desses trs elementos: texto, tags

e atributos. Simples, no? Semntica e significado Voc deve ter notado uma caracterstica interessante do HMTL: cada tag significa alguma coisa. Assim, usa-se a tag strong (forte) para destacar trechos de texto, p para fazer pargrafos, h1 para ttulos e a para links, para citar as que j usamos. importante usar a tag certa para cada tarefa e este um dos principais segredos do trabalho com HTML. A boa notcia que a quantidade de tags pequena e voc logo saber de cor todas as possibilidades. Muita gente tem escrito HTML, seja em editores de cdigo ou em editores WYSIWYG, quebrando essa regra bsica. Ao observar o resultado em seu navegador, parece tudo bem. Mas, quando voc avalia o mesmo site num navegador simplificado, como os de dispositivos mveis, percebe a falta que fazem as tags em seus lugares exatos. A essa caracterstica do cdigo, de usar a tag certa para cada tarefa, damos o nome de semntica. Ou seja, significado. Cada tag tem um significado e voc no pode usar uma tag de ttulo para fazer um pargrafo de texto comum ou uma tag de endereo para fazer um menu. sobre esse significado que esto sendo construdas uma srie de aplicaes interessantes. H leitores de tela para cegos que, baseados na semntica do documento, auxiliam o usurio em sua navegao. Ele pode, por exemplo, ouvir apenas os ttulos da pgina para encontrar com facilidade o contedo que o interessa. Robs de busca como o Google parecem entender a semntica do documento ao pontuar as pginas. E os microformatos so construdos em cima da semntica. Nosso caminho Espero ter lhe vendido meu peixe. Nos prximos trs artigos, vamos falar sobre a estrutura bsica do HTML, a construo do cdigo, as tags disponveis, as informaes relacionadas, como a pgina de cdigo usada (se voc tem problemas com acentos, precisa ler este artigo) e as folhas de estilo relacionadas. E no final dessa srie daremos o passo alm falando sobre os microformatos e como voc pode aumentar as funcionalidades disponveis em seu HTML. At!

Um aprendizado alm da tecnologia

As crianas do projeto Mag-Malien, sob a coordenao do Mestre Bode, marcaram presena na edio carioca do 11 EWD. Eles trouxeram alegria e mostraram como os ensinamentos da capoeira ajudam na construo de futuros cidados.

58 :: webwriting

Bruno Rodrigues
Autor do primeiro livro brasileiro e terceiro no mundo sobre contedo online, intitulado Webwriting - Pensando o texto para a mdia digital. coordenador de informao do website Petrobras e titular da primeira coluna sobre Webwriting no mundo, elaborada desde 1998 e hoje veiculada na revista online WebInsider. Ministra treinamento de Webwriting e Arquitetura da Informao no Brasil e no exterior. bruno-rodrigues@uol.com.br

O castor, o dique e o seu contedo

Um das fbulas mais interessantes (e menos conhecidas) de Esopo conta a histria de dois castores que pouco se falavam, mas moravam em rios que corriam paralelos. Um dia, em meio construo de um enorme dique para conter o rio que teimava em se encher com a gua da chuva, o castor do Rio da Direita notou, exausto, que os galhos estavam terminando. Sem graa, gritou, ento, ao castor do Rio da Esquerda, se ele poderia doar um ou dois galhos. Voaram dois galhos por sua cabea, que o castor agoniado tratou de enfiar pelo amontoado de galhos que j comeava a notar sinal de fraqueza. Desesperado, o castor tratou de ajeitar os galhos aqui e ali, at que, em pnico, perguntou mais uma vez ao castor do Rio da Esquerda se ele poderia jogar dois ou trs galhos. Nem bem os galhos voaram para o seu lado, o castor nervoso encaixou-as em meio pilha de galhos que agora tremiam como uma gelia, e estancou, paralisado, espera do pior. Alucinado, gritando por socorro, pela primeira vez em sua vida o castor do Rio da Direita subiu, atabalhoado, a encosta do seu rio, e j ia descer correndo para dentro do Rio da Esquerda, quando parou, chocado com o que via. No Rio da Esquerda havia um outro dique, enorme e resistente, a conter a fora da gua. Deitado sobre ele, roendo calmamente uma folha de rvore, estava o outro castor, que observava as centenas de galhos que haviam sobrado, flutuando sua frente... Antes que o castor do Rio da Direita pudesse se arrepender de algo, o seu pobre dique arrebentou. Em questo de minutos o rio transbordou, afogando o apavorado castor e cobrindo com enormes ondas o Rio da Esquerda - que engoliu o outro castor, sua folhinha de rvore e as centenas de galhos que haviam sobrado. Claro, voc no um castor - a no ser que eu tenha uma nova estirpe de leitores (se for o caso, no deixe de me avisar). A lio que se pode tirar desta histria (para ns, webwriters, inclusive), que no adianta querer cuidar do seu rio/contedo sozinho, j que todo assunto ou tema gerado por algum que no voc - a fonte da informao. Em resumo: todos os lados precisam se comunicar e, mais importante que tudo, todos tm sua responsabilidade sobre o que disponibilizado. Em termos prticos, o webwriter tem suas funes, assim como o gerador de contedo tem as suas. O gerador pode mexer direto no contedo? claro que sim (no se assuste, voc no vai ficar desempregado). Quais seriam as vantagens em ter dois cozinheiros preparando o mesmo prato? A ver: Comprometimento: voc o redator e pensa a melhor distribuio de contedo, mas o pai dos assuntos abordados em uma pgina web deve ser o gerador de contedo. Voc o padrinho, no mximo. No importa em que perfil de site voc trabalha, construa uma tabela de Responsabilidade de Contedo e defina qual gerador cuida de qu. O grande benefcio? A qualidade do que disponibilizado melhora sensivelmente, j que toda palavra e pargrafo tm dono, e ningum gosta de ser o culpado por erros. Em tempo: voc o castor do rio do lado, portanto no fique achando que voc passou a bola para frente e ponto final. Cheque se este trabalho est realmente sendo feito, e no reclame se for obrigado a cobrar se houver furo - voc faz parte de uma equipe.

webwriting :: 59

Pensar contedo nossa tarefa, e qualquer atividade que passe mais pelo cerebral que pelo mecnico irmo gmeo da inteligncia.

Atualizao: se quem gera o contedo fica exposto, a atualizao passa a ser, tambm, uma das prioridades, voc ver. Na tabela de Responsabilidade, abra um campo para Periodicidade, ento. No fique achando que uma s andorinha - ou um castor - faz o vero, j que atualizao um trabalho hercleo. Prontifique-se a ajudar o gerador de contedo. Envolvimento: se a lio da histria que dois castores que trabalham em conjunto no morrem afogados, imagine voc e o gerador de contedo pensando juntos - quantas boas idias podem surgir! Para alcanar este patamar, contudo, o preciso que haja vontade e envolvimento, e essa interao s oresce com comprometimento. Sim, a misso do webwriter est mudando - para melhor. Pensar contedo nossa tarefa, e qualquer atividade que passe mais pelo cerebral que pelo mecnico irmo gmeo da inteligncia. Prepare-se! Em tempo: a fbula acima no de Esopo - eu criei para esta coluna... Pois , viu o que d s ficar lendo sobre tecnologia & internet? Cultura geral bom, gente - at fbulas (verdadeiras) de Esopo. Olhe que o dique do lado pode arrebentar...

60 :: marketing

Ren de Paula Jr.

Diretor de produtos do Yahoo Brasil. profissional de internet desde 1996, passou pelas maiores agncias e empresas do pas: Wunderman, AlmapBBDO, Agncia Click, Banco Real ABN AMRO. criador da usina.com, portal focado no mundo on-line, e do radinho de pilha (www.radinhodepilha.com), comunidade de profissionais da rea. rene@usina.com

Cartas na mesa
O que voc quer? Sim, estou falando contigo. Responda. Assustou? Ento falemos de outra coisa enquanto voc pensa. Para a conversa car mais interessante, aventuremo-nos no arriscado territrio do infalvel. Eu quero falar sobre Querer. Eu quero falar bem diferente de eu gostaria de. Se eu quero, eu quero, no tem por que colocar num subjuntivo aucarado. Eu quero. Nem questo de desejo, vontade mesmo. Desejar passivo: voc depende de algo externo que lhe desperte o desejo, seja uma barra de chocolate ou um sex symbol qualquer. Querer no, querer coisa minha. S eu sei o que quero. Se voc quiser algo diferente, por favor coloque suas cartas na mesa. OK, no fcil. Expressar o que eu quero vai contra uma vida inteira aprendendo polidez, etiqueta, protocolos sociais, respeito etc. Em algumas culturas orientais pega muito mal expressar diretamente o que se quer. Parece falta de respeito, egosmo, rudeza. Em algumas culturas ocidentais, por outro lado (planetariamente falando, inclusive), ou o cara se coloca abertamente ou ele um hipcrita dissimulado. Quer ver? Coloque os dois extremos numa negociao e os dois vo sair horrorizados com a barbrie alheia. Questes culturais, contextos, situaes polticas... Tudo isso condiciona a maneira como expressamos nossos quereres. Existe uma situao, porm, onde temos que ser claros: design. Eu me recordo at hoje de algo que li no prefcio de um livro-curso de Desenho Tcnico: desenho vem de desgnio, e desgnio (obrigado, Houaiss) idia de realizar algo; inteno, propsito, vontade. Se a etimologia est correta eu no sei, mas ao menos coloca na mesa um ponto fundamental: design querer. Querer um verbo que tem objeto sempre... E um sujeito. Pensemos num sujeito que acessa uma loja on-line. Se ele entrou no site, h vrios quereres imaginveis: - ele quer comprar um produto X da marca Y - ele quer comprar um produto da categoria Z, seja de que marca for - ele quer encontrar ofertas - ele quer saber o que h de novo - ele quer acompanhar o pedido que fez ... e por a vai. A loja, por sua vez, tem seus quereres: - quer vender - quer que o usurio compre - quer que o usurio deseje comprar outros produtos - quer que o usurio compre sempre dela - quer que o usurio ajude a divulg-la - quer conhecer melhor o usurio - quer que o usurio se sinta seguro

marketing :: 61

"...ou aprendemos a expressar o que queremos e a lutar por isso, ou vamos ter dores de cabea sempre."

- quer que o usurio se sinta satisfeito - quer que o usurio se sinta bem-atendido ... e a lista continua. E eu pergunto: - Esses quereres todos foram colocados como itens sine qua non do projeto? - O design contemplou tudo isso? - O resultado nal viabiliza esses quereres todos? Cada pergunta dessas diz respeito a uma etapa diferente do design: planejamento, desenvolvimento, implementao. Depois que o projeto est no ar, no d mais para querer uma coisa que no foi colocada expressamente na fase de planejamento. Se o layout que voc encomendou veio diferente do esperado, ser que voc expressou corretamente o que queria? A busca do site funciona como o usurio espera ou o cliente queria que funcionasse? Eu escrevi esse artigo porque queria deixar claro um ponto: ou aprendemos a expressar o que queremos e a lutar por isso, ou vamos ter dores de cabea sempre. E isso ningum quer, quer?

62 :: bula da Catunda

Marcela Catunda
Trabalhou na TV Globo, TV Bandeirantes, TV Gazeta, Manchete e SBT. Foi redatora da DM9DDB e Supervisora de Criao de Mdia Interativa da Publicis Salles Norton. scia do site Banheiro Feminino, est no Orkut e trabalha como autnoma. blog - http://pirei.catunda.org marcelacatunda@terra.com.br

Ento t ento. Fazer o qu?

- Ento, Marcela. A gente gostou mesmo, mas infelizmente no vamos fazer esse vdeo agora. justifica o cliente. - Entendo. me consolo. - Mas foi muito legal a gente ter feito esse primeiro contato. No faltaro oportunidades pra gente tocar alguma coisa mais pra frente. - Claro. me consolo novamente. - Obrigado. At mais. desliga. - At mais Sinal de Ocupado. respondo pro nada. Por que ser que esses caras so assim? Eles me ligaram, se reuniram comigo, me passaram o job, mandei o oramento, eles aprovaram, eu cumpri o prazo, entreguei direitinho e agora eles dizem que no precisam mais do meu roteiro? E quem me garante que eles no vo us-lo? Boa pergunta, mas melhor ainda a resposta: ningum. E a nasce a coluna de hoje. Como abordar os clientes que nos disseram no? Devemos jog-los no limbo do eles no me merecem, numa lista negra do t de mal ou tocar pra frente e procur-los numa outra oportunidade? Dou uma de cobaia e fao a experincia. - Oi, por favor, o Otvio? essa sou eu. - Otvio? diz a moa. - Sim, ou seria Olavo? essa louca sou eu. - Ahhh! Voc quer falar com o seu Olvio. Quem deseja falar com ele? pergunta prestativa. - A Marcela Catunda, e antes que voc me pergunte de onde, sou a redatora que fez um trabalho pra ele do projeto Vero 2005, diz pra ele que foi aquele que no rolou. explico, ou tento. - Espera... enquanto ela tampa o bucal do telefone como o nariz dela escuto: Olvio, uma moa que fez um negcio que no foi aprovado quer falar com voc. - Puuuuf! bufo alto. - Olha, ele no t. Quer deixar recado? pergunta. - Pra qu? agradeo e desligo. Esse no rolou, mas pudera. Que lugar esse? Risco ento esses caras e tento mais um approach. - Puxa! Quanta novidade boa. exclamo. - Pena que voc s ligou agora. Chamamos um redator ontem. - Nossa! Que bola fora eu dei, hein? Perdi essa bolada por um dia? Fala srio! tripudiar demais. Pra que dizer ontem? Diz semana passada, p. Tem d. Desligo irritada e desisto da guerrilha telemarketing. Parto para algo mais corpo a corpo. - Ento, menino. Tava passando aqui na porta (mentira) e parei pra entrar. essa sou eu. - Entra! Vamos papear. isso um seja bem-vinda. Rimos bastante e no que eu sa de l com uma promessa de job? Nada muito certo,

bula da Catunda :: 63

"...aprendi que bom mesmo focar em novas frentes. Foi bobagem achar que o que no rolou poderia rolar."

mas pelo menos bati um bom papo, soube das ltimas, vi um monte de amigos e me diverti. Pensando bem foi bom. Volto pra casa, abro meus e-mails e uns docs. antigos. A quantidade de trabalhos na pasta bombados to grande que quase desisto de seguir adiante. Tenho por hbito colocar uma observao no final dos docs. quando eles so bombados, uma explicao qualquer. A maior parte delas ridcula porque as fao com dio no corao e voc sabe como fazer as coisas com raiva, n? Ficam ininteligveis. - E a Moo? Faz tempo, n? essa sou eu. - Muito. A gente no trabalhou mais. esse o cliente. - A gente nunca trabalhou. S tentamos, a gente podia trabalhar agora, n? eu de novo. - P, Marcela eu agora t s clinicando. diz ele. - Clinicando? Deus. - Sim. Eu tambm sou veterinrio. No sabia? Resultado da pesquisa A cobaia encontra-se acabrunhada, um tanto quanto deslocada. Acordou mais cedo que o habitual, alimentou-se mal e se mostrou pouco receptiva a impulsos positivos. No quis brincar, nem interagiu a receita de bolo de fub cremoso de Ana Maria Braga. Fazer o qu? Mas nem tudo est perdido. Eu no desisto. Na lio do flash back aprendi que bom mesmo focar em novas frentes. Foi bobagem achar que o que no rolou poderia rolar. Opto imediatamente pelo mdulo clientes/parceiros que deram certo e no que consigo um freela? . O negcio multiplicar sobre o positivo. Ento t ento.

64 :: webdesign

Luli Radfahrer
PhD em Comunicao Digital, j dirigiu a diviso de internet de algumas das maiores agncias de propaganda e de alguns dos maiores portais do Brasil. Hoje, Professor-Doutor da ECA-USP, Diretor Associado do Museu de Arte Contempornea e consultor independente. Autor do livro design/web/ design:2, administra uma comunidade de difuso do conhecimento digital pelo Pas. webdesign@luli.com.br

V estudar, menino!
Voc chama website de home page? Se orgulha de ser autodidata? Tsk, tsk, tsk... No pas em que a auto-ajuda o gnero literrio mais vendido e cujo Presidente da Repblica se orgulha de nunca ter lido um livro, no de se admirar a popularidade de certas personalidades virtuais cuja maior faanha a reclamao indiscriminada e a constatao ferrenha que tudo, absolutamente tudo uma porcaria. Voc certamente conhece alguns deles: so aqueles que, de to chatos e inconvenientes, no conseguem sustentar um emprego ou amigos por determinado tempo e de quem at a prpria famlia suspira aliviada quando vo embora. Pois no grande armrio da Internet, em que todos podem dar a opinio que quiserem sobre o que bem entendem, eles esto vontade. E podem reunir em torno de si um grupo de macacos de auditrio que, por falta de opinio ou cultura, concordam com tudo o que dizem, em uma cmara de eco infinita. Pois . O mesmo sistema de web 2.0 que permite uma grande liberdade de expresso tambm pode servir de palco para as declaraes mais descabidas, preconceituosas e radicais. o mesmo princpio que sustenta o fundamentalismo: fala-se o que vier mente e manda-se para a fogueira quem ousar discordar. No h nada de errado em se discordar do sistema vigente, mas a crtica sem proposta nada mais que uma panfletagem vazia. Lev-la a srio pode atacar as poucas iniciativas positivas. Se levarmos em considerao o baixo ndice de leitura e conhecimento dos profissionais que trabalham com Internet, surpreendente que haja tantas crticas. Na minha opinio, muitos destes se comportam como lderes sindicais (ou crianas mimadas, o que no de todo diferente): como no tm competncia, no se estabelecem. Como no conseguem criar, se empenham em destruir. Como no estudam, atacam qualquer forma de cultura. Ao propor a queima de livros, Mao e Hitler no eram to diferentes assim. Nesses tempos de comunicao colaborativa, as oportunidades de aprendizado esto por toda parte, em diversos formatos. Voc designer? Pois se preocupe em aprender um pouco mais sobre Histria da Arte, Histria do Design, Tipografia, Fotografia, Teoria das Cores... conhea os trabalhos dos melhores profissionais do mundo, no s na sua rea (alis, para ampliar seus horizontes, evite a sua rea). Se voc programador, aprenda um pouco mais sobre Planejamento de Processos, Cincia da Informao, Teorias de Linguagem, Epistemologia e Aprendizado. isso, e no uma nova manha de Flash ou um script diferente que far de voc um profissional respeitado. sempre bom lembrar que tcnica s tcnica e que, por melhor que seja, voc sempre poder ser ultrapassado por algum com uma coleo melhor de bookmarks. Isso ficou bem claro quando fui para Londres terminar meu doutorado. Apesar de ter

webdesign :: 65

"Voc chama website de home page? Se orgulha de ser autodidata? Tsk, tsk, tsk..."

na bagagem alguns cursos e uma boa coleo de livros tcnicos, descobri que no tinha feito mais do que a minha obrigao, e que, para seguir adiante, teria de estudar muito, muito mais a respeito de assuntos que, aparentemente, no tinham nada a ver com a minha rea de atuao. Um pouco mais tarde ficou evidente que eram exatamente aqueles temas estranhos, desconexos e aparentemente arcaicos (Filosofia e PsModernismo, por exemplo) que fizeram toda a diferena para amarrar os conceitos tcnicos. Curiosamente, so os nicos que ainda so vlidos. Minha av sempre me disse que aquele que tem telhado de vidro no deve jogar pedra no dos outros. Por isso, se voc chama flyer de flayer; se seu portflio se resume a um fotolog em Flash; se sua cultura grfica composta apenas dos websites que visita; se acha que design arte (mas no estuda arte, pois acredita que tem um dom divino); se acredita que criatividade incompatvel com as cincias exatas; se desdenha de profissionais ou publicaes nacionais (mas no faz melhor, pois incapaz); se acredita que nada se cria, tudo se copia (e aplica essa mxima para as peas que desenvolve); se sua participao online mais relevante mandar mensagens para listas criando regras e falando mal dos outros; se seu principal site um blog que comenta assuntos sobre os quais voc no tem domnio algum seno o palpite; se cria comunidades de dio no Orkut; se as peas que voc desenvolve tm cara de portal; se voc est mais preocupado em CSS e XHTML, PHP, MySQL que em design ou que nas necessidades de seu usurio; se seu programa de ilustrao o CorelDraw; se voc no sabe se quer ser msico ou trabalhar; se definido como um flasheiro (ou jquei de qualquer tecnologia); se auto-intitulado designer autodidata; se que quer se profissionalizar sem fazer uma faculdade; se corre para comentar qualquer bobagem que l, sem profundidade, em sites estrangeiros; se tem, enfim, a opinio formada sobre tudo e acha tudo um lixo, uma sugesto: V estudar, menino! S assim voc poder se transformar naquela metamorfose ambulante to importante nas equipes de criao de produtos digitais.