outubro 2006 :: ano 3 :: n 34 :: www.revistawebdesign.com.

br

Ampliando suas fontes de inspirao

Reportagem: Conhea as transformaes ocorridas no design para web Estudo de caso: A era dos sites como estratgia de branding Especial: Cobertura do Frum Internacional de Design e Tecnologia Digital

DESIGN & ARTE

R$ 8,90
I SSN 1806 - 0099
E D I T O R A
00034

9 771806 009009

4 :: quem somos

Editorial
Vamos l, Picasso, essa tela pra ontem!!!
Nossa ltima reunio de pauta aqui na Arteccom foi bastante rica e estimulante: falaramos sobre arte nesta edio! um assunto interessante e essencial. C o m o C a ro l i n a L e s l i e , d a A g n c i a C l i c k ( p g i n a 3 9 ) , e x p l i c a bem que a arte no tem que agradar nenhum pblico e a funo do designer justamente encontrar solues ou, simplesmente, agradar este mesmo pblico, por que design e arte esto to prximos, andam to juntos? A ponto do designer, numa agncia de publicidade, ser chamado de diretor de arte? Na minha cabea, fico imaginando um diretor de arte mais ou menos assim: - Vamos l, Picasso, essa tela pra ontem, viu? Brincadeiras parte, acho que um designer deve, ao invs de se sentir um artista, conhecer muito de arte e interpret-la como f o r m a s d e e x p re s s o . U m a r t i s t a , n o s e u m o m e n t o d e c r i a o , chora, ri, sofre, sente angstia e, finalmente, encontra uma maneira de extravasar seus sentimentos, atravs de formas, cores, sons, ocupao do espao... Um designer tambm pode chorar, sorrir, sofrer, se o objetivo for encontrar solues inovadoras para seus clientes. Ou seja, a arte deve servir apenas como uma grande fonte de inspirao. E, com esse objetivo, preparamos vrias pginas para a sua imerso no mundo da arte.
Direo Geral Adriana Melo Direo de Redao Luis Rocha

Equipe
adriana@arteccom.com.br

luis@arteccom.com.br

Criao e Diagramao Camila Oliveira

camila@arteccom.com.br

Leandro Camacho
leandro@arteccom.com.br

Ilustrao Beto Vieira

beto@arteccom.com.br

Publicidade Bruno Pettendorfer Dbora Carvalho

publicidade@arteccom.com.br

Gerncia de Tecnologia Fabio Pinheiro

fabio@arteccom.com.br

Financeiro Cristiane Dalmati

cristiane@arteccom.com.br

Atendimento e Assinaturas Luanna Daumas

luanna@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

Boa leitura. Adriana Melo

www.prolgraca.com.br

Distribuio
www.chinaglia.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.

menu :: 5

apresentao pg. 4 quem somos pg. 5 menu

contato pg. 6 emails pg. 6 fale conosco

fique por den tro pg. 8 mtricas e mercado pg. 10 direito na web pg. 11 post-it

portflio pg. 12 agncia: Cappuccino/HZTA pg. 18 freelancer: Renato Loose

matria de capa pg. 20 entrevista: Design e arte pg. 28 reportagem: Design na web

e-mais pg. 38 debate: Adaptar-se pg. 44 e-mais: Virais na web pg. 48 especial: FIND pg. 51 estudo de caso: Bicmusic pg. 54 tecnologia na web: CSS Hacks pg. 56 tutorial: Caminhando pelo HTML - Parte 5

com a palavra pg. 58 mercado de trabalho: Cesar Paz pg. 60 marketing: Ren de Paula Jr. pg. 62 bula da Catunda: Marcela Catunda pg. 64 webdesign: Luli Radfahrer

6 :: emails

na edio n15, de maro de 2005. Uma boa pedida acessar o site do projeto do SERPRO, desenvolvido justamente sobre esta rea (http:// www.serpro.gov.br/acessibilidade).

Assunto: Direito na web Flash, ActionScript... Que tal uma reportagem a respeito do que h de novo e realmente til no ActionScript 3.0 do Adobe Flash 9? Ou algo do tipo o que seria da web

IDEAFIXA como uma das principais referncias para o trabalho de designers. Todo ms vamos incluir alguma publicao que pode servir como referncia no trabalho criativo de nossos leitores.

Assunto: Direito na web Poltica de privacidade Assunto: Direito na web Trabalho no exterior Ol, pessoal da minha revista predileta! Como acompanho vocs h um bom tempo (desde sua estria, diga-se de passagem), gostaria de sugerir um tpico super importante e que a maioria dos sites deve ter: a Poltica de Privacidade. Como constitu-la, que benefcios e qual segurana ela fornece ao site. isso. Obrigada!
Fernanda Prevedello fernandaprevedello@gmail.com

sem o Adobe Flash, quais suas contribuies, seus problemas, seu crescimento na utilizao em web sites, o que vivel e invivel. Parabns pelo canal aberto para sugestes.
Misael Moura misael_mmm@hotmail.com

Gostei muito da Coleo Brasil Design, mas tenho uma dvida em relao aos prossionais que atuam no exterior. Levando em considerao a diculdade para conseguir um visto de trabalho permanente no exterior, gostaria de saber como estes prossionais conseguem a sua permanncia no exterior de forma legal, para realizar trabalhos e se estabelecerem em empresas sem problemas com passaportes e extradies de estrangeiros?
Leandro Guedes chborb@hotmail.com

Oi, Misael. timas sugestes! Estes temas so boas pautas para as sees Tecnologia na Web e Tutorial. Pensamos em procurar algum prossional fera em ActionScript para desenvolver um tutorial para a revista. O que acha? Abraos!

Direito empresas Assunto: Maioresna web do mercado Sou do colgio FECAP e estou produzindo um trabalho de concluso de curso. Gostaria de saber se poderiam nos ajudar e nos enviar os nomes das maiores empresas presentes no mercado de web. Obrigada.
Janaina Lume jana.lume@gmail.com

tima sugesto, tanto que ela se tornou tema da coluna Direito na web. V at a pgina 10 e boa leitura!

Durante o workshop Conexo (www.arteccom.com.br/conexao), Assunto: Acessibilidade Gostaria de saber se em alguma edio vocs j zeram matrias sobre acessibilidade na web. Estou fazendo meu trabalho de concluso do curso de Publicidade e Propaganda e estou levantando o mximo de informaes possveis. Obrigado!
Fernando Leite dodo@canecadigital.com.br

Assunto: Referncias Direito na web Como vai, Janana? Sobre sua Sugesto de pauta: a revista digital internacional (feita por brasileiros) IDEAFIXA (www. ideaxa.com). Se valer a pena, entrem em contato! Obrigada.
Janara Lopes janara@gmail.com

Andr Matarazzo respondeu justamente esta questo. Segundo ele, bom sair do Brasil com o visto resolvido. Se voc puder conseguir dupla cidadania, melhor ainda. Geralmente, as grandes agncias procuram ajudar os prossionais estrangeiros a resolver este problema.

dvida: qual o segmento do mercado web que voc quer informaes (provedores de hospedagem, agncias interativas etc.)? Se forem os provedores de hospedagem, uma boa pedida acessar o site da Hostmapper (www.hostmapper.com.br/rankinghospedagem-de-sites.html), que aponta as 50 maiores empresas. Sobre as agncias, procure entrar em contato com o pessoal da AGADi (www.agadi.com.br) e APADI (www.apadi.com.br).

Obrigado pela indicao, Janara. Na verdade, j tnhamos conhecimento do trabalho de vocs, excelente por sinal! Em setembro, lanamos uma nova seo (Post-it) e colocamos a

Fizemos sim! A reportagem saiu

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 :: mtricas e mercado

Mdia Salarial Brasil - Agosto/2006

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 Webdesigner Trainee Webdesigner Web Development Webmaster 2.455,00 3.753,00 4.830,00 2.866,00 5.852,00 2.456,00 584,00 1.418,00 2.303,00 3.422,00 2.442,00
(Fonte: 195 respondentes) (Fonte: 329 respondentes) (Fonte: 335 respondentes) (Fonte: 223 respondentes) (Fonte: 180 respondentes) (Fonte: 40 respondentes) (Fonte: 112 respondentes) (Fonte: 87 respondentes) (Fonte: 177 respondentes) (Fonte: 46 respondentes) (Fonte: 183 respondentes)

Fonte: 20 Edio da Pesquisa Salarial Catho (www.catho.com.br)

20h39min
Esse o tempo, em termos de horas navegadas no domiclio, dos usurios brasileiros. O Brasil o primeiro colocado na categoria, cando a frente de pases como Japo, EUA e Frana.
Fonte: Ibope//NetRatings (www.ibope.com.br)

Vdeos e filmes
Pesquisa aponta um aumento de 21% no nmero de internautas residenciais que acessaram sites de vdeos e filmes em julho de 2006. Em junho, foram 3,4 milhes de usurios nicos domiciliares. Segundo o Ibope, o maior acesso banda larga tem incentivado um maior consumo de contedo udio-visual.
Fonte: Ibope//NetRatings (www.ibope.com.br)

... dos usurios corporativos sero dependentes da prtica de mobilidade para os prximos dois anos, segundo previso da Associao Brasileira de e-business. O celular foi considerado o dispositivo mvel mais adequado. Fonte: Associao Brasileira
de e-business (www.ebusinessbrasil.com.br)

52%

Voc utiliza CSS Hacks para a criao de um site? Total de votos: 272 Sim - 64%

R$ 1 bilho e 750 milhes

Este foi o faturamento total do comrcio eletrnico nacional, nos seis primeiros meses de 2006. O ndice de crescimento nominal foi de 79%. No mesmo perodo de 2005, foram apurados 974 milhes.
Fonte: Web Shoppers 14 Edio (www.webshoppers.com.br)

No - 36%
acesse e participe! www.arteccom.com.br/webdesign

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

mtricas e mercado :: 9

ViuIsso?
YouTube comea a reaver dindim

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

Site: www.viuisso.com.br

Notcias e comentrios sobre comunicao digital, internet e publicidade

M T V s e g u e o n d a d o Yo u Tu b e e l a n a O v e rd r i v e ? Acho que no... Notcia da Folha Online (http://www1.folha.uol.com.br/ folha/informatica/ult124u20504. Pginas especiais para artistas como Paris Hilton e comerciais em vdeo so estratgias do maior site de vdeos do mundo para tentar comear a equilibrar seus gastos de cerca de US$ 1 mi mensais, s em trfego de dados. O site, inaugurado em fevereiro de 2005, o maior fenmeno de audincia do mundo, servindo mais de 100 milhes de vdeos por dia e efetivamente ameaa uma srie de modelos j estabelecidos. A questo ver em quanto tempo e de que forma ele vai encontrar seu ponto de equilbrio financeiro e se tornar um verdadeiro negcio rentvel.
Leia as notcias: http://www.techcrunch.com/2006/08/22/paris-hilton-storms-youtube/ e http://www.bluebus.com.br/show. php?p=1&id=71407.

shtml) fala do lanamento do MTV Overdrive (s para quem usa Windows e tem o Window Media Player - http://mtv.terra.com br/ mtvoverdrive/) no Brasil. O site, que j existe nos Estados Unidos h um ano, seria a resposta da MTV para o sucesso do YouTube que, recentemente, anunciou que pretende ter em seu acervo, todos os videoclipes j feitos no mundo. Fui conferir o novo site e dei de cara com problemas de configurao, DRMs, incompatibilidades com browser, Macintosh etc. Bater no YouTube j saindo de cara com tantas restries? I dont think so... FaleBenQ encerra concurso com 100 vdeos O concurso FaleBenQ (www.falebenq.com.br), criado pela 10Minutos Interactive para a marca taiwanesa de eletrnicos recm-chegada ao

Googles Click-to-call: do search ao telefone em um click

Direto do blog do Marcelo SantIago (http://poucas-eboas.blogspot.com): o novo sistema de click-to-call que o Google est apresentando e que deve estar disponvel no Brasil em breve. Ao pesquisar um assunto no Google e encontrar um anncio pago com um cone de telefone ao lado, ser possvel clicar e receber uma ligao imediata do anunciante. A juno internet+telefone seria risvel e impensvel oito ou dez anos atrs. A maioria das conexes era discada e muito pouca gente tinha celular. Hoje em dia faz todo sentido. Teste o click-to-call (http://tinyurl.com/zkpza).

Brasil, foi encerrado no final de agosto contando com a participao de mais de 100 vdeos criados por usurios com o objetivo de ensinar a falar BenQ (benquu). Desde vdeos simples, criados com webcam, at animaes elaboradas em desenho animado participaram do projeto, em que os usurios colocavam suas criaes no YouTube e ento enviavam os vdeos para o site FaleBenQ. At a data, os vdeos j haviam sido visualizados mais de 200 mil vezes.

10 :: direito na web

Particularidades de uma Poltica de Privacidade

Como constitu-la, que benefcios e qual segurana ela fornece ao site? Fernanda Prevedello (fernandaprevedello@gmail.com)

Em tempos de alto valor da informao (senha pessoal, dados cadastrais, hbitos de navegao, compras efetuadas, nmero de carto de crdito etc.), natural que os proprietrios de websites cada vez se preocupem mais quanto a alegaes de violao de privacidade, especialmente quando elas so acompanhadas de pretenso de inGilberto 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

sobre quais informaes sero compartilhadas, qual a segurana contra invases e apropriaes indevidas, quais as reas de acesso restrito, quais as situaes e os procedimentos para liberar informaes s autoridades, quais conhecimentos e dados sero considerados como segredos comerciais, qual ser o escopo de atividades passveis de monitoramento eletrnico, alm de, preferencialmente, um campo em branco para o internauta clicar caso aceite receber e-mail marketing. E o que ela no deve conter? Regras conitantes com as do Termo de Uso ou com outras normas ou prticas do site, informe inverdico sobre sigilo ou sobre no uso comercial de dados, promessa no cumprida de monitoramento e de segurana so apenas alguns exemplos do que, infelizmente, por desconhecimento das implicaes legais, ainda grassa no mercado. Os benefcios que ela proporciona so, em primeiro lugar, de evitar mal-entendidos e expectativas equivocadas, ao esclarecer claramente quais so as regras aplicveis, e em segundo lugar, de proteger a privacidade do prprio site e das pessoas que o freqentam, na medida em que previne responsabilizao cvel ou criminal. Terceiro, legitima, nas condies que especifica, o uso de cookies, web bugs, e envio de spam, contribuindo para a sustentao comercial e econmica do site, de forma legal. Como se v, Polticas de Privacidade so tudo, menos poltica. No fundo, so um equilbrio entre direitos e interesses opostos, que costuma servir bem quando o trabalho de alfaiataria.

denizaes, enquadramento criminal, habeas data etc. O tema est em evidncia no apenas em razo do noticirio envolvendo a Google (Orkut) e o Ministrio Pblico. Mas, afinal, o que vem a ser uma Poltica de Privacidade? Legalmente, uma estipulao unilateral que funciona como contrato de adeso para os que freqentem o website que a tenha adotado. Como contrato de adeso, h uma parte em que se tem liberdade para definir regras a serem seguidas pelos visitantes, e h outra parte em que o contrato no pode contrariar a lei sob pena de ser nulo. A Poltica de Privacidade composta de qu? Isso depende, em primeiro lugar, do tipo de website, pblico-alvo, objetivos comerciais, necessidades de segurana, dentre outros fatores a serem considerados sob medida, caso a caso. Em assuntos de direito de privacidade, a palavra-chave proporcionalidade. Portanto, essa customizao fundamental, sob pena de a omisso de um item, ou a incompatibilidade de outro, fazerem ruir a Poltica. Ou seja, desconfie de modelos pr-prontos. parte as adaptaes individuais necessrias, o contedo bsico de uma Poltica de Privacidade pode incluir regras e avisos

post-it :: 11

ntro p o r d ev e n t o s , Fique cas, e as das di e refernci undo livros vimentam o m que mo ign na web do des
Peixe Grande entra na fase de votao
Se os polticos entram, neste ms, na reta final de suas campanhas eleitorais, outubro representa tambm o incio da corrida para as agncias e os profissionais freelancers buscarem votos que vo garantir lugar na fase final do III Concurso Peixe Grande. Entre no site www.arteccom.com.br/webdesign/peixegrande e confira quem so os concorrentes nesta pescaria.

A web 2.0 com a cara do Brasil!

Os projetos brasileiros que utilizam os conceitos de web 2.0, como Videolog.tv (www. videolog.tv), Gazzag (www. gazzag.com.br), Camiseteria (www.camiseteria.com), Aprex (www.aprex.com.br), entre outros, esto fazendo sucesso no exterior! Para se ter uma idia, o tema foi analisado recentemente por Richard MacManus (http://tinyurl.com/zukx3), consultor web e colunista do site ZDNet (http://tinyurl.com/f329t).

Banco de dados sobre o design brasileiro

Essa vai para a lista de favoritos: o portal DesignBrasil (www. designbrasil.org.br), uma iniciativa do Ministrio do Desenvolvimento, Indstria e Comrcio Exterior, traz uma srie de informaes relevantes para quem trabalha na rea: agenda de eventos, artigos, banco de prossionais, dicas etc.

Referncias criativas
Conhecer o trabalho de outros profissionais e agncias uma forma de ficar atualizado sobre as novas tendncias e as tcnicas que vm sendo utilizadas no mercado. Confira alguns bons exemplos: K2 Internet (www.k2.pl), Platinum FMD (www.platinumfmd.com. br), Emil Kozak (www.emilkozak.com) e Glauco Diogenes (www. glaucodiogenes.com.br). Conhece outras boas referncias? Ento, mande um e-mail para redacao@arteccom.com.br.

Dicas
Livro do ms
Ergodesign e Arquitetura da Informao: trabalhando para o usurio Autor: Luiz Agner

Nova gerao do design na web

Dando continuidade ao trabalho de divulgao da produo universitria na rea do design na web, indicamos a monografia O cone Interfacial: Estudo e Anlise Conceitual e Tecnolgica (http:// tinyurl.com/fgv2r), apresentada por Eduardo Loureiro, na concluso do curso de Comunicao Social da Uni-BH. Se voc possui ou conhece algum trabalho acadmico interessante, envie sua sugesto para redacao@arteccom.com.br.

"A poca de bibliografia brasileira escassa na rea de criao e desenvolvimento de sites parece ter chegado ao fim. Isso porque, nos ltimos dois anos, uma srie de autores nacionais vem contribuindo para tornar esta realidade diferente. Um deles Luiz Agner, professor da UniverCidade e PUC-Rio, em recente lanamento pela Quartet Editora (www.quartet.com.br). Com uma linguagem simples e objetiva, o livro apresenta uma srie de questes envolvendo Arquitetura da Informao, Ergodesign e Usabilidade, mostrando como estes temas funcionam como ferramentas estratgicas na construo de ambientes interativos. Como diz Peter Morville, no texto de apresentao do livro: 'a educao a chave para o sucesso. Somente compartilhando o nosso conhecimento, ns podemos ter a esperana de superar a disciplina e de construir uma comunidade."

Agenda de eventos
07/10 - Webmarketing (www.fiti.org.br) 12 a 15/10 - RDesign Lorena (www.fatea.br/rdesign/index.php) 28/10 - Intercon (www.imasters.com.br/intercon/2006) 18/11 - 11 EWD - POA (www.arteccom.com.br/encontro) 21/11 - 11 EWD - Curitiba (www.arteccom.com.br/encontro) 23/11 - 11 EWD - Braslia (www.arteccom.com.br/encontro) 25/11 - 11 EWD - So Paulo (www.arteccom.com.br/encontro)

Participe do Post-it! Envie sugestes para redacao@arteccom.com.br.

12 :: portflio agncia - cappuccino/hzta

o r e s u l t a d o d a f u s o e n t re d e s i g n e t e c n o l o g i a
Segundo a Wikipdia, o cappuccino uma bebida de origem italiana. Sua frmula apresenta os seguintes elementos: 1/3 de (caf) espresso, 1/3 de leite vaporizado e 1/3 de creme vaporizado do leite. No Brasil, a tradicional receita foi adaptada e o chocolate em p comeou a fazer parte desta mistura. Em 2006, foi a vez do mercado interativo experimentar o sabor de uma nova receita, no qual design e tecnologia surgem como os principais ingredientes responsveis pela gerao de uma nova agncia disposta a colocar seu nome definitivamente na histria da internet brasileira. A Cappuccino/HZTA (www.cappuccinohzta.com. br) foi criada a partir da fuso entre empresas que j atuavam no segmento: a Cappuccino, especializada na rea de design, e a HZTA, focada em solues para web. Unidas, elas criaram uma agncia de comunicao digital, que alia os pontos fortes de ambas, oferecendo ao mercado solues digitais, com base em planejamento, criao e tecnologia nesse setor, explica Cludio Roberto Tucunduva, scio da agncia. De cara, o primeiro desafio seria unificar o posicionamento das duas antigas empresas a uma nova re a l i d a d e . P a r a q u e i s s o a c o n t e c e s s e , re a l i z a m o s diversas reunies entre os departamentos para reforar o posicionamento da nova empresa e o redesenho dos processos. A partir da fuso, o foco se tornou atender de maneira mais personalizada clientes que enxergam a internet como investimento, trabalhando sempre em solues especficas para as necessidades particulares de cada cliente, afirma Cludio. Investimento em pesquisa e tecnologia A s s i m c o m o a c o n t e c e e m o u t ro s s e g m e n t o s , a concorrncia na rea de internet fica a cada dia mais acirrada e exige que as agncias interativas procurem aspectos que determinem um bom diferencial. Pensando nisso, a Cappuccino/HZTA vem destinando recursos em pesquisa e tecnologia. O objetivo que o resultado de nosso trabalho possa ser visualizado em qualquer tipo de mdia digital, ou seja, podemos pensar em uma campanha com contedo para internet, celular, palm, CD-ROM etc. Um outro diferencial que atuamos como o brao digital de outras agncias de publicidade e comunicao que ainda no tem prtica no desenvolvimento de trabalhos para a internet, revela Cludio. Alm disso, o conhecimento e a experincia de sua equipe na rea de ilustraes se tornou uma tima oportunidade para a criao de uma unidade de negcios exclusiva. Assim, muitas de nossas criaes digitais tm um tom individualizado, pois suas ilustraes foram criadas aqui. Vendemos tambm mais este servio (ilustraes) para as agncias para ser usado em campanhas on-line ou off-line, aponta Leonardo Gibran, scio da agncia. Localizao estratgica A Cappuccino/HZTA est localizada estrategicamente em So Paulo, considerado o grande plo urbano do Brasil e o principal centro comercial de internet no pas. No h como negar que a cultura da internet (e das outras mdias digitais) difundida com maior fora e penetrao na Grande SP, seja atravs da imprensa, de eventos e cursos que acontecem freqentemente e outros fatores em geral.

portflio agncia - cappuccino/hzta :: 13

Criamos um banco interno de sites favoritos, que vem crescendo progressivamente. Atravs dessa ferramenta, compartilhamos nosso conhecimento e nossas inuncias entre toda a equipe (Anderson Bordim e Vitor Elman)
Isso faz com que o mercado tenha conhecimento suficiente para disponibilizar verbas para aes mais agressivas em relao s solues digitais, analisam Anderson Bordim e Vitor Elman, scios da agncia. Porm, engana-se quem pensa que a rea de atuao d a a g n c i a s e re s t r i n j a a p e n a s a S o P a u l o . Te m o s tambm clientes de fora, que nos contataram em busca de um diferencial e qualidade de trabalho, alm de clientes na Europa e EUA para os quais nossos preos ainda so bastante viveis, acrescentam. De olho no banco de referncias Arquitetura de informao passando pelo design de interface. Estes so alguns dos principais temas em pauta no processo de criao da Cappuccino/HZTA. E para manter sua equipe atualizada com o que h de m a i s m o d e r n o n o m e rc a d o , a a g n c i a c r i o u , e m s u a intranet, um banco de dados para que os profissionais possam cadastrar as principais referncias de trabalho e compartilharem o conhecimento. Passamos uma parte do tempo de criao buscando novas tendncias atravs da internet. Criamos um banco interno de sites favoritos, que vem crescendo progressivamente. Atravs dessa ferramenta, compartilhamos nosso conhecimento e nossas influncias entre toda a equipe. Nesse banco, temos referncias do que se est fazendo em todo o mundo, desde designers australianos a poloneses. Assim, conseguimos ter um panorama global, onde, s vezes, nem a lngua uma barreira, pois o design e o conceito falam mais alto, apontam Anderson e Vitor. Outra estratgia o investimento em cursos de aperfeioamento, conforme a rea e a necessidade de cada departamento. Incentivamos o sentimento do desafio criativo da operao, sem competitividade predatria, dando liberdade de opinar nos processos de trabalho. Apoiamos ainda a realizao de atividades estimulantes como shiatsu, happy hour e prtica de esportes, como
Scios da Cappuccino/HZTA reunidos

futebol, boliche, kart, entre outros, diz Cludio. Preparando-se para o futuro A evoluo nos meios de acesso internet tem permitido a utilizao de novos recursos na criao e desenvolvimento de interfaces digitais. Diante dos desafios que esto por vir, a Cappuccino/HZTA estuda de que forma pretende se inserir dentro deste contexto. As agncias j comeam a pensar em contedos para criao digital no somente para a internet, mas para outras mdias que comeam a ser cada vez mais utilizadas comercialmente, como palm, celular, entre outros. Alm disso, cada vez mais os clientes querem conhecer detalhes sobre retorno do investimento feito, uma vez que com a internet, o feedback do usurio e a medio dos resultados das aes so imediatos, afirma Cludio. Dentre os projetos futuros da agncia, o especialista aponta a evoluo nas aes estratgicas da empresa e a expanso de sua rea de negcios. Queremos trabalhar cada vez mais com a inteligncia do negcio voltada a mdias on-line, focados no atendimento dos clientes como contas, pensando sempre em vender no s ferramentas, mas tambm planejamento estratgico das aes on-line, adequando s realidades on-line e off-line de cada cliente. Como metas para os prximos dois anos, pretendemos abrir filiais no Sul e no Nordeste e melhorar a nossa captao de projetos na Europa e nos EUA, complementa.

14 :: portflio agncia - cappuccino/hzta

As agncias j comeam a pensar em contedos para criao digital no somente para a internet, mas para outras mdias que comeam a ser cada vez mais utilizadas comercialmente, como palm, celular, entre outros (Cludio Tucunduva)

Cases
- Hotsite Seriexpert 2005Canal Sony
www.sonypictures.com.br/canalsony Tecnologias utilizadas: Action Script, Flash e Photoshop

A oportunidade de desenvolver hotsites promocionais para o canal Sony surgiu atravs da rede de contatos mantidos pela agncia. Dentre os trabalhos j realizados, um dos destaques foi o hotsite da promoo anual direcionada aos chamados fs de carteirinha do canal. Eles precisavam de um hotsite que interagisse com o usurio e tivesse uma seqncia de atividades e/ou jogos que pudesse criar um ranking entre os participantes. Ao final da promoo, os lderes do ranking ganhariam prmios. Desenvolvemos todo o conceito da campanha. A home do site era um brao com uma tatuagem do Sony e, ao fundo, um painel com vrias fotos, ims e imagens de personagens das sries, como seria realmente um quarto de um f dos seriados, relata Vitor Elman. Segundo ele, a criao buscou algumas referncias do canal, como as manchas no contorno do site, alm da prpria linguagem moderna, dinmica e ousada. O site procurou passar tambm a mesma atitude que o canal tem na televiso. Conforme o usurio passa o mouse por cima da imagem do brao tatuado, a pessoa (dona do brao) se movimenta e o fundo se altera, dando uma idia de um espao maior. A leitura e a navegabilidade so fceis. A fonte seguiu a linha jovem, como se fosse rabiscada ou escrita mo. A curiosidade que o brao tatuado pertence a um dos nossos designers, que inicialmente posou s para a realizao de um primeiro layout, mas o resultado ficou to bom que foi usado em definitivo, revela.

portflio agncia - cappuccino/hzta :: 15

- Shop Tour
www.shoptour.com.br Tecnologias utilizadas: Flash, Illustrator, JavaScript e Photoshop

- Samba Comunicao
www.sambacom.com.br Tecnologias utilizadas: Action Script, Flash, PHP e Photoshop

A qualidade no trabalho e o pronto atendimento prestado mesmo em servios menores foram aspectos fundamentais para que a agncia conquistasse, aos poucos, a confiana do Shop Tour. Quando eles sentiram a necessidade de que o site fosse reformulado, e acompanhasse a mudana de estratgia do canal, passaram para ns o briefing. Assim, o desafio era desenvolver um novo conceito: o site deveria deixar de ser somente um espao corporativo e se tornar uma rea comercial, onde a programao da TV tambm poderia ser vista pelo cliente, em qualquer hora ou local. E foi baseado nisso que iniciamos a criao, conta Vitor. Dessa forma, foram feitos alguns estudos de combinao cromtica e tipografia para que fosse alcanada a identidade visual desejada. As cores so predominantemente as do canal, porm foi adicionada uma paleta de cores de apoio com tons mais sbrios (muitos tons pastis), que combinaram com o azul tradicional do canal. Essas cores foram utilizadas para reforar a segmentao do site (automveis, imveis etc.). Sobre a tipografia, foi usada a fonte Helvetica Condensed que d peso leitura, sem serifa para colaborar com a idia de modernidade e requinte, relata. No final, diz Vitor, o site acaba funcionando como uma Central de Vdeos. Por isso, criamos volumes dando a impresso de tridimensionalidade e com vrias opes de controle para cada vdeo. O fato legal desse case a idia de usar os vdeos integrados ao layout, que deu ao site uma idia bastante prxima do conceito do programa na televiso.

Tendo como base o tema Nossa pegada outra, o desafio deste case seria criar um site que apresentasse os principais projetos da Samba Comunicao e passasse o c o n c e i t o d a a g n c i a , c o m u m v i s u a l q u e re m e t e s s e a idia do samba raiz, com estilo. O ponto de partida da criao foram algumas fotos que ilustrariam um livro institucional da prpria agncia (eram fotos artsticas da Escola de Samba Mangueira). Surgiu a idia de usar as fotos compostas num layout com rabiscos por cima das fotos, que se tratam na verdade de animaes, que do uma idia de ritmo e movimento s imagens. Do caos dos rabiscos sai uma unidade visualmente organizada e bonita, remetendo ao prprio conceito do samba, que traz uma melodia em meio ao caos de tantos instrumentos, explica Vitor. E as animaes existentes dentro do site esto perfeitamente integradas com o conceito de nido no brie ng. A brincadeira interessante a interatividade das imagens, pois conforme se mexe o mouse h a animao e a velocidade do movimento varia conforme a velocidade do mouse, dando a idia de que o usurio comanda o ritmo do samba. Foi utilizada uma fonte mais sria e elegante e com boa legibilidade para contrabalanar com os outros elementos visuais do site. Outra curiosidade que nossa equipe criou o layout sem ter visto o livro institucional da agncia (que caria pronto um pouco depois). Quando fomos apresent-lo, a equipe da agncia disse que o livro estava seguindo um layout bastante similar, com a idia dos rabiscos sobre a foto.

18 :: portflio freelancer - Renato Loose

www.miliciavitoria.com A parte vetorial foi desenvolvida no Flash MX. Para as cores e nalizao, optei pelo Photoshop 7

ILUSTRAES QUE MARCAM O ESTILO DE UM DESIGNER

Contato: renatolooz@gmail.com Site: www.cafeina.info Desenhar sempre foi uma prtica presente na vida de Renato Loose e talvez seja um bom indcio para explicar a sua escolha pelo design. A partir do momento em que comecei a utilizar computadores, tive vontade de trazer os traados para o plano digital. Foi ento que, por conta prpria, comecei a procurar e estudar quais seriam os melhores softwares para trabalhar. Ao mesmo tempo, fui atrs de livros sobre design para conhecer melhor a evoluo dos processos de criao e as escolas e correntes de maior importncia, revela. Alm do conhecimento autodidata, Renato buscou completar sua formao cursando Comunicao Social na Universidade Federal do Esprito Santo (UFES). Ela me ajudou nos processos de criao, anal, comunicao verbal e visual tm sempre o mesmo objetivo: passar uma mensagem. Fiquei mais objetivo e incisivo naquilo que me proponho a fazer. Aprendi tendo contato com pessoas que j trabalhavam na rea utilizando elementos que fazem parte tanto do ambiente visual, quanto do escrito. Sem contar o fcil acesso a materiais como livros para pesquisas de imagens e referncias diversas. O resultado no poderia ter sido melhor: hoje ele conta com uma boa base referencial e de inuncias para realizar seu trabalho. A base so os mangs. Depois vieram inuncias da rua, do grate e dos stencils, assim como elementos da cultura underground, especialmente a esttica de tatuagens tradicionais e suspenses. A partir de estudos mais aprofundados, inclu elementos de dcadas passadas - destaque para os anos 50 e 60 - e, de vez em quando, esbarro na pop art, inspirado pelos trabalhos de Roy Liechtenstein. Outro caminho para buscar novas referncias aguar o instinto de observao. Nas ruas, presto ateno em quase tudo. Placas, cores, arquitetura, grafites, stickers. Um bom designer deve ser observador. Entender o que acontece sua volta, absorver e moldar sua maneira de trabalhar as imagens. Guardando mais fontes, a inspirao pode vir de onde menos se espera, alm de conferir originalidade ao trabalho. Tambm retiro muitas lies do cinema, em especial, o europeu. E analisando o portflio de Renato, possvel armar que as ilustraes representam o seu diferencial. Um exemplo est presente no site Milcia Misses Urbanas (www.miliciavitoria.com). A inteno da imagem mostrar que possvel a convivncia pacca entre pessoas de diferentes culturas. Como se trata de um ambiente tpico das grandes cidades, utilizei a imagem distorcida de prdios e postes como forma de representar o caos, a aglomerao e as fuses to comuns vida urbana. Para as cores, pensei em tons mais frios e desgastados, contrastando levemente com o colorido dos personagens. Ou seja, este um segmento com boas oportunidades para os designers na web. O leque amplo e pode, por exemplo, trazer para rede um prossional que antes s trabalhava com impresso. Para quem j est na internet, as ilustraes podem valorizar ainda mais o trabalho. Se o designer souber criar e manipular bem uma imagem desenhada, ele ganha em valorizao e exclusividade de estilo.

Para participar desta seo, cadastre seu portflio no site da revista: www.revistawebdesign.com.br.

20 :: entrevista - design e arte

Design e arte so campos distintos do conhecimento humano. Porm, nada impede que ambos sejam utilizados em harmonia para a construo de representaes que ajudem a tornar mais compreensveis e sofisticados os objetos e a maneira na qual vivemos em sociedade.
Nesta entrevista, Ronaldo Gazel, artista plstico, designer e diretor de arte na BHTEC e:house (www.bhtec. com.br), fala como as referncias fora do mundo tecnolgico podem contribuir na construo de ambientes digitais mais criativos e funcionais, alm de ressaltar a importncia da histria da arte como base para o trabalho do designer. Wd :: Por que e como o conhecimento da histria da arte serve como base para trabalho de um designer na internet? Gazel :: A arte reflete o tempo em que produzida. Conhecer a histria da arte, ainda que apenas alguns pontos dela, fundamental para entendermos os questionamentos e paradigmas que permearam as pocas e as respostas que o homem/artista deu (e ainda d) a elas. Na verdade, a histria da arte, estando intimamente ligada literatura, filosofia, antropologia, histria, religio, enfim, a um sem-nmero de expresses humanas, acaba tendo uma importncia fundamental na vida de todas as pessoas. Quanto mais longe da arte, mais perto do controle, do sistema, do pensar massificado, pasteurizado. preciso entender a histria do design, para ser um designer mais completo, mais consciente, mais coerente. preciso saber como surgiu o movimento do design; saber como o relacionamento dos objetos e do ser humano foi se sofisticando com o passar do tempo. importante porque uma interface uma superfcie de trabalho, de uso. E por isso que somos designers da web, projetamos, como um designer projeta um espremedor de suco, ou uma cadeira, interfaces que um grupo de pessoas certamente vai usar. E a que nos encaixamos na histria, e passamos a fazer parte dela. Por outro lado, no que se entende por design hoje, dentro de uma tica artstica, plenamente possvel desenvolver projetos de utilizao alternativa, que podem ser altamente subjetivos e prximos at do antiuso. Nesse cenrio se enquadram os experimentalistas, que buscam um tipo de reao mais sensorial, de semnticas totalmente especficas, heterogneas, dentro de universos distintos, sejam eles culturais, comerciais, didticos, humanistas, matemticos, psicolgicos, estticos. O designer que pra de olhar o mundo com o olhar difuso, amplo, capaz de compreender vrias realidades, corre o risco de virar uma engrenagem na linha de produo de sites, no melhor estilo corte e costura de HTML. Vai passar a apertar um parafuso, ao invs de compreender toda a engrenagem. E por isso que devemos, alm de estudar a histria da arte, rmar nossa posio como artistas designers - mentes capazes de compreender as expresses artsticas no apenas como uma supercialidade decorativa ou bela, e sim, uma interface capaz de comunicar utilizando modelos no-usuais, linguagens no-verbais, fora do logos, da razo cotidiana; capazes de questionar o que no se quer questionado; de propor o que no se quer proposto; de causar o estranhamento, dando lugar ao controverso. Enm, capazes de compreender o mundo pictrico muito alm da forma. Wd :: Ao longo do tempo, os movimentos artsticos vm exercendo uma grande influncia na produo do design. Em termos de internet, talvez um dos melhores

entrevista- design e arte :: 21

exemplos esteja no site das Havaianas (www.havaianas. com.br) e algumas campanhas on-line da Coca-Cola na Frana (www.coca-colablak.fr e http://secure.coca-cola. fr). Quando a arte deve ser aplicada em benefcio do design na web? Gazel :: A arte pode trazer enormes benefcios para o design na web, sendo uma linguagem no-verbal, capaz de despertar naquele que tem contato com ela, percepes e dilogos muito mais sofisticados (ou simples, diretos!) do que as narrativas e approachings das interfaces focadas em percepes utilitrias puras. E o maior desses benefcios se chama coerncia esttica. Essa coerncia pode ser percebida no excelente site das Havaianas, evidenciando o fato de que a ousadia em termos de linguagem, da difuso de valores semiticos sutis, fora do padro miditico tradicional de informao, dispostos juntos a uma feliz combinao de fatores estticos e expectativas sensoriais (revertidas de alguma forma em resultados positivos), transforma o lugar-comum dos pressupostos, das doxas pictricas, dos pr-conceitos estabelecidos todos os dias. Por isso mesmo, sites como esse, que felizmente tm surgido em nmero cada vez maior, fazem tanto sucesso: eles mostram que o caminho da arte no design na web muito promissor, e d resultados. Wd :: Sobre a interao entre design e arte, podemos afirmar que a principal diferena entre estes dois campos do conhecimento seja o compromisso com o pblico, ou seja, o designer tem compromisso com o pblico e o artista vive sem a necessidade e a presso de fazer concesses? Gazel :: O perfil do artista hoje no pode ser traado de modo simples, porque na ps-modernidade - perodo no qual vivemos, e que resgata todas as motivaes e contradies do passado recente (movimentos modernos) em um timing assombrosamente rpido - h uma tal especificidade de propostas, conceitos e estticas que permite ao artista, virtualmente, qualquer tipo de relao com o pblico, inclusive compromisso e descompromisso. Mesmo que uma proposta, em princpio, nos conduza a uma percepo romantizada do artista, como se ele no estivesse se importando para o pblico, no sofresse qualquer tipo de presso, isso na verdade pode mostrar o contrrio: a adequao do artista a nichos de mercado preparados para receber/consumir as suas caractersticas sui-generis, ou seja: para o artista, h um mercado em

qualquer situao. Veja que paradoxo, digamos quase zen-budista: o artista busca gerar um reflexo altamente pessoal; uma linguagem, uma poiesis prpria, buscando o coeficiente de arte em um trabalho artstico, seja ela um vdeo, uma pintura, uma performance, um website - linguagem essa que, apesar de desuniversalizada na origem, tende a se comunicar com o senso-comum, tanto na aceitao, quanto no estranhamento. J o designer normalmente trabalha com fins utilitrios extremamente bem definidos, e por isso a presso por coerncia artstica passa a ser mnima, em favor de uma adequao mxima aos padres estticos aceitos por um grupo majoritrio - ou pseudomajoritrio; padres estticos que so verdadeiros lugares comuns. Ento, voltamos histria da doxa, do ouvi dizer, da informao no-questionada e no-questionvel. Quanto menos vontade de reavaliar os valores e conceitos tidos como inexorveis, mais subvalorizada ser a profisso de design, pois a presso que passa a se exercer sobre ns, designers, acaba sendo a mesma que um carregador de caixas: produo braal, e no mental. Wd :: A interao homem-computador considerada por especialistas mais fria e distante, alm de criar um sentimento individualista entre as pessoas. Buscar referncias nos movimentos artsticos pode ser um caminho para proporcionar emoo e afinidade dentro de um projeto digital?

22 :: entrevista - design e arte

Gazel :: Um co, um cavalo, um boi so incapazes de realizar gestos e aes que no sejam voltadas para a sua prpria existncia fsica, sua preservao. J o ser humano capaz de observar, gestualizar, modificar a natureza pelo simples prazer esttico, pela necessidade natural de mimese, sem qualquer relao com a sobrevivncia. Quando a interface digital (homem-computador) passa a desconsiderar aes e reaes menos utilitrias, aumentando o carter prtico em detrimento do sensorial, no-prtico, corremos o risco de nos robotizarmos, perdendo a habilidade de questionar, de trocar pontos-de-vista, de negar o utilitrio e promover o puramente esttico/existencial. Por isso, sim, louvvel buscarmos referncias nos movimentos artsticos para criarmos interfaces um pouco mais humanas, que tornem o ato de interagir um processo cada vez mais semelhante ao agir natural do homem. Wd :: No livro Vanguarda Europia e Modernismo Brasileiro, Gilberto Mendona Teles explica que a tcnica da pintura cubista procurava apresentar a realidade atravs de estruturas geomtricas, desmontando os objetos para que, remontados pelo espectador, deixasse transparecer uma estrutura superior, a forma plstica essencial e verdadeira da beleza. De que forma esta tcnica pode ser utilizada pelo design na web? O site internacional da Leo Burnett ( w w w. l e o b u r n e t t . c o m ) pode ser apontado como um exemplo?

Gazel :: O cubismo representa o atonal, um universo no qual o simbolismo completamente descartado, cujas formas no remetem ao mundo e a seus smbolos, mas sim personalidade pura do geomtrico. Alexander Calder (http://tinyurl.com/fbqu9), com seus mobiles, foi o artista que mais conseguiu se aproximar desse ideal cubista, na minha opinio: suas esculturas remetem a um mundo absolutamente prprio, que no d margens a interpretaes baseadas nas questes do cotidiano. O site internacional da Leo Burnett, apesar de gerar uma tima sensao de profundidade, no tem uma influncia cubista acentuada, j que, cognitivamente, ele permeado por smbolos e letras, para a compreenso do contedo. Um site genuinamente cubista haveria de ser muito abstrato, com o mnimo de textos e imagens reais. Ainda que fosse em uma camada especfica da interface, separando a arte cubista do contedo publicitrio. Wd :: Considerando o contexto poltico-econmico atual, permeado por guerras, intolerncia religiosa e injustias sociais, possvel imaginar um resgate de conceitos aplicados pelo movimento Dadasta como referncia para projetos interativos? Gazel :: Se analisarmos bem, todos os perodos da histria foram permeados por esse tipo de acontecimento. Sempre houve muitas guerras, muita intolerncia - e para cada poca, uma contestao prpria. Os artistas modernistas eram naturalmente engajados. Mas, nos dias de hoje, na dita ps-modernidade, tudo fragmentado - inclusive a crtica social. Encontram-se vrios exemplos de movimentos de carter contestador intrnseco, que fazem a crtica dentro de cenrios especficos, quase nunca universais. O artista pode no falar da guerra como fez Picasso ao pintar Guernica at porque o impacto de uma pintura como guernica, nos dias de hoje, seria outro (afinal, muita gua passou desde ento) - mas ele critica a seu modo, uma crtica que se desuniversalizou desde a pop art, mas que se mantm viva em movimentos como o sticker art ou o street bombing - a arte urbana que envolve tantos artistas de diferentes reas, que pintam, grafitam pela cidade, em superfcies autorizadas (ou no!), levantando questes urbanas ou simplesmente rasgando o cinza das ruas com cores vivas, intensas, volumes e tipografias sui-generis. Na internet, se houvesse um street bombing, seria

entrevista - design e arte :: 23

algo como uma rea completamente livre dentro das interfaces (ou invadida!), que pudesse ser preenchida com arte. E, de certa maneira, eles tambm escandalizam, ao seu modo, como pretendiam os dadastas. A diferena que o engajamento desnecessrio, o mais importante desenvolver a linguagem. Quanto ao resgate do Dadasmo em projetos interativos, sim, sempre uma tima idia! Afinal, Dadasmo sempre bem-vindo em qualquer situao, justamente para nos deslocar da linearidade dos ponteiros do relgio, do logos, do racionalismo. Ele um movimento absolutamente atual, contestador em essncia, e seus jogos, experincias como o cadver delicioso (http://tinyurl.com/mrbgf) - espcie de colcha de retalhos de palavras, frases e desenhos, ajudam-nos a reconstruir o pensar e o perceber. Um cadver delicioso um timo ponto de partida para a criao de um projeto interativo digital dadasta. Wd :: Acessando o site da agncia Modernista! (www.modernista.com), somos remetidos aos anos 20, perodo no qual o mundo assistiria ao pice do surrealismo (http://tinyurl.com/kurew), considerado um dos ltimos movimentos de arte moderna. Como a aplicao do inconsciente pode ajudar no processo de criao de uma interface digital? Gazel :: Esse site da Modernista! um bom exemplo de como se comporta a arte nos dias de hoje, tanto no meio internet, quanto em qualquer outro. perfeitamente possvel voltar no tempo e fazer uma releitura dos valores peculiares que formam o cerne de cada manifesto do perodo moderno. A diferena que, naquela poca, havia a ntida impresso de que o universalismo das propostas poderia ser percebido e vivenciado como uma verdade, uma razo, sem prever suas contradies, sua transformao em outras verdades, to efmeras quanto o prprio homem. No perodo da modernidade, havia uma viso romantizada, de um mundo inteiro para ser conquistado pela arte, ainda que por caminhos completamente opostos, como os futuristas italianos, que traziam o fascismo como uma grande virtude, um caminho; e o cubismo, que desconsiderava qualquer valor do mundo real, auto-suficiente em sua atonalidade. Eles no poderiam existir sozinhos como verdade maior, como comprovou o tempo, mas foram absolutamente fundamentais, como todo movimento dentro da histria. E se descobriu, findando-se a modernidade, que nenhum dos movimentos estava mais ou menos prximo de uma verdade artstica - justamente porque essa verdade, ao ser encontrada, logo estaria superada. Podemos, ento, conhecendo as caractersticas, as razes estticas de cada movimento moderno, entender suas circunstncias, seus cenrios - no simplesmente reviver aquilo - mas criar uma relao entre uma questo atual vista sob aquela tica. Essa a receita para se beber da fonte moderna e criar algo novo. E por isso que no basta ter o conhecimento dxico, superficial, sensorial, sobre uma poca (apesar disso ser fundamental), entender sua picturalidade, suas formas, seu movimento, sua disposio, seu equilbrio. preciso conhecer a histria da arte e ver que nenhum estilo surgiu ao acaso, mas sim possuem origens claras - e desdobramentos que chegam at os dias de hoje, conseqentemente. A partir desse estudo fica muito fcil associar um projeto conceitualizado hoje a uma esttica moderna, seja qual for o movimento: cubismo, surrealismo, expressionismo etc. No caso do surrealismo, preciso mergulhar de cabea na psicanlise, e estar pronto para ir alm da linguagem comum, das percepes concretas, sensibilizando-se para os reflexos do inconsciente como feedback emocional para a interface - o que parece bem subjetivo, porm plenamente possvel com interesse e muito estudo. Wd :: No livro Iniciao Histria da Arte, da Martins Fontes Editora, H.W.Janson e Anthony F.Janson apontam que ao contrrio do Dadasmo, a Pop Art no motivada pelo desespero ou animosidade contra a

24 :: entrevista - design e arte

civilizao atual; considera a cultura comercial sua matriaprima, uma fonte inesgotvel de material pictrico, mais do que um mal a ser combatido. O uso da cultura de massa, to emanada pelos seguidores da Pop Art, uma linha conceitual que pode ajudar a aproximar os ambientes digitais de seu pblico-alvo? Gazel :: A Pop Art foi o ltimo dos grandes movimentos modernos, e sua contribuio mais importante para a histria da arte, ao meu ver, foi a mudana de percepo a respeito da apropriao e transformao de memes coletivos, cones de massa, considerando uma cultura pop. A cultura pop, por sua vez, surgiu graas aos mtodos industriais de criao e produo pictrica, a prevalescncia da imagem de massa, em detrimento do contedo (tambm de massa, no entanto, de segunda ordem). Os clssicos exemplos lata de sopa campbells e as interferncias na Marilyn Monroe e Mao Tse Tung demonstram isso com perfeio. o incio da era do consumo de imagens, maneira industrial. Que vivemos at hoje, como num pop transgnico e muito acelerado. Poderamos incluir aqui o kitsch e o neopop, mas seriam apenas categorizaes para as transgenias diversas pelas quais passa a Pop Art at hoje. Continuamos consumindo o pop, construindo e desconstruindo sua forma e contedo de forma compulsiva, catica, de modo cada vez mais veloz. Os cones pop surgem e morrem quase no mesmo instante. O que mais me atrai na Pop Art sua possibilidade de cheating art, ou seja, de fazer uma arte trapaceando, atravs dos meios de massa - inclua-se nessa categoria o sampling e a interveno sobre todo tipo de imagem lugar-comum, desde logotipos conhecidos por todo o mundo at personagens (humanos ou no) pop extremamente regionalizados. A identificao com os memes acaba por facilitar a transmisso do que est agregado a ela - no caso, a arte. E justamente nisso que vejo a grande possibilidade de se trabalhar o pop dentro dos ambientes digitais, aproveitar essa identificao quase insupervel (felizmente, quase) para se fazer ouvir. Uma espcie de comensalismo. Wd :: Segundo a Wikipdia (http://tinyurl. com/go7pj), o minimalismo representa uma srie de movimentos artsticos e culturais ocorridos durante o sculo XX. Analisando a parte conceitual do movimento (jogo de volumes e formas que esteja reduzido s suas configuraes no mais que essenciais as suas

entrevista - design e arte :: 25

funes), certo dizer que a criao e o desenvolvimento de sites focados na usabilidade segue a mesma linha de pensamento? Gazel :: De certa maneira sim, o movimento prusabilidade busca enxergar e remover qualquer tipo de rudo dentro da interface, com objetivo de chegar a um coeficiente mnimo ideal de uso. uma tima causa. O problema que, assim como o prprio movimento Minimalista (e todos os demais movimentos modernos), o movimento pr-usabilidade, na minha percepo, acaba por acreditar (pela fora da doutrina e do hbito) que s existe a realidade do uso, desconsiderando o contraditrio - que seria, nesse caso, a corrente experimentalista, e que, na publicidade, poderamos encontrar dividida em vrios sub-movimentos, sendo o mais importante deles o da inverso de expectativa - modo menos traumtico de apresentar estticas pouco usuais a um pblico heterogneo, abrangente, valendo-se de um gradiente entre o antiuso e o prprio uso, deixando o espectador/consumidor transtornado sensorialmente, abalado por alguns instantes, para, no melhor estilo catrtico, traz-lo de volta ao mundo cartesiano. Pronto, fez-se a mgica. O mundo est girando numa velocidade espantosa, enquanto escrevo esse texto. Ns tambm, nossa mente, nossos gostos, nossos paradigmas esto prontos para mudana, a cada instante. Acreditar numa linha unidirecional, em relao ao ideal do design na web, pura iluso. preciso considerar o antiuso, os reflexos da prpria frustrao e a transformao que ela gera. Existem tambm sites que no tm qualquer relao com uma boa usabilidade (no sentido atual a que esse termo remete), mas que usam a esttica minimalista de modo primoroso, cada qual a seu modo. Wd :: A Enciclopdia Ita Cultural de Artes Visuais revela que a liberdade de experimentao, o retorno s intenes expressivas e o resgate da subjetividade so algumas das principais linhas de pensamento do Neoconcretismo (http://tinyurl.com/gtnad). Diante de sua experincia na rea, voc acredita que os projetos experimentais on-line ainda so um campo pouco explorado? Quais conceitos do Neoconcretismo poderiam ser aplicados no design na web? Gazel :: Em se tratando de design na web comercial,

que precisa se ater a objetivos e regras j muito bem estabelecidas pela publicidade (ou pela gerncia de TI), sim. quando a interface precisa ser o mais racional possvel, controlvel, categorizada, sistemtica. Isso pode ser visto com mais intensidade nas interfaces unicamente funcionais, que de to sistematizadas, acabam por virar monstros de organizao, desumanizando ao mximo a linguagem entre o usurio e a interface. A habilidade do designer em compreender os princpios dos quais a interface pode - e deve - se utilizar, sem se ater a regras gerais, doxas incontestveis, clichs pictricos - que normalmente nos levam a uma pasteurizao das interfaces - que vai fazer a diferena na hora de conceitualizar a proposta. A partir do conceito certo, sem subestimar e nem superestimar o pblico (e a prpria interface), encontraremos o caminho mais interessante, mais adequado aos objetivos (prticos e subjetivos) - pautando-se, dessa forma, por diversos valores semiticos e tambm por necessidades utilitrias, cada qual com sua maneira de ser avaliada - ainda que o resultado disso seja, esteticamente, um picturalismo abstrato, uma subjetividade irritante (aos olhos do ser cartesiano), contrria aos critrios universais de avaliao atuais. Se esse for o caminho encontrado, preciso encar-lo de forma corajosa. Isso porque nenhum sistema de anlise de interfaces que conheo consegue sair da esfera racional, do empirismo utilitrio, at mesmo para lidar com os valores mais sensoriais, menos racionais - quando tratam destes, fazem-no de modo rasteiro. Tenho em mente que devemos mudar nossa opinio a cada instante, girar em torno da idia inicial pelo menos uma dezena de vezes antes de nos definirmos pelo conceito final. Assim, por exemplo, se optamos por usar a simplicidade da forma bsica, dos planos geomtricos simples, podemos pesquisar o cubismo ou o neoconcretismo. O importante saber o porqu da escolha.

Radicado nos EUA, o carioca Nando Costa criador do projeto Brasil Inspired (www.brasilinspired.com), no qual incentiva e divulga os trabalhos de design desenvolvidos no pas. Apostando na experimentao, seu trabalho um bom exemplo de como tal conceito pode ajudar o design digital a se tornar mais criativo. Nesta entrevista, ele fala sobre influncias, cores, tipografia etc., alm de analisar os desafios existentes na caminhada do profissional que vai para o exterior. Wd :: Em entrevista para a revista Zupi (http:// tinyurl.com/mzpot), voc confidenciou que tem ...trabalhado tanto nos ltimos anos que quase sinto que perdi um pouco da minha identidade. Essa sensao j passou? Quais fatores constroem ou desconstroem a identidade e o estilo de um designer? Nando :: Acho que esse efeito j passou. Devo ter dito isso quando tinha a minha empresa (chamada Nakd), no Rio de Janeiro. Naquela poca, como atuava como diretor de criao, a minha funo, alm designer, era guiar o estdio, os designers e animadores com quem eu trabalhava, e tambm interagir com os clientes, pagar as contas e at lidar com as burocracias. No fim dos dois anos de minha experincia na Nakd, eu e minha esposa (Linn Olofsdotter - www.olofsdotter. com) estvamos esgotados e acho que isso nos afetou demais, nos deixou sem inspirao. Mas depois tudo passou e, hoje em dia, trabalhando como freelancer, me sinto muito mais confiante e feliz com o que fao. Sobre sua segunda pergunta, no sei exatamente como responder, pois isso depende muito de uma pessoa para outra. No h regra. No meu caso, o fato de o meu trabalho ter perdido fora, eu imagino que deve ter sido causado por cansao, exausto mesmo. Atualmente, con-

entrevista - Andr Matarazzo :: 27

28 :: design na web: construindo sua histria

Design sua historia na web: construindo

Arquitetura, escrita, pintura, utenslios domsticos, vestimentas. atravs da descoberta e da pesquisa de diversos objetos do passado que tornamos possvel a reconstruo e o entendimento dos fatos e dos acontecimentos da histria. Quando falamos de design na web, tratamos de um segmento que ainda engatinha para escrever definitivamente suas pginas na histria deste campo do conhecimento. No livro Uma introduo histria do design, Rafael Cardoso aponta que ...talvez o maior desafio para o designer envolvido com a rede seja de encontrar solues que resistam, por sua qualidade e densidade, a essa proliferao tumorosa de informaes parciais.... Diante disso, estudar os elementos que ajudaram a construir a prtica do design pode ser o primeiro passo para garantir um diferencial neste mercado. O conhecimento da histria uma das melhores formas de entrar em contato com questes profundas como identidade, representao, cultura. Acho que o designer, como todo criador, tem que buscar o autoconhecimento. E, por trabalhar com a coletividade, tem que buscar conhecer a sociedade tambm. A histria o autoconhecimento coletivo, argumenta o escritor.

design na web: construindo sua histria :: 29

. to en m m so b ci h e t a m rd o n a co de l C o ut eda afae a R o oci ar a s c us er b e hec qu on c m te car , or bus d ria ue c o mq d to , te o m ade o , c ivid r ne let g si co de a o om ue r c q o lha a ch A rab t or p E,

s e d
30 :: design na web: construindo sua histria

Da Revoluo Industrial Era da Informao

meados da dcada de 1980. Para o design, as plataformas e programas de computador desenvolvidos desde ento me parecem to importantes quanto prpria web, que teria outra cara e estrutura se no fosse por eles, explica Rafael Cardoso, professor associado do Departamento de Artes e Design da PUC-Rio. Do HTML ao AJAX: como as tecnologias mudam a histria do design na web Na busca por uma linha que norteie a prtica do

Quais caractersticas histricas poderiam nos ajudar a

entender a evoluo do design? primeira vista, os efei-

tos da industrializao em nossa sociedade so considerados o grande marco para a transformao no modo de produo do design, pois at ento o ofcio era realizado de maneira artesanal.

No tnhamos design propriamente dito, tnhamos

artesanato que eventualmente poderia ser desenvolvido com alguns padres e repeties, mas no era regra. Podemos dizer que o design viveu trs fases distintas: na

design na internet, a grande dificuldade para se determinar uma histria envolve a escassez de registros e acervos que produzam um espao com material confivel de consulta. So poucos, mas os exemplos existentes j ajudam a traar um perfil da rea. Estamos falando do UOL Histria (saiba mais, na pgina 36) e do Internet Archive (www. webarchive.org). Apesar das dificuldades, o depoimento e a prtica de quem trabalha na rea servem como um bom caminho para analisarmos de que forma este segmento de mercado cresceu e se transformou ao longo dos seus 11 anos de existncia. A principal transformao no design para a web a busca de sua prpria identidade. Desde o seu surgimento, no final do sculo passado, a web uma grande tela em branco procura de quem a preencha, tanto que j foi considerada a maior exposio de arte interativa do mundo. HTML, CSS, Flash, scripts, gerenciadores de contedo... Cada inovao abre um nmero enorme de possibilidades, e a maior glria do designer explor-las incessantemente. A maior transformao provocada pela web a constante reinveno de seus contedos e formatos, alm, claro, da gigantesca democratizao do acesso aos meios de produo, aponta Luli Radfahrer, professordoutor da ECA-USP. Para Marcelo Gluz, gerente de criao na Globo.com, a evoluo do design sempre esteve vinculada s descobertas tecnolgicas. Principalmente quando estudamos as transformaes ocorridas nas tecnologias disponveis para o desenvolvimento de ambientes digitais. A primeira o surgimento do CSS, que permite mudar o visual de um site rapidamente, sem que se tenha que mexer nas estru-

primeira fase, seu empenho era em modular produtos para serem seriados, ou seja, facilitar a produo. Na segunda fase, o design tinha que construir valores simblicos e agregar valor ao produto. Nesse momento de sociedade da informao no qual vivemos, parece que estamos voltando um pouco no tempo. A grande quantidade de ferramentas e tecnologias nos d a oportunidade de construir produtos para web que sejam quase artesanais. Embora se use toda cincia de comunicao visual e se pense em comunicar para a massa, cada projeto ganha uma ateno quase artesanal, analisa o designer Guilherme Marconi. Levando em conta o peso que a Revoluo Industrial exerceu na forma como o design evoluiu ao longo do tempo, certo considerar que o surgimento da internet representa tambm uma nova etapa em sua histria? Ainda falta distncia crtica para avaliar se o surgimento da internet ter o mesmo peso histrico que teve a industrializao. Afinal, quando falamos da chamada primeira Revoluo Industrial, estamos falando de um dos acontecimentos mais transformadores em toda a histria da humanidade, de importncia equivalente ao incio da agricultura ou das cidades h milhares de anos. Prefiro pensar na internet como parte de um quadro maior, abrangendo a telefonia e a informatizao - ou seja, o descolamento radical entre o tempo em que as informaes so transmitidas e o tempo em que as pessoas e as mercadorias so transportadas. Isto sim representa uma nova revoluo, a qual vem se adensando de maneira crtica desde

design na web: construindo sua histria :: 31

na busca por talentos :: 31

O simples fato de a internet se utilizar de tabelas de HTML, com ngulos retos e preciso numrica, traz uma atmosfera Bauhausiana ao design interativo Marcelo Gluz
turas. O CSS tambm importante quando se fala em deixar o usurio personalizar seu espao. Outro ponto que merece ateno a possibilidade de interagir com o dado sem mudar de pgina. A primeira tecnologia que possibilitou isso foi o Macromedia Flash e agora apareceu o AJAX, tornando a experincia do usurio ainda mais fluida. Os sites se parecem cada vez mais com softwares residentes no lado do cliente. J o aumento progressivo da banda no um marco, mas um vetor que aponta a direo das prximas mudanas. Cabe aos designers usarem a banda com sabedoria, o que nem sempre ocorre. Bauhaus aplicada na web? Analisando a histria do design, inegvel o valor que os conceitos produzidos pela Bauhaus exerce nas diferentes geraes de profissionais, por defender a funcionalidade no design, sendo a esttica uma conseqncia. Tanto que a influncia da escola alem parece se refletir em determinados projetos de design para a web. Todo bom design feito aps a Bauhaus traz forte influncia dela. Ela rompeu com o Art Nouveau em busca de um design mais racionalista, onde a forma deve ser fundamentada na funo. Da mesma maneira, por sua natureza interativa, a web repele adornos suprfluos e exige grande esforo funcional. O simples fato de a internet se utilizar de tabelas de HTML, com
Art Nouveau
Relaciona-se especialmente com a 2 Revoluo Industrial em curso na Europa, com a explorao de novos materiais e os avanos tecnolgicos na rea grca, como a tcnica da litograa colorida que teve grande inuncia nos cartazes. Caracteriza-se pelas formas orgnicas, valorizao do trabalho artesanal, entre outros. Fonte: Wikipdia (http://pt.wikipedia.org/wiki/Art_nouveau)

ngulos retos e preciso numrica, traz uma atmosfera Bauhausiana ao design interativo. No me agrada a idia de disfarar as tabelas com curvas. prefervel buscar solues estticas que assumam as caractersticas da mdia, afirma Marcelo Gluz. justamente neste ponto que os especialistas ressaltam a importncia de se trabalhar a funcionalidade e a esttica como aliados em um projeto de design. A Bauhaus foi uma experincia histrica rica e maravilhosa, de grande relevncia para o contexto da Alemanha, nas dcadas de 1920 e 1930. , ainda, uma lio importante de que poss-

32 :: design na web: construindo sua histria

A escola americana a grande inuncia quando se fala em tecnologia, no s no Brasil como em vrios lugares do mundo. Mas vejo uma inuncia mais ligada aos conceitos de tecnologia do que propriamente ao design Andr Nogueira
vel realizar grandes projetos com pouco mais do que paixo e boas idias. Infelizmente, a forma como o legado da Bauhaus foi apropriado nos ltimos 40, 50 anos tem sido contra-producente para o design, especialmente no Brasil. Essa idia que as pessoas costumam fazer de funcionalidade inteiramente equivocada. Funo no existe, pelo menos no sentido funcionalista, com F maisculo. Funo como contraposio Esttica um desastre conceitual, que s tem prejudicado o design. Recomendo aos designers que esqueam tudo que acham que sabem sobre a Bauhaus e retornem s fontes para ver o que ela foi mesmo. Foi uma escola plural, antes de tudo, onde as divergncias e as dissidncias eram respeitadas, alerta Rafael Cardoso. Dessa forma, a dica avaliar como os pontos positivos e negativos de cada conceito vo ser aplicados na prtica. Usabilidade a Bauhaus da web. Como a escola alem, ela tem seu lado positivo - colocou a forma a servio da funo e eliminou efeitos sem significado aparente. No entanto, tanto os axiomas da Bauhaus como os princpios da usabilidade devem ser vistos como um poste: servem de iluminao para quem est sbrio, de apoio para quem est bbado. O apego excessivo ditadura do funcional - representado por muitos portais de servios e por clientes e designers com preguia criativa acaba por gerar um material montono, rgido, estpido. E isso o contrrio do design, orienta Luli Radfahrer. Escola americana no design na web Quando falamos do design brasileiro, a ESDI (Escola Superior de Desenho Industrial) um marco em nossa histria, pois foi o primeiro curso de design em nvel superior criado no pas. Em termos de influncia, os ideais da Escola de Ulm foram considerados como o principal modelo referencial para a ESDI.

Escola de Ulm
considerada a mais signicativa tentativa de se restabelecer uma ligao com a tradio do design alemo. Foi sucessora da

Bauhaus por seus mtodos de ensino, disciplinas lecionadas, ideais polticos e por tambm acreditar que o design tinha um importante papel social a desempenhar. Fonte: Wikipdia (http://pt.wikipedia.org/wiki/Escola_de_Ulm)

Hoje, justamente pelo fato de a histria do design na web ainda ser um processo recente e em construo, as opinies sobre uma possvel inuncia da escola americana nos projetos brasileiros se tornam bastantes divergentes. No acredito nisso, at porque no h uma escola americana. NYU, CalArts e Berkeley so muito diferentes entre si e tm em comum apenas o fato de estarem nos Estados Unidos. H coisas muito boas feitas no Reino Unido, na Sucia, no Japo e no Brasil, sem influncia de terico algum (seno o designer brasileiro no estaria to na moda em empresas estrangeiras). O que h um mercado muito grande e bastante capitalizado nos EUA, que torna as iniciativas produzidas l muito mais visveis, diz Luli. Para Marcelo Gluz, existe um meio termo envolvendo esta questo. Bebemos muito do que produzido nos EUA, mas no existe somente uma escola americana, assim como nem todos faziam design funcionalista na Alemanha. No acho que haja hoje uma grande revoluo na maneira de fazer, ensinar e compreender design como houve naquela poca, mas vejo a indstria americana procurando novas maneiras o tempo todo. Acho muito interessante o conceito de projetar plataformas interativas em vez de sites. O Google Maps (http://maps.google.com) e o YouTube (www.youtube.com) so bons exemplos disso. possvel consumir a experincia YouTube de ver vdeos em centenas de blogs mundo afora. No s no site do YouTube. Outra manifestao importante do design americano contemporneo o processo criativo baseado em prototipao constante da IDEO (www.ideo.com). Ele cai como uma luva em projetos de internet e favorece a inovao. Um ponto de vista interessante neste debate referese s tecnologias envolvidas com o design na web. A escola americana a grande influncia quando se fala em tecnologia, no s no Brasil como em vrios lugares

cones, quando usar? :: 33

34 :: design na web: construindo sua histria

do mundo. Mas vejo uma influncia mais ligada aos conceitos de tecnologia do que propriamente ao design. Acho que o design interativo brasileiro j tem uma identidade prpria bastante forte, cita Andr Nogueira, diretor de arte da Simples Consultoria. O que determina os limites do design na web Na evoluo de sua histria, o design na web encontra alguns desafios para o seu desenvolvimento. O primeiro deles seria a viso de que a interao homem-computador mais fria e distante, alm de criar um sentimento mais individualista entre as pessoas. Em comparao com as outras reas de conhecimento (design grco e de produto), podemos considerar o pensamento acima como uma das principais limitaes (gerando novos desaos) para o exerccio da prtica na web? O computador, tal como conhecemos hoje, est falido. Estamos a cada dia reinventando as tecnologias. Parece que quase 90% da populao possui celulares. O nmero de pessoas com acesso tecnologia cada vez maior e vertiginoso. E sabemos bem que quanto mais pessoas assimilam a tecnologia, novos conceitos surgem, bem como novas tecnologias se desenvolvem. A cada dia que passa, as pessoas tm mais experincia digital e os sites vo deixando de ser aglomerados de botes frios para se transformarem em parte da experincia simblica das pessoas, analisa Guilherme Marconi. Assim, o designer precisar compreender muito bem as transformaes causadas pela insero da tecnologia no cotidiano de nossa sociedade para que os projetos na rea possam transpor os possveis obstculos existentes. No sei se a interao humano-computador mais fria. Isto me parece bem discutvel. Mais distanciada, talvez, no sentido de ser algo que intermedia as relaes humanas, como o fazem tambm o telefone e a televiso (tudo que tele-, alis, que vem do grego, para distante). No vejo isto como algo especfico web. um fenmeno mais amplo da Era Industrial, com sua revoluo nos transportes e na comunicao. Temos a iluso de que est tudo perto (imagens instantneas do ltimo conflito no Oriente Mdio, por exemplo) e, ao mesmo tempo, paradoxalmente, essa proximidade nos parece ilusria.

Voc fala com algum em outro continente pelo Skype, com webcam, e parece que a pessoa est ali, mas no est. Fica um vazio, que s pode ser suprido pelo ttil. Temos a um desafio imenso para o designer de web, no ? Se voc acrescenta a isto o fato que vivemos numa sociedade onde todo mundo fecha os vidros ao parar no sinal de trnsito, para afastar quem est perto, o desafio para o design fica ainda maior, aponta Rafael Cardoso. Ou seja, como diz Luli Radfahrer, para se fazer coisas para o sculo XXI, necessrio pensar como algum do sculo XXI. A interao homem-mquina, por exemplo, no mais fria como era. E no estou falando de malucos que conversam com o carro para que a gasolina no acabe, mas de situaes bastante corriqueiras: voc recebe cartes virtuais, briga por MSN, gesticula falando ao celular e se entristece ao receber um e-mail ruim. Em comparao com as outras reas, um blog muito mais quente que um jornal, o YouTube, muito melhor que a TV, MMORPGs mais eficientes que fliperamas. necessrio se livrar de preconceitos e abraar as novas tecnologias para se criar um design relevante, ressalta.
MMORPG
Um jogo de computador e/ou videogame que permite a milhares de jogadores criarem personagens em um mundo virtual dinmico ao mesmo tempo na internet. Fonte: Wikipdia (http://pt.wikipedia.org/wiki/MMORPG)

Trabalhando com a interatividade Em 2000, no livro Projetando Websites, Jakob Nielsen, considerado um dos gurus da usabilidade na web, apontava que o contedo era o rei, em detrimento da esttica visual de um site. Nos dias atuais, a discusso est mais focada no desenvolvimento de interfaces digitais, onde o usurio e a sua interao nestes ambientes passam a ser a grande prioridade para o sucesso de projetos nesta rea. Dessa forma, j no mais um exagero afirmar que o conceito de interatividade modifica profundamente a prtica do design na web. Acredito que o dado o rei, justamente porque creio em design centrado no usurio. O designer deve focar seus esforos em potencializar a

design na web: construindo sua histria :: 35

A principal transformao no design para a web a busca de sua prpria identidade Luli Radfahrer
experincia do usurio em facilidade, rapidez e agradabilidade. Muitas vezes, o designer precisa carregar mais a mo nos grafismos para vender melhor o dado, mas normalmente os grafismos excessivos mais atrapalham do que ajudam o usurio, diz Marcelo Gluz. Segundo o especialista, o que Nielsen no previa em 2000 era que o entendimento do usurio sobre o que a internet evolusse e os dogmas precisariam acompanhar essas transformaes. O que era difcil em 2000, em 2006 pode ser fcil e em 2012 pode se tornar ridculo. Um sistema interativo deve manter o usurio desaado para que no se torne montono. Mas tambm no deve ser um obstculo entre o usurio e a informao. Esse importantssimo equilbrio depende do momento histrico e do nvel social e etrio do usurio, e, portanto, no deve ser eternizado em dogmas de usabilidade. O avano tecnolgico e o surgimento de servios web2 customizveis (como o cdigo-fonte do Google Earth, por exemplo) traz desaos que vo alm do funcional, comercial, coletivo e HTML. Blogs e comunidades como o Orkut, por exemplo, so lugares em que a questo da funcionalidade no faz mais sentido - o indivduo vai para l se divertir, se surpreender, pesquisar, fuar. Isso faz com que o usurio se torne mais consciente dos recursos e opes, o que muda completamente a relao do visitante com a interface, e, naturalmente, o design, complementa Luli Radfahrer.

Dicas de leitura:

Design grfico: uma histria concisa Autor: Richard Hollis Editora: Martins Fontes

Uma introduo histria do design Autor: Rafael Cardoso Editora: Edgard Blcher

36 :: design na web: construindo sua histria

Um acervo na histria do design na web nacional

Bate-papo: Mrion Strecker, diretora de contedo do UOL Nesta entrevista, conhea os principais aspectos envolvendo a evoluo do design das pginas iniciais do portal, alm da importncia do UOL Histria (http://sobre.uol. com.br/historia). Wd :: No Brasil, no temos um rgo ou entidade que registre ocialmente a histria da criao e o desenvolvimento de sites. A prpria produo bibliogrca na rea ainda escassa. Dessa forma, como surgiu a idia de registrar a histria do UOL e qual a sua importncia? Mrion :: Criamos esse site porque achamos que, se ns no zssemos esse trabalho, ningum faria e a histria se perderia. A cada aniversrio do UOL, fazemos um balano do que foi realizado e atualizamos o site UOL Histria. Como na internet no temos grandes limitaes de espao, podemos nos dar ao luxo de escrever a histria da internet e da empresa e mant-las publicadas, para informao do pblico. Wd :: De 1995 aos dias atuais, quais foram as principais transformaes e marcos no design para web (por exemplo, no incio, o posicionamento do logotipo da empresa apresentava um grande destaque e ocupava um espao muito maior do que o apresentado atualmente)? Mrion :: Quando foi ao ar, em abril de 1996, o UOL tinha apenas oito canais e uma marca desconhecida. Por isso, havia um logotipo grande na home page. Hoje, o UOL tem mais de mil canais que disputam arduamente espao na primeira pgina do portal. Alm disso, a marca UOL ficou muito conhecida, por isso pudemos diminuir sua dimenso. Primeiro tivemos de desenhar o site para o Mosaic, que era o software navegador que as pessoas usavam em meados dos anos 90. Depois, redesenhamos para Netscape e, mais tarde, para Internet Explorer, o navegador que a Microsoft resolveu instalar junto com o Windows e se tornou o mais popular do planeta. Para atender ao maior pblico possvel, precisamos sempre estar atentos aos navegadores usados e fazer com que nossas pginas funcionem bem em todos eles. No comeo do UOL, as pessoas usavam modem de 14.400 bits por segundo! Depois, vieram os modems de 28.800 bps, 56 kbps e nos ltimos anos estamos vendo evoluo semelhante na velocidade chamada de banda larga. No comeo, desenhvamos as pginas sabendo que a maior parte do pblico usava monitores con gurados para

largura de 480 pixels. Hoje, a maioria ainda usa congurao de 800 pixels, mas uma boa parte j adotou congurao de 1.024 pixels. Cada mudana dessas afeta profundamente o desenho de um site. Wd :: Considerando todas essas mudanas, certo afirmar que a evoluo do design na web est diretamente atrelada evoluo tecnolgica? Mrion :: Sim, o design na web depende diretamente das tecnologias disponveis para a criao, da velocidade das conexes e das caractersticas de hardware e software usados pelo grande pblico. No adianta nada fazermos pginas maravilhosas se elas no puderem ser transmitidas rapidamente e visualizadas corretamente pela maioria das pessoas. possvel criar verses diferentes para velocidades e para equipamentos diferentes. Fazer isto num site pequeno fcil. Fazer isto num portal do tamanho do UOL, com mais de sete milhes de pginas diferentes e centenas de parceiros de contedo, cada qual com sua marca e seu look & feel, muito mais complicado. Wd :: Hoje, o conceito de Web 2.0 vem causando uma grande discusso sobre a criao e o desenvolvimento de sites. Como o UOL interpreta toda essa movimentao e quais modificaes ela vem trazendo para o design na web? Mrion :: Atrs do conceito de Web 2.0 esto os recursos que permitem que o pblico interfira na maneira de ver informaes ou mesmo pginas na internet. sensacional. J estamos usando esses recursos em alguns dos nossos servios interativos. Wd :: O UOL j projeta que tipo de modificaes o futuro trar para as empresas que trabalham com servios de internet, principalmente no segmento de sites? Mrion :: Mais da metade dos nossos assinantes j usa conexo em alta velocidade. Quase metade do nosso pblico j possui monitor configurado em 1.024 pixels. Quando a grande maioria do pblico estiver nessa nova situao, veremos um novo e grande salto no design da internet. J temos algumas amostras disso aqui e ali, principalmente nos EUA. Parece inevitvel tambm que a web se torne cada vez mais multimdia, com uso mais intenso de animaes, udios e vdeos, alm de mais interatividade.

38 :: debate - adaptar-se

preciso
ao

usurio?

Analisando a comunicao visual utilizada pelos supermercados, por exemplo, possvel descobrir o perl de cliente que cada marca deseja atingir. Fazendo um paralelo desta realidade com o mundo digital, podemos dizer que o pblico-alvo quem dita as caractersticas de um site?

debate - adaptar-se :: 39

:: Ana Starling Designer e ilustradora - Estdio Ana Starling www.anastarling.com

:: Carolina Leslie Arquiteta de informao na AgnciaClick www.lulileslie.com

Fiquei imaginado os sites numa prateleira de supermercado. A primeira impresso seria uma linha quase contnua, de uma nica cor, com alguns retngulos em propores 3x4, destoantes, que saltam aos olhos como um popup

Um site de qualidade aquele que atende os objetivos de negcios da empresa, s necessidades de seus clientes e faz isso de uma maneira clara, simples e, acima de tudo, agradvel
Antes de discutir o que pode influenciar a qualidade

Fiquei imaginado os sites numa prateleira de supermercado. A primeira impresso seria uma linha quase contnua, de uma nica cor, com alguns retngulos em propores 3x4, destoantes, que saltam aos olhos como um popup. Essa linha de produtos diferentes, dispostos todos juntos no mesmo espao, vistos ao mesmo tempo. Nessa rede, por natureza globalizada, a comunicao comumente homognea. Parece mais difcil distinguir o pblico especfico ou o que, e como, ele deve ser interpretado e representado nesse meio. Talvez pela influncia dos recursos tecnolgicos disponveis, pela maante repetio esttica originada por esses recursos e pelo prprio meio, pela pouca explorao do digital, que permite, cada vez mais, a personalizao e novos caminhos para a comunicao. Mas quem esse pblico digital? O mesmo dos supermercados? O que est no supermercado est realmente direcionado para o seu pblico? Na rede dos trs Ws, os navegadores podem navegar por oceanos mais distantes e traar caminhos mais longos, mais personalizados. Explorar o meio permitido, possvel. Mas isso poder surgir e acabar submerso no meio ditatorial comercial.

de um site, temos que ter em mente o que um bom site. A meu ver, um site de qualidade aquele que atende os objetivos de negcios da empresa, s necessidades de seus clientes e faz isso de uma maneira clara, simples e, acima de tudo, agradvel. Um site projetado para meninas de 14 a 18 anos no deve agradar a um executivo de 40. E isso timo. Pode ser que esse site tambm no agrade a quem o projetou e isso faz parte do processo de design. Temos que lembrar sempre que o pblico-alvo pode ser bem diferente de ns e que algumas escolhas devem ser feitas de modo racional e no emocional. Muitos diretores de arte acreditam que o pblicoalvo pode estragar seu layout, porque vem seu trabalho como arte, quando deveriam v-lo como design. A arte uma forma de expresso que, em geral, tem mais valor se no faz concesses a nenhum pblico. O design, pelo contrrio, uma cincia preocupada em encontrar solues, o que no pode ser feito sem se levar em conta s pessoas e suas necessidades.

40 :: debate - adaptar-se

Voc pode tomar a deciso de criar um layout extremamente leve e colorido (supondo que isso agradar o povo), mas arbitrariamente o
:: Rhawbert Costa Scio da Nitrocorpz Design www.nitrocorpz.com

produz para uma resoluo de tela de 1024x768 pixels. E a, o porqu desta deciso?

Sim e no. Explico: depende da inteno do designer, sua bagagem cultural, imagtica e tcnica, processo e prazo de produo, remunerao etc. Interesses de ambas as partes, concomitantes ou no, tambm influenciam o resultado final, para o bem ou para o mal. Apenas definio de pblico-alvo insuficiente para se comear a decidir. Precisamos de mais informaes, dados concretos, nmeros. Voc pode tomar a deciso de criar um layout extremamente leve e colorido (supondo que isso agradar o povo), mas arbitrariamente o produz para uma resoluo de tela de 1024x768 pixels. E a, o porqu desta deciso? Quais os impactos da mesma? Por que no? correta? Virtualmente impossvel de responder sem obter mais informaes. Decises como esta acontecem s dezenas em uma velocidade incrvel quando se projeta algo para a internet. Muitas vezes, o pblico-alvo nem sequer o cliente do seu cliente, mas um misto das vontades pessoais dele com as necessidades do mercado que ele quer (ou acredita) atuar. Misture isso com sua interpretao da situao e pronto: voc tem mais um projeto disponvel para que o mundo todo acesse. Esta analogia apresentada (supermercado) serve como fasca para iniciar discusses mais profundas que independem bastante do tipo de trabalho visual em pauta: pode ser um cirurgio plstico ou um designer de interiores, no final so seres humanos que tomam as decises, algumas vezes baseadas em fatos concretos, noutras no, mas sempre sujeitos a errar.

debate - adaptar-se :: 41

Rodrigo Manfredi Diretor de arte da Submarino.com www.rodrigomanfredi.com

O pblico-alvo sempre o principal ponto a ser considerado quando se vai fazer qualquer comunicao, tanto on-line quanto off-line. Cada segmento de mercado tem necessidades e aspiraes diferentes e conhecer esse perfil auxilia a agncia ou o estdio no direcionamento para a comunicao de seu cliente. Quando penso na criao de um website, isso no diferente: sempre levo em considerao quem est do outro lado da tela e um estudo de seu perfil essencial para que o usurio possa desfrutar ao mximo as informaes e os servios disponveis para ele no site. Partindo desse ponto, parece claro dizer que o pblico-alvo dita o caminho a ser seguido pela comunicao de um site. Isso seria trivial se no estivssemos falando de uma mdia to dinmica como a internet, no qual podemos ir at o limite do que o usurio espera e surpreend-lo com algo a mais - e quase que, de maneira instantnea, analisar os resultados positivos ou negativos. Geralmente, essas inovaes criam um novo hbito no consumidor que estava acostumado apenas com o mesmo e acabam virando referncia para os prximos sites que vo ter o contedo semelhante ao seu. Elas so responsveis, em sua grande maioria, pelas novas tendncias que so seguidas por todos, mas s as que so assimiladas pela grande audincia da internet se estabelecem como parte relevante nos sites comerciais. Minha concluso que existe uma via de mo dupla, onde de um lado esto designers e desenvolvedores criando e desenvolvendo novas tecnologias e aplicaes para a internet e do outro o pblico-alvo que, a cada dia, usa a internet de maneira mais intensa e torna-se mais crtico em relao ao que til e o que pode ser descartado nos sites.

Quando penso na criao de um website, isso no diferente: sempre levo em considerao quem est do outro lado da tela e um estudo de seu perl essencial

42 :: debate - adaptar-se

Participao dos assinantes

O pblico-alvo dita a qualidade do seu site?
Paulo Altieri
comunicacao@adg.org.br

pa gan r ticip e he pr e mio s!

No necessariamente. Por exemplo, um site com apelo popular no signica que seja melhor ou pior em termos de qualidade. Para um pblico requintado, a viso de um site como este diferente da do pblico-alvo; o mesmo ocorreria se fosse ao contrrio. Aqui a qualidade se aplica a ambos, mas o que dita isso ponto de vista de um pblico. Outro pblico, outro ponto de vista.

vencedor!

Vnia Marques
vania.marques@vivo.com.br

Nosso fregus o usurio e suas crticas, sugestes e comentrios que norteiam o nosso trabalho. Obviamente buscamos sempre surpreend-los, antecipando suas necessidades e imprimindo um padro de qualidade a altura do pblico-alvo.

Anderson Silva
webmaster@nhsinformatica.com.br

A qualidade do site est diretamente relacionada com o grau de exigncia do seu pblico-alvo. Isso acontece no s com sites, mas com programas de televiso, estilos musicais, moda, arquitetura etc.

Julio Cezar
juliocezar@nce.ufrj.br

Acredito que exera uma certa influncia, porm no ser o pblico-alvo em si o fator determinante para a qualidade do site. Um site de qualidade ser sempre aquele que busque um diferencial, mesclando informao de forma clara e design moderno e ousado.

Michel Rozatti
mike.net@uol.com.br

O pblico de ne o m do site ou a tribo a qual ele pertence. A qualidade atingida exatamente quando o site supre as necessidades de seu pblico e s vai conseguir realmente atingir seus objetivos, isto , ter acessos, quando for considerado interessante por esse pblico.

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

O autor da melhor resposta ganha prmios.

e-mais - sites polticos :: 43

44 :: e-mais - virais na web

uma nova frmula para se propagar informao?

Provavelmente, voc recebeu no ano passado uma imagem, onde o desafio era descobrir, dentre os diversos objetos que a ornamentavam, referncias a bandas de pop/rock. Ou, ainda, foi estimulado pela indicao de um amigo a entrar no site www.subservientchicken.com e digitar aes para que uma galinha louca fizesse o que voc pedisse. Criatividade e estratgia para disseminar uma informao, fugindo do formato de propaganda tradicional. Os exemplos acima so alguns dos bons casos de campanhas virais, que hoje se tornaram uma das principais ferramentas para as grandes marcas espalharem seus planos de comunicao ao mercado. Ou seja, elas representam para a internet a traduo da velha ttica do boca-a-boca. Marketing viral uma ferramenta de guerrilha e uma forma de colocar uma marca na web como informao e no como propaganda. transformar o produto ou servio de uma empresa em um contedo divertido e inovador com o objetivo de que o consumidor passe a mensagem para frente. Gerar um boca-a-boca on-line, explica Marcelo Coelho, da Espalhe (www.espalhe.inf.br), agncia de marketing de guerrilha do Brasil. A verdade que viral hoje sinnimo de bom, de marcante, de web de primeira. Sendo bom e marcante, a pea tem a capacidade de ser passada para frente no boca-a-boca, acrescenta Andr Matarazzo, scio da Gringo.nu (www.gringo.nu). Virais como conseqncia da Web 2.0? Analisando os recentes projetos lanados no mercado, possvel afirmar que o atual conceito de participao ativa dos usurios na evoluo dos ambientes interativos explique o crescimento das campanhas virais pela web e o investimento de grandes marcas neste tipo de projeto? Para Ricardo Figueira, diretor de criao da A g n c i a C l i c k ( w w w. a g e n c i a c l i c k . c o m . b r ) , a l g u n s pontos podem esclarecer melhor essa percepo sobre participao interativa, viralidade e investimento. O primeiro deles que o consumidor , por natureza, um formador de opinio. Algum que, de alguma forma, passa por experincias que lhe proporcionam vantagens, benefcios ou no. algum que vive em redes sociais, seja no trabalho, entre amigos de faculdade ou simplesmente p o r a f i n i d a d e d e i n t e re s s e . Tro c a n d o e m m i d o s , o consumidor algum capaz de gerar o bom e velho bocaa-boca, e a diferena que a internet tornou-se uma ferramenta de amplificao disso em larga escala, com uma

Virais na web:

e-mais - virais na web :: 45

dimenso e velocidade absurdas, diz. Outra questo envolve a transformao na forma como a mensagem transmitida. Se antes a propaganda era baseada em emisso e recepo, hoje ela no s pode como deve transformar um receptor em tambm emissor. Na minha opinio, essa uma das grandes diferenas da propaganda moderna para a propaganda tradicional, onde a mensagem deve ter potencial de reao e o meio deve permitir a sua redistribuio, afirma. A conseqncia desse cenrio para quem trabalha com ambientes digitais um maior investimento das grandes empresas em formatos de sites que vo alm do tradicional modelo institucional. Muitos usurios procuram uma relao mais emocional com a marca (e vice-versa), e esse tipo de relao mais fcil de ser construdo atravs de sites perifricos ao site institucional. por isso que existe tanto espao para hotsites, campanhas menores, virais. Hoje, as marcas usam vrios canais on-line e no apenas o seu .com.br, aponta Matarazzo. Trabalhando com os riscos Os riscos envolvidos em campanhas virais so grandes, pois seu sucesso depender exclusivamente de sua afinidade com o pblico-alvo para espalhar seus objetivos, alm da necessidade de se passar uma espontaneidade. Dessa forma, existe alguma forma para se medir os riscos antes de lanar uma campanha desse tipo? O viral mais fcil aquele que se espalha dentro d e u m t a rg e t d e t e r m i n a d o , p o r a f i n i d a d e . M a s t e m tambm o viral que se espalha para todos os lados, indeterminadamente. So as grandes idias da web que todos sabemos e comentamos. Normalmente, o viral vem acompanhado de riscos sim, e nem sempre mensurveis. Entendo que conceitualmente seja arriscado, mas em compensao o projeto mais barato (viral de verdade se espalha sem comprar mdia, por exemplo, que cara) e o alcance do possvel estrondo fenomenal, fora que quando algo cativa o usurio emocionalmente, o payback de b r a n d a w a re n e s s gigantesco. Em tudo na vida, quanto maior o risco, maior possvel o ganho envolvido, afirma Andr Matarazzo.

As etapas na criao de um viral Segundo os especialistas, as etapas na hora de se criar uma campanha viral pela web seguem a mesma l i n h a u t i l i z a d a p a r a o u t ro s t i p o s d e c a m p a n h a s o n line. Definio, planejamento, criao e produo. A viralizao ocorre (ou no) uma vez que a campanha j est no ar. Se o usurio se identificar, ela emplaca. Se no, no decola. Na nossa experincia, no recomendvel se confiar 100% no viral como estratgia de divulgao. necessrio investir em formas tradicionais de divulgao, pelo menos no comeo da campanha, aponta Michel Lent Schwartzman, diretor geral da 10Minutos Interactive (www.10minutos.com.br). Traar o perfil do pblico-alvo tambm um bom caminho para se garantir o sucesso dessas campanhas. Primeiro de tudo, conhecer profundamente o pblico primrio a ser atingido, seus valores e seus hbitos com os meios interativos. Aps entender exatamente em quem voc vai provocar a reao, imprescindvel projetar o tipo de reao a ser provocada e, principalmente, qual a mensagem residual que ela vai transmitir. Por fim, disponibilizar e desenvolver meios para que as pessoas possam repassar as suas experincias ou convidar novos participantes para a ao, orienta Ricardo Figueira. Falando no desenvolvimento de sites voltados para campanha virais, colocar o termo indique/envie para um amigo parece ter se tornado uma ferramenta padro. Quanto mais fcil para o consumidor repassar a mensagem, maior ser o retorno, por isso a mecnica de indique um amigo to popular. Mas, mesmo esta simples mecnica, pode ser incrementada de alguma maneira. Um exemplo o Share the Love!, da Amazon: um esquema
Payback
Ou prazo para recuperao do capital. um indicador voltado medida do tempo necessrio para que um projeto recupere o capital investido. Fonte: USP (http://tinyurl.com/meojo)

Brand awareness
Refere-se ao conhecimento que o pblico tem da marca. Fonte: Revista FAE BUSINESS (http://tinyurl.com/lm72j)

46 :: e-mais - virais na web

para indicar o produto que voc comprou, dando descontos para amigos e comisso na venda para quem indicou. Tudo isso por trs de uma bonita mensagem de compartilhe o amor, cita Ricardo Cavallini, diretor de operaes da Euro RSCG 4D (www.eurorscg4d.com.br). A ttica investir na curiosidade para que o usurio fique tentado a descobrir a informao que se deseja espalhar. Geralmente, so sites simples, que visam sempre a facilidade para o usurio transmitir a mensagem para o seu grupo de influncia. Mas isso no uma regra. O site www.oquetemnocopovermelho.com.br, por exemplo, provoca o usurio a participar e descobrir o enigma. A prpria navegao do site complicada para instigar a nsia do visitante pela descoberta. Hoje, para conquistar o usurio, precisamos oferecer algo ousado e atraente para que ele se sinta orgulhoso de ter achado aquele site e recomende para todos os seus amigos. Uma grande forma de fazer isso permitir que o usurio participe. Deixe que o internauta, por exemplo, produza um contedo com a informao da sua empresa e possibilite que ele distribua facilmente para os amigos. Mtodos muito usados ultimamente so o Envie para um amigo, a personalizao da mensagem e o RSS, indica Marcelo Coelho.
Fontes: Andr Matarazzo, Marcelo Coelho, Michel Lent, Ricardo Cavallini e Ricardo Figueira

Exemplos de campanhas virais

- Algoz - Fiat (www.algoz.com.br) - Burger King - Subservient Chicken (www.subservientchicken.com) - Crossbar - Nike (http://tinyurl.com/lyxgy) - Do you see music? - Virgin (http://tinyurl.com/8ackj) - Fale Benq (www.falebenq.com.br) - Grocery Store Wars (www.storewars.org) - Marc Ecko (www.stillfree.com) - Neither this site nor Mozilla is connected with Microsoft (www.ie7.com) - Sith Sense (http://tinyurl.com/zx9cw) - Spread Internet Explorer (www.spreadinternetexplorer.com) - Super Bonder Reality Test (http://infectous.plugin.com.br/reality) - Whopperettes (www.whopperettes.com)

Dicas de leitura
- O marketing depois de amanh (www.depoisdeamanha.com.br) Autor: Ricardo Cavallini Editora: Digerati Books

Principais etapas na criao de virais

1) Identificar um diferencial que ir viralizar o produto; 2 ) Te r u m a i d i a i n o v a d o r a e m c i m a d e s t e diferencial; 3) Identificar os disseminadores desta idia na web: blogueiros, jornalistas, usurios de l i s t a s d e d i s c u s s e s o u u s u r i o s d e re d e s d e relacionamento; 4) Traar uma estratgia para a viralizao da idia: onde atacaremos? Quais disseminadores tentaremos conquistar primeiro?; 5) Soltar o viral.
Fonte: Marcelo Coelho (Espalhe - www.espalhe.inf.br)

Blog corporativo (www.blogcorporativo.net) Autor: Fbio Cipriani Editora: Novatec

estudo de caso - Samambaia :: 47

48 :: FIND

O FIND na viso de um designer

Por Felipe Memria Designer da Globo.com e professor da PUC-Rio. Mediador da mesa-redonda realizada durante o evento. Se vocs me perguntarem qual foi a primeira impresso que tive do Frum Internacional de Design e Tecnologia Digital - FIND, posso dizer que o evento foi o mais legal que eu participei nos ltimos anos. Isso porque todas as palestras tiveram um nvel excelente, com trabalhos extraordinrios e diferentes pontos de vista. Um bom exemplo disso foi o culto a simplicidade: do Less is more, defendido pelos primeiros palestrantes, versus o Less is bore, do Stefan Sagmeister. Falando nele, considerei a sua presena a maior surpresa do evento, pois muitos aqui no Brasil no conheciam seu trabalho, que simplesmente genial e inspirador. Stefan levou o pblico ao xtase com seus projetos experimentais supercriativos e loucos. Falou da dificuldade em deter o crescimento de seu estdio, o que faz com que tenha liberdade para poder escolher seus clientes e fazer apenas trabalhos interessantes. Como o custo se mantm baixo e, para ele, dinheiro no importante, a Sagmeister Inc. pde sair do convencional. Sagmeister causou polmica ao afirmar outra coisa que tambm concordo totalmente, mas que pode parecer muito estranho vindo de um designer: nem todo mundo precisa de uma marca. Reparei isso quando minha mulher me pediu uma marca para a empresa de eventos que ela estava abrindo, j com alguns clientes. Meu ponto o seguinte: a marca irrelevante neste momento. Vai trazer zero clientes a mais. Precisamos pensar no que realmente importa: o produto. E foi isso que Stefan defendeu na mesa-redonda. Recusou receber $ 20 mil de um cliente, afirmando que ele no precisava de uma marca e bolou uma outra es-

Networking e visita aos estandes dos patrocinadores durante o coffee-break

Gui Borchert se preparando para sua palestra sobre criatividade e inspirao

Mais de 500 prossionais lotaram o Copacabana Palace para prestigiar o evento

PJ Pereira respondendo a pergunta de um participante on-line

Sagmeister se preparando para a mesa-redonda

Inamoto apresentando um dos cases da AKQA

FIND :: 49

tratgia para a empresa, dando gratuitamente idias de onde o dinheiro deveria ser realmente investido para fazer o negcio andar. Sagmeister sai da mesmice e da mediocridade. Virou dolo e foi aplaudido de p. J PJ Pereira e Rei Inamoto abriram o FIND com uma apresentao bem feita e organizada, mostrando um bom nvel de entrosamento. A dupla da AKQA abordou muitos conceitos do uso da internet como fonte de entretenimento, como plataforma para jogos on-line. Dentre os cases, destaque para as campanhas envolvendo games, que so um prato cheio para abordar a questo da experincia do usurio. Os cases mostravam integrao do produto com celular e e-mail, idias com potencial de viralidade e principalmente possibilidade de pessoas interagirem. O vdeo da campanha do X-Box mostrou exatamente isso, com a multiplicao dos jogadores. O slogan genial do produto diz tudo: X-Box live: Its good to play together. Outra viso importante, destacada por Rei, ressaltava como eles tomam extremo cuidado em no aplicar a tecnologia simplesmente por ela existir, pelo desejo de aplic-la. Como prova disso, apresentaram um case da

Microsoft em que eles usaram um enorme e tradicional GIF animado no fundo da pgina. Em seguida, Gui Borchert foi dogmtico em relao busca contnua pela excelncia. Para isso, apresentou cases interessantes da RGA, em que existiam limitaes de projeto, como: briefing simples demais, trabalhos que poderiam no ser interessantes num primeiro momento (como o carto de natal da empresa e o Nike Run), mas que tiveram um resultado surpreendente atravs de abordagens diferentes e criativas. Um ponto interessante de sua palestra, no qual me identifiquei imediatamente, foi a fora de vontade e a quantidade de horas de trabalho. Tal posicionamento causou at certa polmica tambm na mesa-redonda. O ponto principal, muito bem destacado pelo PJ no debate, o seguinte: por mais que voc seja talentoso e consiga fazer coisas sensacionais em oito horas dirias de trabalho, sempre vai aparecer algum to talentoso quanto voc que trabalhe mais horas. E o mercado assim, competitivo. No realmente muito popular afirmar isso, mas concordo totalmente que coisas extraordinrias so pagas com olheiras.

PJ Pereira, Adriana Melo, Gui Borchert, Stefan Sagmeister, Rei Inamoto e Felipe Memria

Fotos: Odilon Jr. (odilon.fotografias@bol.com.br)

50 :: estudo de caso - Bicmusic

A era dos sites

como estratgia de branding
O gerenciamento estratgico de uma marca, tambm conhecido pelo nome de branding, vem sofrendo profundas transformaes diante do uso cada vez maior da internet no cotidiano das pessoas. Dessa forma, as aes on-line se tornaram importantes ferramentas de aproximao e relacionamento com o pblico-alvo das grandes empresas. Um exemplo recente desse cenrio aparece no hotsite da campanha BIC Music (www.bicmusic.com. br), que apresenta o mundo musical como temtica para os novos isqueiros ilustrados da empresa. O projeto uma ao 100% de branding, objetivando rejuvenescimento de marca e aproximao com seu target. Alm disso, a BIC decidiu lanar a campanha de divulgao exclusivamente pela internet, por se tratar de um tema musical e bastante vinculado ao pblico jovem, que tem uma afinidade altssima com a inter net, explica Helosa Ticianelli, gerente de Marketing e Novos Negcios da EverMedia (www. evermedia.com.br), responsvel pelo planejamento e criao da campanha. Para sabermos mais detalhes do desenvolvimento deste projeto, alm de Helosa, conversamos tambm c o m D o u g l a s B o c a l o , c o o rd e n a d o r d e c r i a o d a agncia. Confira a seguir. Wd :: Em termos de internet, j se tornou comum no mercado inter nacional as grandes empresas investirem no conceito de entretenimento na hora de se criar e desenvolver campanhas interativas, tendncia que comea a vingar no Brasil. Quais so os desafios na hora de se trabalhar com tais projetos? Helosa :: uma forma de fazer uma aproximao da empresa com o seu target, e no simplesmente vender um produto. achar pontos comportamentais do seu pblico-alvo e criar uma aproximao fundamentada nos seus hbitos e gostos a fim de fazer parte o maior tempo possvel no s da sua rotina, mas tambm do lazer. Wd :: Falando na interface grfica do hotsite, vemos que os isqueiros personalizados da campanha BIC Music receberam um destaque com as ilustraes de cada estilo musical (Rock, Soul, Eletrnica, Hip Hop e Pop Rock). De que forma vocs trabalharam a criao destas ilustraes para que elas pudessem se encaixar dentro do projeto grfico? D o u g l a s : : To d a s a s i l u s t r a e s p a s s a m a i d i a de movimento, cores e da liberdade de expressar seu prprio estilo musical. A idia principal que cada
Branding

o conjunto de aes ligadas administrao das marcas, nas mais diversas reas, com o objetivo de manter ou ampliar sua posio no mercado e consolid-la cada vez mais na mente dos consumidores. Fonte: Desafio21 (http://tinyurl.com/khgrb)

estudo de caso - Bicmusic :: 51

usurio possa olhar para o site e se identificar com ele. Alm disso, todos os estilos musicais trabalhados no site tm caractersticas marcantes. Buscamos trazer uma identidade forte tambm para o layout. Para chegarmos neste resultado, a equipe saiu a campo para estudar referncias grficas em casas noturnas, muros grafitados e capas de disco. O mix de tudo isso resultou em formas orgnicas, setas, curvas e cores harmoniosas. W d : : Vo c s u t i l i z a r a m m u i t a s s e t a s e t r a o s or namentados para indicar as sees do hotsite e orientar a navegao do usurio, alm delas ilustrarem a prpria marca do projeto. Que tipo de estudos vocs fizeram para definir o estilo grfico a ser utilizado? Douglas :: Faz parte da nossa metodologia o processo de imerso, onde vamos buscar referncias grficas mundiais, seja por meio de livros, revistas, observando as pessoas na rua ou buscando sites pela internet. Mas no podemos confundir imerso com meditao. Apenas pensar no assunto no traz resultado, preciso muito esforo, rascunhos, estudo de cores, verses preliminares, at alcanarmos o layout desejado. Neste caso, definimos que as formas utilizadas no hotsite tinham que expressar movimento - um dos elementos primordiais na msica. Quisemos ambientar o hotsite para trazer as mesmas sensaes de uma balada. Wd :: A combinao cromtica do hotsite puxada para tons fortes, porm elas ficaram bem harmoniosas.

Quais influncias e como vocs definiram esta etapa dentro do processo de criao? Douglas :: Nossa principal influncia foi a street art (arte de rua), onde a diversidade de cores e d e f o r m a s o rg n i c a s m u i t o g r a n d e . A r i q u e z a d e detalhes que podemos encontrar passeando pelas r u a s i m p r e s s i o n a n t e . Vo c p o d e v e r c a r t a z e s , grafites, placas de trnsito e at sinalizao de lojas que podem inspirar e trazer aquele estalo que faltava na criao de um site. W d : : A t i p o g r a f i a d o p ro j e t o i n s p i r a d a e m fontes fantasia e parece ter recebido um tratamento e s p e c i a l . C o m o a s u a e s c o l h a s e i n s e re d e n t ro d o conceito geral do hotsite? Douglas :: A tipografia tambm sofreu influncia da arte de rua. Na maioria dos ttulos, aplicamos contornos caractersticos de grafitismo, alm das cores fortes e marcantes. Utilizamos a famlia de fonte Bauhaus, que apesar de ser uma fonte clssica,

A equipe saiu a campo para estudar referncias grficas em casas noturnas, muros grafitados e capas de disco
(Douglas Bocalo)

52 :: estudo de caso - Bicmusic

transmite modernidade e se encaixa perfeitamente com a comunicao criada para o site. Wd :: O hotsite foi projetado para resolues de tela acima de 1024x768 pixels. Por que vocs adotaram este padro, j que as estatsticas no Brasil ainda apontam um certo equilbrio nesta rea? Douglas :: Na verdade, o hotsite prioriza a resoluo 1024, mas tambm atende a 800x600. O usurio tem uma experincia maior com a resoluo 1024, j que visualiza mais elementos na tela. Porm, a navegabilidade continua sem nenhum comprometimento em 800x600. Mas acreditamos que a tendncia seja a resoluo 1024. Wd :: Um dos destaques do projeto est na disponibilidade da ferramenta BIC Web Mixer, no qual o produtor musical Veiga criou, com exclusividade, os 52 samples disponveis por l. Como surgiu a idia de criar um mixer on-line e que tipo de tecnologia foi utilizada para que ele pudesse se tornar funcional? Helosa :: A BIC est lanando uma srie limitada temtica de msica. A EverMedia ficou responsvel por toda estratgia exclusivamente on-line. A idia foi criar uma experincia inovadora para quem aprecia msica e, a partir da, surgiu a idia do BIC Web Mixer. A ferramenta foi toda desenvolvida em Flash 7.0 e ASP.
www.bicmusic.com.br

Todos os 52 samples foram criados exclusivamente para a BIC. O mixer a sustentao do concurso cultural. Quem gosta de msica vai entrar no site, criar a sua, divertir-se com os downloads e concorrer a iPods. Os vencedores ainda podero ter suas msicas em MP3 no seu prprio iPod. Wd :: Ainda sobre tecnologia, a EverMedia criou uma verso Wap do hotsite. Diante da experincia com este projeto, vocs poderiam citar os principais desafios no desenvolvimento de sites para dispositivos mveis? Douglas :: Uma das principais barreiras a d i v e rg n c i a e n t re a s t e c n o l o g i a s d a s o p e r a d o r a s e

Tecnologia na web estudo de caso - Bicmusic::::53 53

das diferentes plataformas dos aparelhos. Podemos comparar a atual fase dos dispositivos mveis com a poca em que o Netscape ainda brigava com o Internet Explorer e os designers quebravam a cabea para criar sites compatveis com os dois browsers. O mais sensato a fazer seguir os padres de desenvolvimento da W3C (The World Wide Web Consortium - www.w3.org) e criar wapsites simples, com navegao objetiva e fcil.

Nossa principal influncia foi a street art (arte de rua), onde a diversidade de cores e de formas orgnicas muito grande (Douglas Bocalo)

Wapsite da BIC Music

No wapsite desenvolvido pela Evermedia para a BIC Music, o internauta pode acessar a pgina por meio do browser do celular e fazer o download de 15 ringtones (toques para celular), escolhendo a msica e o formato que preferir. Alm disso, as msicas produzidas pelo prprio usurio podero ser baixadas, via cabo, para os celulares compatveis com MP3.

Wd :: Assim como a campanha, a sua divulgao ser feita especificamente em mdia online e focada em portais voltados para o pblico jovem (Vrgula, Jovem Pan e MTV). Quais fatores influenciaram nesta deciso? H e l o s a : : A campanha est focada no pblico jovem, pois o que tem maior afinidade com a msica. Por sua vez, quem passa mais tempo na web. O Brasil est entre os pases que mais gastam tempo na web e esse ndice vem crescendo significativamente. Por esta razo, veio a escolha do investimento exclusivo neste canal e nos portais com perfis jovem e musical.

54 :: Tecnologia na web

Tecnologia na web
CSS Hacks: em busca da renderizao igualitria nos navegadores
Rena um grupo de desenvolvedores web em uma mesma sala e faa a seguinte pergunta: quem nunca precisou utilizar CSS Hacks para garantir uma boa renderizao nos mais diversos navegadores de internet, por favor, levante a mo?. Certamente, uma minoria vai conseguir se destacar dentro do grupo. Todos ns, envolvidos com desenvolvimento, j passamos pela frustrante - ou para muitos, j esperada - experincia de constatarmos que nosso layout visualizado com preciso e perfeio em um navegador X, mostra-se totalmente quebrado e irreconhecvel no navegador Y. Inconsistncias desta ordem devem-se ao fato de um mesmo cdigo ser tratado de modo diferente por diferentes navegadores. E isto no exclusividade das CSS. Qualquer cdigo ou script a ser interpretado no lado do cliente, obviamente depender do dispositivo que o usurio estiver usando, relata Mauricio Samy Silva (www.maujor.com/blog). Ento, como poderamos definir os CSS Hacks? So cdigos CSS que se aproveitam de uma determinada falha (ou falta de suporte a algum recurso) em um determinado browser para fazer com que alguma propriedade CSS seja aplicada exclusivamente para aquele browser ou em qualquer um exceto aquele. Ou seja, funcionam mais ou menos como ltros detectores de browsers. Um ltro no convel a longo prazo, j que mudanas no cdigo do browser podem fazer com que um ou mais hacks deixem de funcionar, explica o desenvolvedor web Bruno Torres (http://brunotorres.net). Erros mais comuns de renderizao Entendido o conceito da aplicao de CSS Hacks, podemos apontar algumas das principais falhas na interpretao dos navegadores que obrigam os desenvolvedores a utilizlos. Sem dvida, o erro mais comum o de Box Model. Resumidamente, um bug de clculo de largura de elementos. As verses 5 e 6 (dependendo do DOCTYPE) do Internet Explorer calculam a largura dos elementos diferente de browsers como Konqueror, Mozilla, Opera e Safari (KMOS). Esse problema s era resolvido com o uso de CSS Hacks, arma Diego Eis, criador do Tableless (www.tableless.com.br). Outro muito comum envolve o modo de compatibilidade denido (quirks ou strict mode). Um dos mais comuns, e que pode ser facilmente evitado, colocar, inadvertidamente, o IE6 para trabalhar em modo de compatibilidade (quirks mode), o que faz com que tenha os mesmos problemas na interpretao do Box Model que o IE5.x/Win tem. Isso acontece quando se coloca uma linha em branco, um comentrio, ou uma declarao XML antes do DOCTYPE. E muita gente, sem saber porque est tendo problemas, acaba se valendo de hacks para que sua pgina seja exibida de forma correta no IE6, alerta Bruno Torres. IE: trabalhe com comentrios condicionais Segundo os especialistas consultados pela reportagem, quando falamos de interpretao de CSS para o Internet Explorer, uma boa pedida se aprofundar no assunto comentrios condicionais. O Internet Explorer a principal fonte de problemas para os desenvolvedores, no que se refere falhas de interpretao de estilos CSS. Hoje sabemos da existncia de uma funcionalidade do Internet Explorer, desde a verso 5 (para Windows), que permite enviar determinado cdigo apenas para este browser, inclusive com a possibilidade de enviar apenas para verses espec cas. So os comentrios condicionais, comentrios HTML que so interpretados apenas pelo Internet Explorer. Tudo que estiver dentro de um comentrio desse tipo ser ignorado por qualquer browser, j que , efetivamente, um comentrio, mas ser interpretado pelo IE. isso que devemos usar, j que uma funcionalidade documentada pela Microsoft e funciona a contento, sem causar maiores problemas, orienta Bruno.

Tecnologia na web :: 55

nvel avanado

Verso 7 do IE trar boas notcias? Em breve, a Microsoft vai lanar no mercado a verso 7 do Internet Explorer e promete melhorar a interpretao do CSS em seu navegador (http://tinyurl.com/9wev8). O IE 7, para citar alguns avanos, vir com suporte mais robusto para seletores CSS2, restabeleceu o elemento HTML como a raiz do documento (acabou com a entidade superior ao HTML), no mais reconhece o hack underscore e corrigiu o bug da double margin, cita Maurcio Samy. Se o IE7 for tudo isso que esto falando, muitos de nossos problemas estaro resolvidos. Poderemos desenvolver com mais tranqilidade e teremos mais recursos para utilizar em nossos projetos. A vida do desenvolvedor se tornar mais fcil. Tomara. Caso contrrio, o IE7 ser um novo fantasma, um novo problema, analisa Diego Eis. No entanto, a grande esperana reside no trabalho coletivo incessante de pesquisadores pelo mundo. Hoje em dia, aps alguns anos de uso massivo do CSS, com diversos desenvolvedores ao redor do mundo pesquisando comportamentos, buscando formas de contornar falhas de maneira lcita, ou seja, sem o uso de hacks, temos cada vez menos que recorrer a estes para resolver nossos problemas, naliza Bruno. - Pandoras Box (Model) of CSS Hacks And Other Good Intentions
http://tantek.com/log/2005/11.html#d26t1820

Referncias on-line
- Box Model Hack
http://www.maujor.com/tutorial/boxmodelhack.php

- Comentrios Condicionais
www.maujor.com/tutorial/condcom.php

- IE7 and IE7

http://meyerweb.com/eric/thoughts/2005/10/17/ie7-and-ie7/

- O que Quirks Mode?

http://www.revolucao.etc.br/archives/o-que-e-quirks-mode/

- O que so, para que servem e exemplos de CSS Hacks

http://www.tableless.com.br/csshacks

- Position Is Everything
http://www.positioniseverything.net/index.php

Livros
- CSS Hacks & Filters
Autor: Joseph W. Lowery (http://tinyurl.com/z7x5t)

- Quirks Mode
http://www.quirksmode.org

- Eric Meyer on CSS

Autor: Eric Meyer (http://tinyurl.com/l2rho) Fontes: Bruno Torres e Maurcio Samy

- Vdeo-tutorial sobre CSS Hacks

http://www.tableless.com.br/videotutorial/videotutorial2/ Fontes: Bruno Torres, Diego Eis e Maurcio Samy

56 :: tutorial

Caminhando pelo HTML - Parte 5

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

Em nosso singelo tutorial do ms passado, escrevemos a arquivo HTML muito simples, para demonstrar como simples a linguagem HTML. Este ms, vamos tornar as coisas divertidas, relacionando nosso arquivo HMTL com outros arquivos. Isto o que torna a web especial, a capacidade de relacionar documentos. Para comear, vamos falar da forma bsica e essencial de relacionar documentos H T M L : a t a g A . Vo c v a i s e l e m b r a r q u e , m s p a s s a d o , construmos um trecho de cdigo assim:
<ul> <li>Home</li> <li>Produtos</li> <li>Servios</li> <li>Trabalhe conosco</li> <li>Sobre</li> </ul>

recemos informaes adicionais a respeito dos outros documentos, atravs do atributo title. Vamos fazer a mesma coisa agora, usando outra tag do HTML. Dentro da seo HEAD de nossa pgina, vamos inserir:
<link href=florentina.xml /> <link href=florentina.css /> <link href=florentina2.css /> <link href=print.css />

Com isso, relacionamos nosso documento a quatro outros, um arquivo RSS e trs arquivos CSS. Mas isso no basta. preciso dizer ao navegador o que fazer com esses documentos e de que tipo eles so. Fazemos isso com os atributos rel e type:
<link rel=alternate type=application/rss+xml href=orentina.xml /> <link rel=stylesheet type=text/css href=orentina. css /> <link rel=alternate stylesheet type=text/css href=orentina2.css /> <link rel=stylesheet type=text/css href=print.css />

Essa lista ser o menu de nosso site. Para isso, ser preciso que, ao clicar, nosso feliz visitante seja enviado a uma nova pgina. Voc provavelmente sabe como se faz isso:
<ul> <li><a href=home.html>Home</a></li> <li><a href=produtos.html>Produtos</a></li> <li><a href=servicos.html>Servios</a></li> <li><a href=trabalhe.html>Trabalhe conosco</a></li> <li><a href=sobre.html>Sobre</a></li> </ul>

Com isso, estamos dizendo ao navegador que o primeiro arquivo um formato alternativo de nosso contedo (alternate), e que ele do tipo application/rss+xml, ou seja, que um arquivo RSS. Na segunda linha, dizemos ao navegador que estamos relacionando uma folha de estilo (stylesheet) e que do tipo text/css, ou seja, um arquivo CSS. A terceira e quarta linhas tambm so do tipo CSS, mas a terceira apresenta uma folha de estilo alternativa (alternate stylesheet). Isso far com que o navegador no carregue essa folha de estilo a no ser que o usurio pea. Ainda podemos melhorar isso:
<link title=Feed RSS da Florentina Mveis rel=alternate type=application/rss+xml href=orentina.xml /> <link title=Estilo CSS padro rel=stylesheet type=text/css href=orentina.css /> <link title=Estilo CSS alternativo rel=alternate stylesheet type=text/css href=florentina2.css /> <link title=CSS de impresso media=print rel=stylesheet type=text/css href=print.css />

Simples, no? Talvez simples demais. Podemos aproveitar esse trecho de cdigo para acrescentar informaes adicionais a respeito da pgina para qual linkamos. Por exemplo:
<li><a href=sobre.html title=Saiba mais sobre a Florentina Mveis e sua fundadora, Florentina Maria>Sobre</a></li>

Agora temos uma indicao mais clara do que este link nos trar. A este tipo de informao sobre a informao os eruditos da web chamam de metainformao. H mais de uma utilidade para essa metainformao. A mais conhecida o fato de que o navegador exibe esse texto numa tooltip quando o usurio passa o mouse sobre o link. Entre outras utilidades est o fato de que robs de busca, como, por exemplo, o Google, entendem e indexam o contedo da tag title. Se voc percebeu bem, para tornar nosso HTML rico, til e interessante, fizemos duas coisas. Primeiro o relacionamos com outros documentos, atravs da tag link. Em seguida, ofe-

O navegador agora sabe que o ttulo de nosso Feed Feed RSS da Florentina Mveis. Sabe tambm os ttulos das nossas folhas de estilo. Assim, pode mostrar esse menu:

tutorial :: 57

Outro exemplo desse esforo de inserir metainformaes so os microformatos. Microformatos so pequenos trechos de HTML comum, escritos seguindo regras especcas, geralmente contendo nomes de classe especcos, que, devido a essas regras, carrega mais metainformaes que o simples HTML. Para explorar isso melhor, sugiro que voc baixe a extenso Tails Export para Firefox (http://tinyurl.com/gh2). Infelizmente, a Tails Export est disponvel apenas para Windows. Mas h uma srie de outras ferramentas capazes de lidar com microformatos que voc pode usar. Por exemplo, para o microformato hCard voc encontra uma extensa lista em: http:// Isso permite ao nosso usurio escolher com que estilo ver a pgina. Voc deve ter notado tambm que o link CSS de impresso no aparece na lista. Isso se deve ao atributo media. O navegador detecta corretamente o tipo de media de cada arquivo css atravs desse atributo. Ele exibe ento na lista aqueles cujo media for screen (tela) ou all (tudo). O valor default de media all, ento, se voc no especicar um valor para media, seu CSS ser exibido em todas as medias. Note no cdigo que, para o ltimo link, estamos colocando media=print. Isso faz com que este CSS seja usado quando o usurio imprimir a pgina. Assim, posso ter uma verso de impresso, em que eu escondo menus, publicidades, fundos coloridos, mudo a fonte etc. E que funciona automaticamente, basta o usurio imprimir a pgina. Por m, importante dizer que ultimamente tm se trabalhado muito em novas maneiras de se inserir metainformao em uma pgina. Uma das novidades de nossos dias o fato de voc poder inserir, por exemplo, a seguinte tag META no HEAD de sua pgina:
<meta name=ICBM content=-23.626508,-46.639688 />

tinyurl.com/e5yvk. De posse da Tails Export, entre no site do Tantek elik (http:// tantek.com) e d uma olhada na barra de status do navegador. L voc pode, por exemplo, exportar as informaes de contato dele para um vcard. O formato de arquivo vcard entendido por aplicaes como o Outlook. Assim, ao entrar no site do Tantek, voc pode adicion-lo aos seus contatos do Outlook com dois cliques. Como ele fez isso? D uma olhada nesse trecho de cdigo:
<div class=item vcard id=livebait> <a href=http://flickr.com/photos/tantek/ 187850720/><img src=http://static.ickr.com/74/187850720_fce42bc7e2_ t.jpg alt=photo of restaurant entrance class=photo /></a> <a href=http://local.yahoo.com/

details?id=11054799 class=url fn org> Live Bait</a> <div class=tel>+1 (212) 3539100</div> <div class=adr> <div class=streetaddress>14 East 23rd St.</div> <span class=locality>New York</span> <span class=region>NY</span>, <span class=postalcode>10010</span> </div> </div>

Dessa forma, o navegador, se suportar este recurso, sabe as coordenadas geogrficas de sua casa, empresa, ou seja, l de onde for o site. Quer ver funcionando? Uma das maneiras de se usar isso atravs de uma extenso para Firefox, chamada GeoURL. Voc pode baix-la em http://tinyurl.com/fqpbq e, em seguida, acessar qualquer site com essa tag META. Por exemplo, o nosso: http://visie.com.br. Ao faz-lo, voc deve ver um pequeno globo colorido em sua barra de status. Assim, voc pode saber onde fica nosso escritrio. Clique nele com o boto direito do mouse e divirta-se:

H um atributo class para cada um dos valores que ser exportado no vcard. E pronto, simples assim. O resto com o navegador. Para saber mais sobre as classes possveis e outros microformatos, acesse o site ocial do projeto: http://microformats.org. Com isso, nosso HTML j rico e poderoso, altamente relacionado com outros documentos na web. E no deixou de ser uma linguagem muito simples. Praticamente todo o resto que faramos para transformar nosso cdigo em um site apresentvel ser feito com outras duas linguagens: CSS e Javascript. Sim, isso j outra histria.

58 :: mercado de trabalho

Cesar Paz Guilhermo Reis Engenheiro com ps-graduao em marketing e comrcio exterior. Diretor Presidente da AG2 - Agncia
Especialista em Arquitetura de Informao eAGADi (Associao Gacha das Agncias Digitais) e APADi de Inteligncia Digital. Fundador e diretor da Usabilidade. autor do Kit de Conhecimento sobre AI (http://tinyurl.com/p4j6w). Atualmente, Colunista do jornal Propaganda e Marketing e do site Webinsider. (Associao Paulista das Agncias Digitais). responsvel por coordenar projetos e manutenes nos websites do Banco Real. cesarpaz@ag2.com.br reis@guilhermo.com

Koruja!
Oi, cara, tudo bom? Recebi teu portflio, achei bem legal. P, valeu. Como mesmo o teu nome? Koruja. Coruja? Koruja, com K. No, cara, teu nome, teu nome de batismo... Pode me chamar de Koruja, todo mundo me conhece por Koruja. Como assim, Koruja? Koruja, p!

Ento t, n. Resolvi no lutar contra a natureza, me condicionar ao nvel de interlocuo imposto e quem sabe, com sorte, descobrir que tipo de Koruja era aquela. Ahmmm, ok, Koruja... Onde voc j trabalhou? Em lugar nenhum. Como? Mas e o teu portflio? Ah, eu z a maioria das coisas em casa, vagabundeando. Fiz uns freelas tambm.

Puxa, me comovi com tamanha honestidade! Naquele instante, entendi que o lado do meu crebro que funcionava no era o mesmo lado do crebro do Koruja e que, embora ele falasse um idioma que se aproximava muito do meu, o dilogo no iria rolar. No sei exatamente por que, alm do desespero por qualquer prossional que conhecesse um pouco de Photoshop e soubesse copiar algumas linhas de HTML, resolvi, naquele vero de 1998, rasgar todos os manuais de recursos humanos e dar uma chance para o Koruja! Muito bem, Koruja. Voc pode comear amanh um estgio de um ms... Bacana, onde meu ninho?

Hoje, inverno de 2006, aquele Koruja no teria chance. O desenvolvimento de solues para o ambiente de internet amadureceu. As agncias digitais cresceram e criaram novas competncias e metodologias. Um web tudinho que fazia projeto de interface, criao, direo de arte, webdesign e programava HTML foi substitudo por cinco especialistas nas estruturas maiores e por dois ou trs nas menores. A especializao permitiu a produo de projetos web em escala e uma prossionalizao das estruturas de desenvolvimento. Hoje, para fazer parte dos principais times de solues de internet no pas, vrios critrios passam a ser fundamentais no processo de seleo e manuteno de talentos por parte das empresas que se tornaram players do setor. Na AG2, empresa que ajudei a criar e dirijo at hoje, valorizamos, cada vez mais, nos nossos prossionais, as seguintes caractersticas:

mercado de trabalho :: 59

"Um `web criar as casas, os prdios, as de interface, criao, direo preciso tudinho que fazia projeto praas e principalmente as placas de arte, webdesign e programava HTML foi substitudo por cinco de sinalizao. especialistas nas estruturas maiores e por dois ou trs nas menores."

1. 2.

Motivao pessoal: o profissional precisa ter nimo, energia, inquietao, capacidade de indignao e Trabalho em equipe: pobre do cara que no sabe compartilhar informaes. So valorizados apenas

esprito empreendedor. aqueles que sabem motivar, incentivar os colegas, planejar e organizar os processos e ter sinergia na construo de objetivos com o grupo. 3. 4. 5. Gesto: a capacidade natural de relacionamento com as pessoas e habilidades no gerenciamento de procesViso positiva: no vejo chance para talentos que tm na diculdade e nos problemas a sua matria-prima. Fazer acontecer: apenas alguns profissionais tm uma enorme capacidade de realizao, outros se persos e recursos so fundamentais para dar conta da dinmica dos diferentes tipos de projetos web. Ter viso positiva de si prprio, da sociedade e da empresa em que trabalha condio para a evoluo prossional. dem em processos, frmulas, manuais e questes tcnicas. A capacidade de fazer acontecer pressupe que o profissional tenha entendimento de prioridades, iniciativa, persistncia, determinao, performance e compromisso com o negcio. O Koruja se mostrou um bom prossional e era um cara supercriativo, e nos ajudou bastante. No sei se tem a ver com o nome, mas sempre foi um grande parceiro das madrugadas de trabalho. Preferia produzir noite! Ficou conosco quase dois anos e depois foi trabalhar com vdeo. Eu continuei tendo que desesperadamente identicar, contratar e reter talentos. O fato que mesmo sabendo que nem tudo no mundo resultado de racionalidade, tratei de reconstruir pacientemente todos os manuais de recursos humanos que eu mesmo havia rasgado no incio da internet. Passei a ser muito mais cient co na busca e na reteno dos melhores prossionais.

OTIMIZE SUAS AES DE ENVIO DE E-MAIL.

Monitore seus resultados: saiba quem leu, que horas leu e onde clicou.

GRUPO DB4
Assim que comeamos a usar o Easy Mailing conseguimos despertar nos clientes do grupo DB4 a importncia do e-mail marketing e o resultado que ele pode gerar se feito de maneira profissional, com documentao, relatrios e tica. Encontramos nos softwares da Dinamize ferramentas de e-mail marketing robustas, profissionais e com timo custo benefcio. Diogo Boni.

VEJA MAIS DEPOIMENTOS EM NOSSO SITE.

www.easymailing.com.br

tel. 55 51 3061.0636

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

Manifesto antibanquinho
(Esse banquinho a do teu lado... no, no, aquele ali. Me empresta? Coisa rpida, s para fazer um manifesto.) Carssimos, do alto desse banquinho quarenta anos vos contemplam, e alado a esta altura imerecida que proclamo: abaixo os banquinhos. (Pronto, aqui est teu banquinho. No pretendo us-lo de novo, obrigado)

Vocs me conhecem, eu no sou de botar a boca no trombone toa, no mximo um manifesto aqui e uns podcasts ali, mas chega uma hora que temos que tomar posio. E imbudo do senso de dever que digo: arredemos p das nossas posies. Estamos entrincheirados demais. Estou falando srio. Outro dia acompanhei de perto um site novo ser metralhado por todos os lados: desenvolvedores fuzilando a compatibilidade com browsers, designers estapeando a usabilidade, criativos bombardeando o coitado do logotipo. O episdio s no foi trgico porque o dono do site tinha um bom-humor e prova de balas. Nem adianta pensar em desarmamento. Cada lado ali (engenheiros, designers, marketeiros, etc) demorou anos pra conseguir seu arsenal: estudaram, praticaram, se aprimoraram, se organizaram... e se engessaram. Se ao menos o confronto fosse bonito, algo como uma bela roda de capoeira... mas nunca : cada um fica na sua trincheira jogando farpas e insultos de l pra c. Enquanto isso, felizes da vida, passam ao largo os verdadeiros inovadores, os visionrios, aqueles que ao invs de defender territrios desbravam novos mundos. OK, basta de alegorias e metforas. J deve ter dado para entender. Eu estou cutucando os donos-da-verdade de planto, aqueles profissionais que sobem no banquinho para... (que outra palavra eu uso? Ai ai ai...) ditar (ufa!) regras a torto e a direito. Abaixo os banquinhos. Abaixo quem se julga acima. Abaixo as opinies incontestveis. Abaixo o absolutismo. Absolutismo nunca fez sentido, e na internet faz menos ainda. Suponhamos que voc faa um site para a sua agncia. A agncia quer se posicionar junto ao mercado como criativa e antenada com o state-of-the-art em novas mdias, e para isso faz um site multimdia, inovador e irreverente. Pronto, o site est no ar. Comea o tiroteio: xiitas vo chiar (xiitas chiam by default) que o site no tableless, no W3C-compliant e que no roda no Opera pra Linux. Alguns puristas vo achar que o site banda-intensiva e exclui propositalmente quem tem banda estreita e mquinas antigas. Outra ala vai apontar seus canhes contra o fato de que a mudana do logo foi meramente cosmtica, enquanto chovem flechas de quem diz que aquela uma sub-utilizao dos recursos novos do flash XYZ. Nessa hora eu bato o p duas vezes: em primeiro lugar, desamos do banquinho. Se a agncia escolheu uma linha X de comunicao com seu target e esse target por acaso no te inclui, ela deve saber o que faz. Se a agncia quer ser vista dessa maneira e no de outra, idem. No h uma soluo de comunicao que seja universal, h sempre escolhas a se fazer.

marketing :: 61

"Abaixo os banquinhos. Abaixo quem se julga acima. Abaixo as opinies incontestveis. Abaixo o absolutismo."

Se ela errou o tiro, que aprenda com as conseqncias. Em segundo lugar: se a agncia foi capaz de produzir aquela comunicao e no outra, isso diz muito dela, sobretudo sobre seus mritos e... limitaes. Para exemplificar melhor suponhamos outro cenrio: uma agncia mediana encomenda seu site a um terceiro e o resultado algo absolutamente arrasador e genial, muito acima da cultura digital da prpria agncia, um site impecvel, revolucionrio, trendsetter. Isso no seria propaganda enganosa, mostrar uma fachada que no corresponde ao que ela capaz de pensar e realizar? Ou alguma tica estranha diz que um site impecvel ,mas irreal prefervel a um site pecador mas verossmil? Pecado por pecado, meus blogs pessoais so forrados de pecadilhos tcnicos. Nem poderia ser diferente, porque no sou tcnico. Meu podcast vai ao ar do jeito que eu gravo, sem edio ou cortes. Nem poderia ser diferente, porque no sou locutor nem apresentador. As milhares de fotos que eu publico no tm retoques, alm de Levels e Crop. Eu no quero criar uma fico de mim mesmo, e no tenho o menor pudor quanto a imperfeies. Nossas deficincias so to nossas quanto as nossas qualidades, e mesmo que eu tenha minhas certezas, elas so inseparveis da minha histria, da minha perspectiva, do lugar onde estou sentado. Minha opinio absolutamente parcial. Toda opinio . Quer pensar outside the box e inovar? Saia da trincheira. E no nenhum banquinho que vai te tirar do buraco :)

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

E se eu chamasse Catundo?
O que seria de Catunda, se Catundo fosse?
J me peguei pensando na frase acima. Em muitos anos trabalhando no foram poucas s vezes que imaginei como seria minha vida profissional se eu fosse um Catundo. Meus pais s tiveram lhas, mas me lembro at hoje da preocupao do velho em nos ensinar a trocar pneus, entender de ceboles e nos preparar para uma vida independente. Repeti a quarta srie do primrio e como castigo (ou prmio) tive que trabalhar um ano para aprender a gostar da escola e dar valor pros estudos. Ledo engano, me apaixonei foi por trabalhar e no parei mais. Foram anos trabalhando e estudando at que cou s o trabalho. A gente t sempre aprendendo e estudar tambm nunca demais. Pensando bem, valeu a lio. Escolhi a TV bem cedo e fiquei nela por longos quatorze anos. muito tempo quando na poca, fazendo as contas, no somamos mais de trinta poucos. Nesse tempo, vi assistentes virarem braos direitos de diretores, diretores propriamente ditos, editores chefes, gerentes de programao... E eu quase na mesma. Mas, e seu chamasse Catundo, ser que eu teria me tornado um respeitado profissional de TV? Hum... Confesso que quando migrei pra internet me senti bem mais confortvel com esse assunto. Mas ser que se eu chamasse Catundo eu seria um bem sucedido cidado ponto com? A ausncia total da TPM teria me ajudado a galgar um lugar no pico do universo www? Hum... E eu escutaria: - Bonita camisa, Seu Catundo. - Boa jogada, Catundo. Tacada de mestre. Deixe-me segurar seu charuto! (sai fora). - Seu Catundo, reunio na sala 14 com aquela gostosa do RH. - Seu Catundo, sua esposa na linha 2. (que estranho) - Seu Catundo, sua braguilha est aberta. (cruzes) Mas o que me diverte no s pensar no sucesso financeiro que eu teria se Catundo eu fosse, mas tambm no dia-a-dia profissional. Receberia Catundo, em seu e-mail, as fotos das ltimas beldades da Playboy e Sexy enviadas pelos amigos? Sim e seriam consumidas nisso boas horas de trabalho, muito bem gastas por sinal. Perderia Catundo mais outras boas horas de seu dia mergulhando no infinito de uma boa olhada nos atributos fsicos de suas colegas de trabalho? lgico que sim e por que diabos no? notria a capacidade feminina de se apegar aos detalhes, mnimos que sejam, podem apostar: as mulheres tudo vem, tudo memorizam, tudo relembram e depois algumas vezes jogamos isso na cara dos seres masculinos. Mas e Catundo? Catundo, como portador de um cromossomo y no lugar de um dos x perderia a capacidade de fazer mais de uma coisa ao mesmo tempo? Catundo, ao tentar fazer a barba atendendo a um telefonema, perderia do sangue de seu corpo? No. Definitivamente no quero fazer a barba. Na vida prtica, preencher um gnero masculino no lugar do feminino nos formulrios

bula da Catunda :: 63

"A ausncia total da TPM teria me ajudado a galgar um lugar no pico do universo www? Hum... "

por a me faria abrir mo de algo que muito me anima: minha suscetibilidade ao mundo invisvel. A crena em quiromantes, tarlogas e astrlogas poderia ser sensivelmente reduzida. Eu, enquanto Catunda, sucumbo sem pestanejar a uma bola de cristal e um baralhinho enfeitado, se rolar um incenso e uma toalha colorida ento, acredito at que sou a reencarnao de uma jabuticabeira. Fazer o qu? Mas, voltando ao mundo real, se que ele existe - ser um Catundo poderia tornar-se determinante na hora de receber um cheque de um pagamento atrasado, por exemplo, ou de colocar o tal na mesa e falar com voz grossa (sem parecer ataque de mulherzinha) que no d mais pra trabalhar desse jeito. J dou risada s de pensar. Seria to divertido. Eu poderia apresentar o Aprendiz. Ser? A viagem de ser um Catundo a mesma de ser um orangotango. Tudo seria diferente se num dia treze de sessenta e poucos eu tivesse usado uma fita azul no lugar de um lacinho cor-de-rosa. Eu poderia ser um halterofilista, um surfista, um guitarrista... Mas no sou. Eu sou a Marcela, sou mulher, adoro meu trabalho e sonho com um mundo melhor (para todos os gneros) mesmo no sendo miss.

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. luli@luli.com.br

Para que, afinal, seu cliente precisa de um website?

J faz algum tempo que a poca dos geninhos fazedores de sites acabou, uma poca em que o importante era estar na web, o que quer que isso signicasse. Com ela, tambm acabou a poca dos achismos e dos chutadores, o que garantiu, para muitas empresas srias, verbas signicativamente maiores para o desenvolvimento de aes digitais. medida que o mercado de comunicao digital evolui, mais e mais pessoas comeam a usar com galhardia termos antes reservados aos mascadores de bits e outros sujeitos de culos esquisitos e cortes de cabelo improvveis. J no se fala mais em portais, a onda agora fazer com que as campanhas de comunicao sejam virais, criem comunidades, usem blogs e, para os mais versados nas artes mercadocibernticas, usem caractersticas colaborativas de Web2 etc etc etc. No entanto, a busca por e cincia no parece ser uma prioridade hoje em dia. Dos dois lados do balco de negociaes, nada menos sexy que se falar em taxas de converso ou sucesso de operaes. um raciocnio torto, para se dizer o mnimo. Pois se qualquer prossional de comunicao se apressa em defender a importncia da rea digital para a delizao de um pblico, por que a maioria deles continua a se comportar como adolescentes mimados que detestam uma planilha de Excel? triste reconhecer, mas muitos prossionais de design digital no sabem/querem/gostam de ler um Brieng, um relatrio de pesquisa ou um planejamento estratgico de seus clientes. Em portugus, isso quer dizer que esses prossionais no so capazes de identicar claramente quais so os objetivos da comunicao. A, como diz aquela velha expresso, se no sabes aonde vais, por que teimas em correr?. Muitos se defendem argumentando que seus clientes so incapazes de elaborar um plano mnimo, e que mudam de idia de acordo com o que est na moda ou que foi mostrado pela concorrncia, sem ao menos considerar se a soluo proposta boa para eles. Pode at ser verdade, mas de qualquer maneira, o cliente quem contrata seus servios e, para citar outras duas velhas expresses, o fregus tem sempre razo e a corda sempre rompe do lado mais fraco. Se a vida dura e noo um artigo em falta entre os pro ssionais de marketing, o que se deve fazer? Para comear, levar a srio a idia de ser parceiro de seu cliente. Isso signica ter um interesse real por suas conquistas e colaborar efetivamente para que ele as conquiste. Caso contrrio, o designer se comporta como um pintor ou pedreiro: faz exclusivamente o que mandado, dane-se se no der certo. Agindo assim, no de se esperar que ganhe mal. Falando o bvio, clientes trabalham para empresas e, portanto, devem visar lucro em suas operaes. Para isso, preciso identicar um objetivo para a ao digital e uma estimativa de recursos para viabiliz-la a contento. Um blog corporativo, por exemplo, deve ter de dois a cinco

webdesign :: 65

" triste reconhecer, mas muitos prossionais de design digital no sabem/querem/gostam de ler um Brieng, um relatrio de pesquisa ou um planejamento estratgico de seus clientes. "

posts por dia. Isso signica de 10 a 25 posts por semana, ou 500 a mil e poucos posts por ano. O cliente capaz de arcar com isso? No? Ento no arrisque, pois a coisa pode car feia. O mesmo raciocnio se aplica a outras reas. Para que se quer o website? Para aumentar reconhecimento de marca? Para dar maiores informaes sobre produtos e servios? Para Vender on-line? Para dirigir a ateno para outros canais de vendas (como concessionrias em websites de automveis, por exemplo)? Para prestar servios ao consumidor? Para cortar custos? Para aumentar a delidade marca? Para aes promocionais? Para cada uma dessas perguntas h uma resposta clara, direta e eciente. Ela no passa por CSS ou AJAX, mas consegue estabelecer uma meta e, o que melhor, mensur-la. Isso serve para justi car verbas para o desenvolvimento de novas aes e a contratao de seus futuros servios, mesmo que eles no sejam os mais baratos ou mais rpidos do mercado. Me parece uma boa recompensa para a rdua tarefa de ler algumas pginas de planejamento, mas eu posso estar enganado.

VOC T AMBM PODE AJUDAR!

Voc tambm pode colaborar doando cestas bsicas para o projeto Mag-Malien.

Todos temos o compromisso de cuidar para que o nosso pas seja um lugar melhor. Um gesto de solidariedade no muda o nosso mundo, mas muda o mundo daquele que recebeu a sua ajuda. Capoeirista passarinho Para doao de alimento entre em contato: arteccom@arteccom.com.br
Gustavo Loureiro, scio diretor da agncia STAGE3, j fez sua doao.

barraca da Pescaria

Mag-Malien - Crianas que Brilham Faa parte voc tambm deste projeto. Informaes: www.arteccom.com.br/ong

A alta qualidade do servio de hospedagem da Acquaria Web Solutions lhe d a tranqilidade para dirigir sua empresa, com a certeza de que seu cliente ter acesso a qualquer momento a seu endereo na internet. www.acquaria.com.br tel: (47) 8414.4383 acq@acquaria.com.br

A Brasil Hosting assume a misso de prestar os melhores servios, oferecer preos justos e respeitar o consumidor. Assine agora mesmo um dos nossos planos e sinta a diferena de um hosting com tica. www.brasilhosting.com tel: (48) 4052.9591 atendimento@brasilhosting.com

Hospedagem com infra-estrutura no Brasil, 6 anos no mercado. Planos Windows e Linux, antivrus, anti-spam, banco de dados, relatrios de acesso, disponibilidade de 99,5%. www.creativehost.com.br tel: (11) 3849.1166 atendimento@creativehost.com.br

Voc quer Hospedagem Prossional? Servidores estveis e que no saem do ar? Ento venha conhecer a DataHosting, suporte diferenciado e qualicado, planos especiais de revenda, plataforma windows e linux. www.datahosting.com.br tel: (11) 6951.2954 - (11) 6939.7305 atendimento@datahosting.com.br

Oferece hospedagem prossional linux e windows com recursos grtis como loja virtual, blog, enquete, boleto. Possui planos de revenda ideais para webdesigners. Suporte qualicado 24 horas e registro de domnios. www.portal123.com/ tel: Minas Gerais (31) 3761.2253 So Paulo (11) 4052.9253 suporte@portal123.com.br

Hospedagem de Sites a partir de R$ 15,00 mensais com 30 dias grtis para testar nossa qualidade. Sistemas para Imobilirias, Concessionrias e Lojas Virtuais Online. http://www.braghost.com.br braghost@braghost.com.br

Hospedagem de sites com infra-estrutura de altssimo nvel, planos a partir de R$ 8,90/ms. HTML, PHP, CGI, Flash, FrontPage, DreamWeaver, MySql, e-mail com anti-vrus/spam, suporte 24x7 entre outros recursos. www.hphost.com.br tel: (11) 6684.9597 info@hphost.com.br

Provedor fundado no ano de 2001, com infra-estrutura prpria e datacenter no Brasil. Plataforma Windows com suporte integrado Net 2.0, ASP e PHP5 no mesmo ambiente, contando ainda com MYSQL gratuito e SQLServer 2000. www.iphotel.com.br tel: (11) 6971.0438

Hospedagem de Qualidade em Windows e Linux. Planos a partir de R$ 4,90 mensais. Atendimento personalizado por telefonia xa, Voip, Skype e e-mail, eliminando a distncia para que voc tenha liberdade de escolha. www.jotachost.com.br tel: (11) 4063.2395 - (41) 3352.9153 sac@jotachost.com.br

maxiservers DATA CENTER HOSTING

Com o maxiservers voc acerta no alvo, o melhor e mais seguro em hospedagem de sites! A partir de 14,90 mensais voc hospeda seu site de forma fcil, rpida e segura. Acesse J! www.maxiservers.com vendas@maxiservers.com

Hospedagem de sites a partir de R$ 6,60, planos Windows e Linux, servidores semi-dedicados e dedicados de alta-qualidade, suporte altamente qualicado e 24 horas. www.novahost.com.br tel: (21) 2702.3653 vendas@novahost.com.br

R$ 5 mensais ou R$ 50 ao ano. 800MB de espao em disco, 20GB de transferncia,PHP, MySQL, Emails e subdomnios ilimitados.Tambm registramos seu domnio. Atendimento imediato pelo MSN. www.triangulohost.com.br tel: (34) 3316-2433 hostmaster@triangulohost.com.br

studioserver
Internet Solution

Hospedagem de Sites, Revenda de Hospedagem e Registro de Domnios, tecnologia ASP, PHP e .net no mesmo plano, teste grtis por 30 dias e comprove a qualidade de nossa infra-estrutura e atendimento. www.redehost.com.br tel: Rio Grande do Sul (51) 3042.2030 So Paulo (11) 4063.7574 Rio de Janeiro (21) 3527.0848 comercial@redehost.com.br

Hospedagem de sites em plataforma Linux e Windows. Registro gratuito de domnios internacionais, acesse o nosso site e participe de nossa promoo. www.rjhost.com.br tel: (21) 2577.5545 vendas@rjhost.com.br

Loja virtual GRTIS. Assine um plano de hospedagem 3 ou 4 e ganhe uma loja virtual completa e de fcil administrao. Escreva o cdigo WBM no formulrio de inscrio e ganhe ativao + 1 mensalidade. www.studioserver.com.br tel: (13) 3273.3379 comercial@studioserver.com.br

Top Hospedagem
Hospede seu site com quem conhece do assunto. Servidores de Alto Desempenho! Suporte Rpido e Eciente! Tranqilidade e segurana para voc! Top Hospedagem - Qualidade a nossa marca. www.tophospedagem.com.br tel: (31) 3077.3310 Solues completas para webdesigners e desenvolvedores.Sistema inteligente e seguro de email com disco virtual.Qualidade, estabilidade e segurana. www.speedhost.com.br tel: So Paulo (11) 5644.1047 Rio de Janeiro (21) 3523-0387 Paran (41) 3015.3077

ZARP HOST
Hospedagem de Sites
Oferecemos registro de domnios e hospedagem em ASP, PHP e CGI. Planos a partir de R$ 9,90. www.zarphost.com.br contato@zarphost.com.br

Para anunciar nesta seo, envie um e-mail para publicidade@arteccom.com.br, com o ttulo "busca host" ou ligue para (21) 2253.0596

ABC
ABCMIX Flash Tutorials Vdeo-aulas interativas em ash para Joomla! CMS. Viewlets sob encomenda para treinamento web e provedores de hospedagem. www.joomlaashtutorials.com tel:(61) 8464.4383 tutorials@abcmix.com Toda a experincia em treinamento presencial disponvel agora na forma digital. Aprendizado rpido, na velocidade de seus negcios. www.actionsoft.com.br tel: (11) 6864.4709 carlos@actionsoft.com.br Domine os softwares de Web Design: Illustrator, Indesign, Photoshop, Dreamweaver, Fireworks e Flash. www.aisinformatica.com.br tel: (21) 2548.8989 copagerente2@hotmail.com

SERVIOS E TREINAMENTO EM INFORMTICA

A Bluestar Technology oferece toda a linha de treinamentos ociais Borland, CA e Conectiva Mandriva. Temos ainda treinamentos prossionalizantes em Programao Web, com Java, Delphi e PHP. Invista em voc, na sua carreira e no seu futuro. www.bluestar.inf.br tel: (61) 3347.9255 atendimentodf@bluestar.inf.br

Promoo de cursos de informtica -Pacote Ofce -Montagem, Manuteno, Congurao de Computadores -Programao (Lgica de programao) -Redes e Linux -Windows e Internet tel: (21) 3393.6351 - (21) 3473.8683 ctl.informatica@pig.com.br

Operador de Microcomputador, Assistente Administrativo, Analista de Suporte Tcnico, Linux /Star Ofce, Programao, Ingls, Telemarketing e Excelncia no Atendimento, Editorao e Produo Grca, Web Design, Hotelaria e Turismo www.databyte.com.br tel: (21) 2482.4763 Unidade Madureira Av. Ministro Edgard Romero 415

Web Design, ASP, PHP, SQL, JAVA e outros. O participante dominar os padres, conceitos e as boas prticas de desenvolvimento para os principais modelos adotados pelo mercado. www.digidatabrasil.com.br tel: (21) 2233.8967 - (21) 2203.2276 digidata@digidatabrasil.com.br Av. Pres. Vargas, 482 - sobreloja 206 - Centro - Rio de Janeiro/RJ

Disponibilizamos uma ampla gama de treinamentos, visando a capacitao para um mundo competitivo. Os cursos abrangem desde o bsico de informtica at os prossionalizantes. www.diginetinformatica.com.br tel: (71) 3382.7898 R: 124 - Elio Earli marketing@diginetinformatica.com.br

Descrio: Especializada em treinamentos individualizados, a Digital ensina a trabalhar com softwares da rea web, assim como os mais usados pelo desenvolvido mercado offshore da regio. www.digitaltreinamentos.com.br tel: (22) 2762.1903 contato@digitaltreinamentos.com.br

A Fuctura uma empresa que constantemente est preocupada com qualidade e com novas tecnologias. Na rea de treinamento oferecemos cursos tradicionais, cursos on-line como o curso de Tecnologias AntiHackers e de ponta como o curso de Bolsa de Valores. www.fuctura.com.br tel: (81) 3088.0992 e-mail: contato@fuctura.com.br

Ligue gratis:

0800 7 720 721

Web Designer + Fotograa Web Developer A melhor qualicao prossional em desenvolvimento de pginas e sites para a internet. Voc conectado s novidades do mercado. Web Designer na People ! www.people.com.br tel: (19) 3739.6400 ou 0800 7 720 721

AGORA NO BRASIL! O melhor treinamento Linux, pertinho de voc. tel: (11) 3124.6000

Usabilidade, Arquitetura da Informao, Web 2.0, Webwritting, Tableless, Python, Zope e Plone com os maiores especialistas do mercado. Aprenda conceitos e ferramentas que sero seu principal diferencial competitivo. www.simplesconsultoria.com.br tel: (11)3898.2121 cursos@simplesconsultoria.com.br

A Tecnoponta treina h quinze anos prossionais preparados diretamente para o mercado de Web. Crie dinamismo, organize e manipule dados na Web, processando informaes em Background . Cursos de Flash Action Script, Ajax e Tableless, ASP .NET c/ C#.NET www.tecnoponta.com.br tel: 3222.9492 treinamento@tecnoponta.com.br

Cursos Presenciais ou e-Learning. Computao Grca, WEB Design, AutoCAD, 3D Studio. Horrios Flexveis, Incio Imediato, Garantia de Aprendizado. Marque uma Aula GRTIS! www.treinasoft.com.br tel: 11 5573.9067 Citreinasoft@treinasoft.com.br Av. 11 de Junho, 63, (Metr Santa Cruz)

Aprenda Oracle, Java, Linux, ITIL

Curso WEB Marketing e Comunicao Digital 28 30/08 - Rio de Janeiro 18 20/09 - Porto Alegre 16 19/10 - So Paulo Conhea a programao completa no site www.wbibrasil.com.br tel: (51) 3233.1771 marketing@wbibrasil.com.br

INVISTA EM SEU FUTURO Cssio Raphael Vitiello de Sousa Especialista Oracle - Scio Diretor www.worldsoft.com.br tel: (11) 3289.5963 contato@worldsoft.com.br

Multiplique conhecimento! Nossos Treinamentos: OpenOfce, Banco de Dados, Gesto e Qualidade, Programao Java, Anlise de Sistemas, PHP e MySQL PHP com Ajax, Gnu/ LINUX LPI tel: (61) 3244.2510 atendimento@x25.com.br SGAS 910 Ed. Mix Park Sul sl 239 Braslia/DF

Para anunciar nesta seo, envie um e-mail para publicidade@arteccom.com.br, com o ttulo "busca cursos" ou ligue para (21) 2253.0596