Ed40

abril 2007 :: ano 4 :: nยบ 40 :: www.revistawebdesign.com.br

AGร NCIAS a disputa pelos grandes projetos

E-mais: Dicas para portfรณlio Debate: Assinatura de projetos E D I T O R A

R$ 9,90

Entrevista: Sites de entretenimento

I SSN 1806 - 0099

9 771806 009009

00040

Tutorial: Actionscript bรกsico

4 :: quem somos

Editorial Será que a Revista Webdesign resolveu tratar das transformações

Direção Geral Adriana Melo Direção Executiva Sergio Melo

no ecossistema do planeta? Apesar da importância do tema, não. Na ver-

Direção de Redação Luis Rocha

dade, nesta edição falaremos sobre outro ambiente, mais precisamente

Criação, Diagramação e Ilustração Camila Oliveira Leandro Camacho Beto Vieira

sobre as transformações no mundo digital.

A principal delas envolve o modelo de negócios no desenvolvimento de um plano de comunicação interativa. Afinal, de olho no crescimento do hábito de uso da internet, parece se tornar uma tendência gradual as empresas de grande porte direcionarem verbas cada vez mais generosas para a web.

Diante disso, um dos grandes questionamentos para o futuro deste mercado é: caminhamos para uma “queda-de-braço” entre as agências

Publicidade Débora Carvalho Felipe Back Gerência de Tecnologia Fabio Pinheiro Desenvolvimento Web Cadu Sant'Anna

de publicidade e as agências digitais na conquista pelos grandes projetos

Financeiro Cristiane Dalmati

on-line? Para encontrar algumas respostas, vá até a página 30 e confira

Atendimento Luanna Chacon

a análise de profissionais de agências como Africa, AG2, AlmapBBDO, Gringo.nu, 10’Minutos e Wunderman Brasil.

Além disso, a edição de abril traz uma despedida de uma colunista muito querida pelos nossos leitores: Marcela Catunda decidiu parar de escrever a Bula da Catunda e apresenta seus motivos na página 70. Apro-

Atendimento aos assinantes atendimento@arteccom.com.br Redação redacao@arteccom.com.br Anuncie publicidade@arteccom.com.br

veitamos para agradecê-la por compartilhar seu bom humor e brilhantismo ao longo desses três anos de parceria, lembrando que o espaço da revista continua aberto para as suas contribuições.

Em maio, Ricardo Figueira, VP de Criação da AgênciaClick, assume o posto como novo colunista, prometendo trazer as principais novidades

A Arteccom é uma agência especializada na criação de sites e responsável pelos seguintes projetos: Revista Webdesign :: www.revistawebdesign.com.br Concurso Peixe Grande :: www.arteccom.com.br/ webdesign/peixegrande Encontro de Web Design :: www.arteccom.com.br/encontro Fórum Internacional de Design e Tecnologia Digital :: www. arteccom.com.br/find Projeto Social Magê-Malien :: www.arteccom.com.br/ong

que movimentam o mercado de publicidade on-line.

Criação e edição

Boa leitura, Um abraço,

Luis Rocha.

www.arteccom.com.br

Produção gráfica www.prolgrafica.com.br

Distribuição www.chinaglia.com.br

9

:: A Arteccom não se responsabiliza por informações e opiniões contidas nos artigos assinados, bem como pelo teor dos anúncios publicitários. :: Não é permitida a reprodução de textos ou imagens sem autorização da editora.

O Leão ainda vai ser o Rei da Selva?

Equipe

menu :: 5

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

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

fique por den tro pág. 8 métricas e mercado pág. 10 direito na web pág. 11 post-it portfólio pág. 12 agência: Sapien pág. 18 freelancer: Marcelo Baldin pág. 20 ilustração: Maikon Nery

matéria de capa pág. 22 entrevista: sites de entretenimento pág. 30 reportagem: a luta pelos grandes projetos

e-mais pág. 38 debate: assinatura de projetos pág. 44 e-mais: portfólio on-line pág. 51 estudo de caso: Moptop pág. 56 tecnologia na web: Mashups pág. 60 tutorial: Actionscript - Parte 1

com a palavra pág. 64 webwriting: Bruno Rodrigues pág. 66 tecnologia: Paulo Rodrigo Teixeira pág. 68 marketing: René de Paula Jr. pág. 70 bula da Catunda: Marcela Catunda pág. 72 webdesign: Luli Radfahrer

6 :: emails

Assunto: Despedida da Catunda

Assunto: Dicas técnicas

de outubro de 2006, o valor médio pago para um estagiário na área era

Cadê a Catunda? Quando vejo

Sou assinante da revista há alguns

de R$ 584,00. Os dados são da 20ª

a revista na minha caixa de

meses e gostaria de frisar a idéia

Edição da Pesquisa Salarial Catho

correio, corro para abrir e a

de uma seção somente com

(www.catho.com.br).

primeira coisa que eu leio (e me

códigos de exemplo, curiosidades,

divirto muito) é a Catunda... E

tutoriais abordando CSS, HTML,

olha que, em janeiro, ela já tinha

PHP e demais linguagens. A

abandonado a gente... :(

revista está de parabéns pelas

Luciana luciana@metropolis.srv.br

seções, mas está faltando a

Muito boa a edição de março,

programação web (dica pessoal

Não recebi a resposta de um

principalmente a matéria sobre

e de demais observadores da

e-mail que enviei para vocês e

“Sinfonia das Cores”. Mas o que

revista). Pensem nisto. Obrigado!

fiquei triste. Vocês sempre me

houve, não tem a matéria da

respondem. Aí, minha revista

Marcela Catunda nessa edição?

Michael Henrique michael182_659@yahoo.com.br

na web Assunto: Direito Surpresa!!!

área com demonstração da

Edson Santos ejsiteonline@gmail.com

Olá, Michel, agradecemos sua

coração quando vi meu e-mail

Edson e Luciana, infelizmente a

técnicos acabam sendo abordados

publicado. Muito obrigada!

Catunda decidiu parar de escrever a

nas seções “Tecnologia na Web”

Abaixo, está um texto que fiz

“Bula da Catunda”. Ficamos muito

e “Tutorial”. Nesta edição, por

Estive fazendo algumas

tristes, mas entendemos os motivos

exemplo, iniciamos um tutorial

pesquisas e, visitando o site

favor me avisem se quiserem

dela. Afinal, só temos a agradecê-la

sobre Actionscript básico. Vá até a

da 10’Minutos, me chamou

acrescentar, tirar ou mudar algo:

pelo tempo que contribuiu para que

página 60 e confira a novidade!

a atenção a quantidade e

“A Webdesign é a melhor revista

a Revista Webdesign se tornasse uma

variedade de prêmios da agência

da área de internet. Mas não se

publicação respeitada no mercado.

(www.10minutos.com.br/premios.

restringe a isso, sendo ótima

Nesta edição, publicamos a coluna

php). Gostaria de saber se

leitura e fonte de informação

de despedida, onde ela explica os

vocês já fizeram ou pretendem

para todos os tipos de artistas e

motivos de sua saída.

deste mês (março) chegou e quase tive um ataque do

para colocar no meu site, por

observação. Estes assuntos mais

fazer uma matéria a respeito de concursos / premiações que

designers. Diferente das outras que só mostram tutoriais e softwares, a Webdesign fala de

na web Assunto: Direito Premiações na web

ocorrem no Brasil e no mundo. nade web Assunto: Direito Cadastro portfólios

mercado de trabalho, legislação,

Sou designer e gostaria de saber

solução de problemas... Ainda

se vocês possuem algum cadastro

tem crônicas de profissionais

de portfólios a serem publicados

Um grande abraço e parabéns pelo trabalho!

Guilherme Dienstmann guilhermehd@brturbo.com.br

da área, que além de ensinar e

na revista. Obrigado!

Oi, Guilherme, publicamos uma

dar dicas, são muito divertidas.

Igor Cardoso igur@globo.com

reportagem chamada “O que é

Se você ainda não conhece, dá

que esse site tem?”, na edição web Assunto: Direito Valor denaestágio

uma passadinha no site, lá tem

Igor, no site da Revista (www.

também download de modelo

revistawebdesign.com.br),

Vocês sabem me dizer o valor

de briefing, contrato, tabela de

no lado esquerdo, canto

médio que é pago para um

preços... eles pensam em tudo!”

superior, há um pequeno box

estagiário em Web Design,

Carolina carolla_ps@yahoo.ca

para você cadastrar o seu

trabalhando oito horas por dia?

portfólio (agência, freelancer

Obrigada!

Bom, Carolina, parece que a

ou ilustração). Recebemos uma

nossa pequena “surpresa” deu

quantidade considerável de

Líbini Araújo libini.araujo@gmail.com

certo! :-) Seu texto ficou ótimo,

portfólios e vamos avaliando

Líbini, na última pesquisa de média

agradecemos sua divulgação e

quais poderão ser publicados.

salarial que publicamos na seção

continue participando!

Cadastre-se e boa sorte!

“Métricas e Mercado”, na edição

fale conosco pelo site www.revistawebdesign.com.br :: Os emails são apresentados resumidamente. :: Sugestões dadas através dos emails enviados à revista passam a ser de propriedade da Arteccom.

de dezembro de 2006. Nela, apontamos as principais premiações e os critérios utilizados para se definir a qualidade de um site.

8 :: métricas e mercado

Navegação residencial por internauta - Janeiro/2007 País

Tempo médio por pessoa

Aumento acumulado no volume de campanhas de publicidade on-line, nos

233%

últimos cinco anos, segundo dados dos sistemas de gerenciamento da Predicta. Só

Brasil

21h20min

França

20h55min

EUA

19h30min

Ao todo, em 2006, a Predicta gerenciou um total de 11 bilhões

Alemanha

18h56min

de exibições (impressões) na internet.

Japão

18h31min

Fonte: Predicta (www.predicta.com.br)

Reino Unido

18h29min

Fonte: Ibope//NetRatings (www.ibope.com.br)

2,2 milhões

de visitantes diferentes

A categoria “Automotivo”, que congrega sites das montadoras de veículos, de revistas especializadas, área dos portais sobre o tema, dos revendedores de automóveis

no ano passado foram veiculadas nove mil peças publicitárias por meio da empresa.

Agências brasileiras mais desejadas para se trabalhar Nome da agência

%

AlmapBBDO

14,2

Africa

11,6

DMDDB

7,8

F/Nazca

6,4

nutos na média, por usuário. Para se ter uma idéia, o site

W/Brasil

4,7

da General Motors cresceu cerca de 160% em número de

AgênciaClick

4,3

visitantes entre dezembro de 2006 e janeiro de 2007.

Espalhe

3,7

Fonte: Ibope//NetRatings (www.ibope.com.br)

Riot

3,3

Talent

2,7

Média mundial em relação aos usuários

10’Minutos

2,5

que desistem da compra na hora de fechar

Outras

e de autopeças, foi o destaque em janeiro de 2007. Em tempo de visita, o crescimento foi de 39%, com 18 mi-

85%

Fonte: Brainstorm#9 (www. brainstorm9.com.br) / Total de 2.297 votos

38,8

negócio pela internet, segundo pesquisa realizada pela Forrester Research.

Este índice representa o aumento no

Fonte: Portal Relacionamento Digital (www. relacionamentodigital.com.br)

Você acredita na Web 2.0?

Total de votos: 208 Sim - 68% Não - 32%

número de conexões banda larga no

40%

Brasil em 2006 (de 4,1 milhões para 5,75 milhões). Em apenas seis anos (2001-2006), a banda larga no país cresceu 1.639%, ou seja, mais de

5,3 milhões de novas conexões. A demanda por maiores velocidades também aumentou no período: as acima de 512 Kbps passaram de 21%, em dezembro de 2005, para 37%

acesse e participe!

em dezembro de 2006. Já os acessos superiores a 1 Mbps

www.arteccom.com.br/webdesign

saltaram de 2% para 22% no mesmo período.

Fonte: Barômetro Cisco de Banda Larga (www.cisco.com.br)

Envie sugestões e críticas para redacao@arteccom.com.br

métricas e mercado :: 9

ViuIsso?

Por Michel Lent Schwartzman - michel@viuisso.com.br Site: www.viuisso.com.br

Notícias e comentários sobre comunicação digital, internet e publicidade Logos e suas histórias

em maio, e termina em São Paulo, no mês de dezembro. Serão oito capitais no total. Fique ligado aqui na revista para saber detalhes do encontro e a programação completa.

PodCrer: a semana para ouvir em meia hora Neste mês de novidades, resolvi fazer a minha estréia no mundo dos podcasts.

Está no ar, desde o início de

A empresa americana Logo Orange, especializada na

março, o PODCRER, progra-

criação de logos e identidade visual, criou um serviço bacana

ma semanal editado por mim

para se promover. Trata-se do “Logo Design History - Famous

e Vicente Tardin, do Webin-

Brands Glossary” (www.logoorange.com/logodesign.php),

sider. Pra ouvir o PODCRER,

uma lista bastante consistente dos logos mais famosos do

v i s i t e o e n d e r e ç o : w w w.

ocidente, com suas respectivas histórias e arquivo EPS para

podcrer.com.br.

download dos vetores.

IM Making a Difference

Em termos de quantidade de logos disponíveis, o site não

“IM (Instant Messa-

se compara ao “Brands of the World” (www.brandsoftheworld.

ging) Making a Differen-

com), porém é muito interessante ter acesso às histórias por

ce” (http://im.live.com/

trás das grandes marcas.

Messenger/IM/Home/) é

Muitos designers considerariam a Logo Orange um

o título da campanha que a Microsoft lançou para incentivar

pouco “pastelaria” (pacotes de identidade corporativa,

o uso do Windows Live Messenger, ao mesmo tempo em que

incluindo logos por menos de US$ 400), mas, sem dúvida,

promove causas sociais.

encontraram uma forma de chamar atenção para si. Resta saber se o esforço vai compensar.

A idéia é reverter parte da receita publicitária gerada pelo uso do aplicativo para algumas instituições de promoção social,

(Via UpdateOrDie.com)

como a Cruz Vermelha americana, a Unicef, o Fundo Nacional

De cara nova!

para a AIDS americano e a fundação Stop Global Warming.

O site do ViuIsso está de cara nova! Migramos para

Considerando que a maioria dos produtos lançados precisa

a p l a t a f o r m a Wo r d P r e s s e a g o r a e s t a m o s t o t a l m e n t e

de algum tipo de campanha de divulgação, incentivar esta, atra-

tableless. Pra quem vive lendo só aqui no papel, vale a

vés da ação social, me parece uma fórmula extraordinária.

visita! www.viuisso.com.br

Por enquanto, são poucas as entidades beneficiadas e o

Michel Lent on the road

programa só vale para os Estados Unidos. Mas, para aqueles

Antecipando aqui mesmo na revista, em primeira mão: tive a

que usam o MSN Messenger para papear, o incentivo para uti-

honra de ser convidado para palestrar nos EWD (www.arteccom. com.br/encontro) deste ano! A caravana começa no Rio de Janeiro,

lizar o Live Messenger é mesmo grande.

(Via Marcus Cardoso)

10 :: direito na web

Propriedade de websites A quem pertence o direito autoral em desenvolvimento de websites: CONTRATANTE ou CONTRATADA? O direito autoral dá poder de propriedade sobre o website? Que poder dá o direito autoral, além de colocar a indicação no rodapé do website produzido?

Renato Antunes (ocahost@ocahost.com.br)

Gilberto Martins de Almeida Advogado formado na PUC/RJ, com Mestrado na USP e cursos em Harvard e no M.I.T. Ex-

O Direito de Autor protege software,

d e s e n v o l v e d o r u t i l i z a r a l g u n s re c u r s o s

artes plásticas, textos, imagens e diversas

próprios e outros do encomendante)? Vale

outras obras, portanto o código desenvolvi-

a pena em toda situação firmar contratos,

do para um website, assim como os tons de

claros, expressos, para evitar margem a

cores, layout de frames e colunas, conteúdo

dúvidas, até porque a maioria dos casos

informativo, fotos, músicas etc. são, cada um

se apresenta com configurações bastante

por si só, protegíveis por direitos de proprie-

“misturadas” (para não dizer, confusas).

dade (no caso, propriedade intelectual).

Há que lembrar também que:

A quem pertencem tais direitos? Se-

i) os direitos sobre código derivado de

gundo a lei - tanto a do Direito de Autor,

engenharia reversa dependem de autoriza-

Lei 9.610, quanto a de Software, Lei 9.609

ção do proprietário do código original;

Gerente Jurídico da IBM, onde

-, tais direitos pertencem, como regra ge-

trabalhou por 11 anos, no Brasil

ral, ao desenvolvedor.

e nos EUA. Sócio de Martins de

ii) os direitos sobre o website não se confundem e não se estendem automatica-

Entretanto, diz a Lei de Software que

mente aos direitos sobre o nome de domí-

especializado.

se o autor pessoa física tiver desenvolvido

nio do website, ou a marcas, patentes, e

Envie sua dúvida para:

para atender uma encomenda, os direitos,

outras proteções; e

redacao@arteccom.com.br

em princípio, pertencerão ao encomendan-

iii) há situações que não caracterizam

te e não ao desenvolvedor. Portanto, para

violação dos direitos do proprietário do có-

evitar que o encomendante tenha os direi-

digo (cópia de partes que não dão margem

tos, é preciso haver contrato estipulando

à originalidade, interfaces para integração e

claramente que os direitos pertencerão ao

compatibilidade entre programas, uso não-

desenvolvedor. Essa é a moldura básica.

comercial de pequenas partes etc.).

Almeida - Advogados, escritório

Vamos agora a alguns detalhes com-

Propriedade é talvez o formato que

plicadores (ou facilitadores, conforme o

engloba mais direitos (direitos de usar, co-

interesse ou ponto de vista). Se o desen-

piar, explorar etc.), por isso ela é cercada

volvedor não tiver utilizado equipamen-

de várias hipóteses de tratamentos legais.

tos, programas, local, tempo de jornada

Por isso também que, às vezes, convém ne-

de trabalho etc., do encomendante, e se

gociar conceitos alternativos (uso perpétuo

o desenvolvimento não estiver dentro do

em vez de propriedade, preferência em vez

escopo de trabalho ou serviço que une o

de exclusividade etc.), especialmente quan-

desenvolvedor e seu empregador ou clien-

do o desenvolvedor não tenha as melhores

te, nesse caso excepcional (que também

condições de barganha na relação com o

diz respeito a estagiários e bolsistas) os

encomendante, seja ele um empregador ou

direitos pertencerão ao desenvolvedor, e

cliente. Com criatividade e bom senso há

não ao encomendante.

solução para virtualmente todo caso, o im-

Mas, e quando houver uma “mistura” de fatores (por exemplo, quando o

portante é a “customização” da negociação e redação do contrato.

post-it :: 11

entro , d r o p Fique cas, eventos ias das di e referênc undo livros vimentam o m que mo ign na web do des YouTube da Microsoft?

Parece que a popularidade do YouTube (www.youtube.com) está impulsionando o mercado de vídeos na web. No final de fevereiro, a Microsoft liberou o acesso à versão beta do

que justificasse seu nome, algo realmente único. Foi quando tive

Soapbox (http://soapbox.msn.com). No Brasil, destaque para o

a idéia de fazer a interface do site simulando um aparelho de som

Videolog.tv (www.videolog.tv), que fechou recentemente uma

modular. A partir daí usei referências visuais, como o meu aparelho

parceria com a UOL.

de som de casa (todo modular) e também o software Reason. Essa

“Designers? Para quê?”

versão foi ao ar em abril de 2003.

Ainda em fevereiro, a reformulação da marca da CEDAE Companhia de Águas e Esgotos do Rio de Janeiro (www.cedae. rj.gov.br), executada internamente por funcionários da empresa, acabou gerando uma grande polêmica no mercado de design. Você poderá conferir os principais capítulos deste imbróglio, no blog do professor Mauro Pinheiro (www.feiramoderna.net/blog)

Arte em papel

Wd :: Que tipo de retorno você teve ao divulgar, de forma criativa, seu portfólio on-line?

Mauricio :: Meu maior retorno foi o reconhecimento do mercado. Recebi muitos e-mails (não só do Brasil, mas do mundo todo) elogiando o site. Nos dois primeiros anos, o site teve, aproximadamente, 50 mil acessos. Na minha opinião, é um número bastante expressivo em se tratando de um site com um públicoalvo tão específico.

Procurando referências criativas fora do mundo tecnológico? Uma boa pedida é conferir os trabalhos realizados em papel por Carlo

Blog do mês: FatorW.com

Giovani (www.carlogiovani.com), Fwis (www.readymech.com) e

Procura novidades em termos

Fresh Pics (http://tinyurl.com/ywg85q).

de acessibilidade, arquitetura da informação, design e

Produção acadêmica no design para web

usabilidade? Um bom lugar

A dica do mês vai para a monografia apresentada por Sérgio Mari

para acompanhar debates

Junior, na pós-graduação em Comunicação com o Mercado, da

pertinentes sobre estes

Universidade Estadual de Londrina: “Publicidade on-line: como as estratégias de comunicação com o mercado se adaptam ao desenvolvimento cultural da internet” (www.infonauta.com.br/ especial.php?id=6). Se você possui ou conhece algum trabalho acadêmico interessante, envie sua sugestão para redacao@ arteccom.com.br.

assuntos é o FatorW (www. fatorw.com), de Walmar Andrade. Um dos principais destaques do blog é a série de posts “Meu Último Freela (http://fatorw.com/ ?s=MUF&paged=4)”, no qual ele apresenta toda a trajetória de um projeto que envolve a criação e o desenvolvimento de um site.

Conhece algum blog interessante? Então, mande sua dica para

O retorno sobre a criatividade

redacao@arteccom.com.br.

Nas próximas páginas, mais especificamente na seção “E-mais”, você vai conferir algumas dicas sobre a montagem de um portfólio on-line. Para se ter uma idéia de como a criatividade pode trazer bons frutos, conversamos com Mauricio

Agenda de eventos 19/05 - 12º EWD - RJ (www.arteccom.com.br/encontro) 16/06 - 12º EWD - Recife (www.arteccom.com.br/encontro) 14/07 - 12º EWD - Belo Horizonte (www.arteccom.com.br/encontro) 15/07 - NDesign Floripa 2007 (www.ndesign.org.br/2007) 18/08 - 12º EWD - Brasília (www.arteccom.com.br/encontro) 15/09 - 12º EWD - Curitiba (www.arteccom.com.br/encontro)

Gouvêa, autor do One of Kind (www.1ofakind.com.br).

20/10 - 12º EWD - Salvador (www.arteccom.com.br/encontro)

Wd :: Como surgiu a idéia de publicar seu portfólio neste formato?

10/11 - 12º EWD - Porto Alegre (www.arteccom.com.br/encontro)

Mauricio :: Já tinha o domínio desde 2001 e queria montar um site

08/12 - 12º EWD - São Paulo (www.arteccom.com.br/encontro)

Participe do Post-it! Envie sugestões para redacao@arteccom.com.br.

12 :: portfólio agência - Sapien

A mistura entre emoção e razão Nos idos de 1997, apenas um grupo de estudantes de design interessados em experimentar e criar novas linguagens. Hoje, fruto do planejamento consciente de uma empresa focada na realização de projetos de comunicação on-line, que envolvem desde consultorias ao desenvolvimento de produtos para plataformas web e dispositivos móveis. Tal história resume basicamente a trajetória da mineira Sapien (www.sapien.com.br).

“Este nome surgiu depois de várias conversas e reflexões. Queríamos que nossa empresa trouxesse consigo o elemento humano, que é quem cria e transforma a experiência consciente da vida. Nosso desejo era mostrar que a empresa era um misto equilibrado entre emoção e razão.

Cada qual usada no momento e na dosagem certa”, revelam Gustavo Timponi, diretor de novos negócios, e Santana Dardot, diretor de produção.

Um detalhe interessante sobre a agência serve como uma boa dica para quem pretende lançar uma empresa neste mercado. “Enfrentamos muitas dificuldades até conseguirmos decolar. Muitas de nossas dificuldades estavam relacionadas a problemas de administração e gestão. Como a formação de ambos os sócios é Design Gráfico, buscamos no mercado cursos capazes de eliminar essa lacuna da empresa. O Gustavo acabou realizando uma pós-graduação em gestão de negócios; eu fiz uma pós-graduação em gestão de projetos e hoje estou estudando para a certificação PMI (Project Management Institute)”, conta Santana.

Além disso, um dos segredos para que toda esta engrenagem continue funcionando se materializa em sua política de recursos humanos. “Evitamos ao máximo fazer contratações de maneira leviana ou sem planejamento. Os profissionais, antes de entrar para o nosso time, passam por uma bateria de testes e entrevistas que avaliam cada perfil individualmente. Destas avaliações, os melhores perfis são selecionados e já no primeiro mês de trabalho um plano de crescimento e desenvolvimento profissional é criado pelo colaborador. Também dentro do horário de trabalho designamos algumas horas para que eles executem os seus planos de crescimento e desenvolvimento profissional. Assim, acreditamos que o estudo e o aprendizado baseado nas necessidades detectadas por cada um faz o crescimento de nosso time acelerado”.

portfólio agência - Sapien :: 13

Bread and Butter

Nestlé Magazine Online

www.bread-and-butter.ch

Disponível numa Intranet fechada

Tecnologias utilizadas: AJAX + CMS + PHP

Tecnologias utilizadas: Flash + XML

A parceria com a Bread and Butter logo renderia O desenvolvimento do novo site da agência suíça

bons frutos para a Sapien: destaque para a criação do

Bread and Butter marcou o início de mais uma parceria

design de interface e o desenvolvimento da tecnologia de

internacional da Sapien. “Essa foi a nossa primeira expe-

publicação da revista on-line da matriz da Nestlé na Suíça.

riência com eles. A solução foi criar um mix de website e

“A revista digital espelha os conteúdos de sua edição im-

blog institucional, onde o cliente pudesse controlar todas

pressa, aumentando o poder de distribuição do produto

as informações disponíveis no ambiente web”, contam

que tem como foco principal o público interno, através da

Gustavo e Santana.

intranet da empresa”.

A estrutura do website foi inspirada nos números

Dessa forma, a agência adaptou a mecânica de uma

de Fibonacci, seqüência criada pelo matemático italia-

ferramenta muito utilizada neste tipo de projeto: o fli-

no Leonardo Pisano. “Utilizamos como elemento visual

pping book. “Melhoramos sua estrutura e agregamos

o retângulo áureo e suas diversas possibilidades com-

novas ferramentas como zoom, ferramenta de pesquisa,

positivas. Optamos por um design muito limpo, com um

paginação por setas e índice geral. As novas funcionali-

trabalho grande nos detalhes de alinhamentos de blocos

dades foram agrupadas em uma barra de ferramentas,

e espaços de respiro”.

que pode ser minimizada e maximizada pelos usuários

Em termos de tecnologia, recursos de AJAX foram

no momento da leitura”.

utilizados no website e em alguns pontos do sistema

Gustavo e Santana ressaltam outro ponto interes-

administrador de conteúdo. “O objetivo era promover

sante: por se tratar de um público mais conservador,

uma navegação mais rápida e com melhores feedbacks

a animação de passagem das páginas foi fundamental

para o usuário”.

para criar o vínculo com a revista impressa e causar uma percepção de usabilidade pelos envolvidos no projeto dentro da Nestlé.

14 :: portfólio agência - Sapien

Hummer

Guardiões do Patrimônio

http://tinyurl.com/2j9gph

www.guardioesdopatrimonio.com.br

Tecnologias utilizadas: Flash + XML

Tecnologias utilizadas: Flash + PHP

A idéia foi desenvolver um ambiente virtual que apresentasse o projeto autoral criado pela Outro case internacional de destaque no portfólio da agência envolve a parceria com a agência americana Modernista! (www.modernista.com) para a produção do hotsite do Hummer H3, um modelo de jipes lançado, em 2005, pela Hummer, uma das fábricas da General Motors de maior sucesso no mercado norte-americano.

“O objetivo era proporcionar uma experiência interativa do usuário com o carro. O ambiente deveria ser rico em detalhes e informações e buscar um resultado ainda mais eficiente do que seu website institucional”.

O layout foi criado pela Modernista! e a Sapien ficou responsável pela estruturação da tecnologia do hotsite, que acompanha os movimentos tridimensionais do carro. “Ele foi produzido em tempo recorde. Um sistema, especialmente desenvolvido, possibilitou visitar as seções carregadas sem que fosse necessário esperar o site carregar por inteiro. Pode-se interromper o processo de uma parte e solicitar que as seções desejadas sejam carregadas antes das outras.

Assim, foi possível integrar as formas de navegação com a rotação 3D do carro e o acesso às seções”, explicam Gustavo e Santana.

f o t ó g r a f a K á t i a L o m b a rd i , q u e a b o rd a a v i d a d e pessoas anônimas, com profissões por vezes pouco reconhecidas, que trabalham para manter o patrimônio histórico de São João Del Rey. “Desenhamos um website que disponibiliza os ensaios a partir do uso de uma interface minimalista, limpa e com poucos elementos. Elegemos como e l e m e n t o - b a s e a l i n h a , q u e a p a re c e s e m p re n u m movimento que remete ao balançar das cordas dos sinos das igrejas de São João Del Rey. Além das belas imagens, o site conta com áudios que foram captados pela própria autora. São registros dos próprios personagens escolhidos para os dez ensaios que compõem o site”, revelam Gustavo e Santana.

Assim, o site foi desenvolvido em Flash e a utilização da programação orientada ao objeto facilitou a inclusão de imagens e de novos ensaios. “Dessa forma, o website pode crescer ou reduzir sem maiores problemas”, completam.

portfólio agência - Sapien :: 15

Helio www.heliomag.com Tecnologias utilizadas: AJAX + CMS + PHP + WAP 2.0

A Helio, uma joint-venture entre a SK Telecom (empresa de telecom da Coréia do Sul) e a Earthlink (provedor americano de internet), procurou a Sapien para resolver a seguinte questão: era preciso criar um laço entre a inovação de seus aparelhos e serviços, voltados para o mercado de tecnologia móvel, com a inovação de artistas de vanguarda da cena americana. A solução proposta?

“Criamos um blog de colaboração que cobre todas as atividades e eventos da Helio, destacando os artistas envolvidos com a empresa. O uso da tecnologia AJAX deu mais inteligência ao site, além da experiência de navegação ganhar mais sabor. Outra questão importante foi o desenvolvimento seguindo os padrões definidos pela W3C. Isso significa melhor desempenho do website, aderência ao layout e funcionamento nas diversas plataformas e navegadores”, relatam.

Um dos pontos altos deste projeto foi a possibilidade de a agência trabalhar com a tecnologia móvel. “Desenvolvemos uma versão do blog para celular integrado ao sistema de atualização de conteúdo do blog de colaboração da web. Assim, basta alimentar o blog somente uma vez e, automaticamente, a informação é tratada para cada plataforma de maneira diferenciada. Os vídeos, músicas e imagens, inseridos no blog, podem ser visualizados nos dispositivos móveis. É possível participar das enquetes que foram acrescentadas ao blog, enviar artigos para os amigos e incluir comentários”.

Assine a revista e ganhe a coleção completa!

Assine já e receba: 12 edições impressas + 3 cds com as edições de 2004, 2005 e 2006.

Esta promoção também é válida para renovação de assinatura!

Renove agora por apenas 3 x 33,00 no cartão de crédito ou 2 x 49,50 através de boleto bancário!

www.revistawebdesign.com.br

18 :: portfólio freelancer - Marcelo Baldin

MARCELO BALDIN Contato: www.combustion.ws Site: inspired@combustion.ws

CRIATIVIDADE MUNIDA A DESAFIOS Pode não ter acontecido ainda em sua carreira, mas certamente você vai passar pelo momento no qual vai considerar seu trabalho uma grande repetição. Neste momento, o que fazer? Na vida de Marcelo Baldin, essa resposta envolve a busca contínua por desafios. “Procuro sempre estar perto do que há de novo e diferente, olhar tudo e reter o que acho bom e que vá me ajudar, para sair da mesmice. Se eu percebo que já estou confortável fazendo algo, procuro fazê-lo de um novo jeito ou fazer algo novo. Gosto de me desafiar para continuar criativo”.

Além disso, essa inquietação rendeu bons frutos, como

“Utilizei cores fortes para deixar o site vivo, assim como uma tipografia mais diferenciada”

tempo que me senti seguro com o trabalho que estava desenvolvendo, vi quais eram as minhas opções e escolhi uma delas”.

a especialização na área de sound design. “Na época que

Um bom exemplo da nova fase da carreira de Marcelo

eu estava trabalhando na Grafikonstruct (www.grafikons-

está presente no projeto “Follow the Finger” (www.followthe-

truct.com.br), surgiu a oportunidade de usar o que estava

finger.com), desenvolvido em parceria com Justin Wills (www.

aprendendo sozinho em casa, em softwares de áudio, que

justinwills.com) para a Nestlé EUA. “Embora o desenvolvi-

um amigo de faculdade tinha me mostrado. A partir daquele

mento/conceito do site tenha sido melhor do que o resultado

momento, comecei a trabalhar como sound designer e web

final, conseguimos atingir o nosso objetivo, que era divertir

designer. Como isso foi bem no começo da minha carreira,

o público-alvo, mais em particular, o meio americano, o que

pude desenvolver os dois ao mesmo tempo”.

nos levou a ter que deixar o site mais simples do que o pro-

Para se ter uma idéia de como as diversas influências

posto, pois o público nessa região não é aberto a novidades.

lhe ajudaram a chegar ao que produz atualmente, ele cita

Tivemos que criar todo o conceito visual para a marca on-line,

as características marcantes em seu trabalho. “Minhas in-

tendo como foco a diversão. A única coisa que o cliente nos

fluências vêm tanto da arte gráfica, da música, da arquite-

forneceu foi o logo e a mãozinha, o resto cabia a nós. De-

tura ou da fotografia. No começo, fui muito influenciado

senvolvi diversos conceitos tendo como referência os sites

pelo estúdio inglês The Designers Republic (www.thede-

criados pela WeFail (www.wefail.com), com diversas colagens

signersrepublic.com) e pelo design suíço, todos usando o

e um ambiente caótico. A fonte principal é a ‘House Cut’,

movimento Bauhaus como base. Com o passar do tempo,

desenvolvida pela House Industries”.

fui absorvendo um pouco de diversos estilos até criar um

Fora o trabalho realizado na área, ele busca na música e

próprio. Assim, a identidade do meu trabalho pode ser per-

no cinema o relaxamento necessário para a vida de um profis-

cebida no jeito que trabalho com cores, não muito fortes,

sional. “Escutar música é quase que um vício. Meu iTunes fica

algo etéreo, mesmo que o trabalho possa conter diversos

ligado o tempo todo, só desligo quando vou trabalhar com

elementos gráficos. O que tento passar é paz”.

música, o que chega ser engraçado, parar de escutar para

O reconhecimento de seu trabalho seria imediato. Hoje,

fazer. Não leio tanto quanto deveria. Jogar futebol com ami-

ele é um dos profissionais brasileiros que empresta seu talento

gos no fim de semana era algo que estava na minha agenda,

para as agências estrangeiras. “O contato que desenvolvi ao

mas não faço isso já faz um tempo. Como estou na Europa,

longo dos anos, com a comunidade de design no mundo, me

procuro andar bastante para conhecer os lugares onde estou.

deu diversas possibilidades nesse sentido. A internet é uma

É um belo exercício. Mas o que realmente faço para relaxar é

ferramenta muito útil se você souber usá-la propriamente. No

ir ao cinema, pelo menos, duas vezes por semana”.

Para participar desta seção, cadastre seu portfólio no site da revista: www.revistawebdesign.com.br.

20 :: portfólio ilustração - Maikon Nery

Maikon Nery www.ultra-grafismo.com.br Wd :: Como define seu estilo e onde você busca as referências para o seu trabalho?

Maikon :: Alguns elementos sempre permeiam meus trabalhos: mistura de técnicas, tendência ao caos, liberdade formal, uso indiscriminado da intuição e a preocupação em instigar o espectador de alguma forma e tratá-lo como ser pensante e crítico. A internet é ótima para pesquisar novas referências pelo mundo, mas também temos que tomar cuidado com a pasteurização de alguns modismos estéticos difundidos pela rede. Por isso, também busco referência nas artes plásticas, grafite, cinema, música, poesia e tudo que favoreça o desenvolvimento conceitual.

Capricho (Janeiro/2007) Cliente: Revista Capricho - Edição 1008 - Brasil Materiais utilizados: “Colagens + nankin + hidrocor + aquarela”

Dirty Mind (Março/2006) Cliente: Fanzine Dirty Minds Edição 2 - Espanha Materiais utilizados: “Colagens + n a n k i n + l á p i s a q u a re l a ”

22 :: entrevista - sites de entretenimento

: r e z a r p m o c e u g e v ento Na m i n e t e e entr es d t i s s o a era d

entrevista - sites de entretenimento :: 23

Você percorre a internet em busca de informações sobre o lançamento de um novo refrigerante sem açúcar e acaba se deparando com um site que apresenta um “espelho mágico” (do tipo, “espelho, espelho meu, existe alguém no mundo mais belo do que eu?”), metido a consultor em moda e atitude, que procura instigar sua atenção através de um bate-papo sobre o seu biótipo.

O exemplo acima é real, se refere a uma nova campanha da Pepsi (www.pepsimax. com.br), cria da agência de publicidade AlmapBBDDO (www.almapbbdo.com.br), e que reflete a maneira como o conceito de entretenimento vem sendo aplicado na criação e no desenvolvimento de projetos interativos.

Sobre esse novo cenário, confira uma análise exclusiva de Raphael Vasconcellos, diretor executivo de criação da AgênciaClick (www. agenciaclick.com.br) e criador do blog Propaganda Interativa (www.propagandainterativa. com.br). Boa leitura!

Wd :: Quando analisamos nos dicionários as definições existentes para a palavra entretenimento, a Wikipédia (http://pt.wikipedia. org/wiki/Entretenimento) parece nos trazer a

descrição mais interessante: “... é a arte ou técnica de entreter alguém ou um grupo, de lhe prender a atenção por um tempo determinado ou indeterminado”. Trazendo esta definição para a prática profissional na web, quais características conceituais e técnicas definiriam um site de entretenimento?

Raphael :: Eu diria que um site de entretenimento é algo próximo a um “provocador de experiência de uma marca”, com o objetivo de prender a atenção pelo maior tempo possível.

A comunicação na internet é diferente de tudo que estamos acostumados a ver nos outros meios, pois um site pode responder a estímulos do consumidor, como outras mídias não conseguem fazer.

Como já se diz muito por aí, a comunicação na internet é uma via de mão dupla, é um diálogo e não um monólogo, onde os consumidores podem exercer o poder da escolha, de seguir adiante na experiência ou sair a qualquer momento.

Encarar a comunicação como entretenimento pode ajudar a alcançar esse objetivo de criar uma experiência relevante ao consumidor.

Wd :: Certamente, o crescimento na criação dos sites de entreteni-

24 :: entrevista - sites de entretenimento

criativo na internet? Os dogmas da chamada Web 2.0 seriam um dos principais fatores?

Raphael :: O consumidor vive hoje em um tempo de excesso de estímulos visuais. Por onde mento envolve o retorno

quer que ande, sempre há um anúncio, uma pro-

sobre o investimento feito

paganda. Hoje em dia, tudo pode ser uma mídia.

nestas campanhas. Diante disso, quais

A internet ainda é um “ambiente” onde esse con-

são as principais métricas utilizadas para medir

sumidor ainda mantém um certo controle do que

o retorno de um site de entretenimento?

quer ver, do conteúdo que quer consumir.

Raphael :: Gostaria de reforçar que o

As campanhas focadas no entretenimento

entretenimento em um site é um recurso de

tentam se mostrar como um conteúdo atraente,

linguagem, um caminho do conceito criativo,

que vale a pena ser experimentado. É por isso

mas as métricas de desempenho de um site

que acredito que esse tipo de campanha tem

de entretenimento são muito parecidas com

encontrado sucesso, tanto entre consumidores

as métricas de qualquer outro site: taxa de

como entre anunciantes.

conversão, relação entre primeiras visitas vs. retornos e número de visitantes.

Acho que essa abordagem possui poucos pontos em comum com os dogmas da Web 2.0,

Eu diria que, além destas, o tempo de ex-

como, por exemplo, essa grande relevância do

posição da marca e a quantidade de indicações

papel do consumidor no controle da ação, mas

espontâneas sejam as métricas mais relevantes a

acho que as semelhanças acabam por aí.

serem acompanhadas nesse tipo de projeto.

Wd :: No último ano, principalmente, esta

Wd :: Nos últimos anos, a produção de

tendência começou a vingar no Brasil. Diante de

campanhas interativas focadas no conceito de

sua experiência, como você analisaria as cam-

entretenimento se tornou muito comum nos

panhas já produzidas no mercado brasileiro em

mercados americano e europeu. Quais aspectos

relação à produção internacional?

explicariam o sucesso deste tipo de conceito

Raphael :: Estamos começando muito bem, mesmo um pouco atrasados em relação aos outros mercados internacionais. Somos muito influenciados por esses trabalhos internacionais e ainda não conseguimos criar uma identidade nacional forte, mas boas iniciativas já estão aparecendo.

Esse atraso possui relação direta com a maturidade do nosso mercado e, principalmente, com a maturidade dos consumidores nessa nova mídia. As agências possuem um papel fundamental na hora de inovar e propor trabalhos dessa natureza. Só assim poderemos levar o mercado para frente e manter os trabalhos brasileiros no nível dos trabalhos realizados em outros países.

entrevista - sites de entretenimento :: 25

Wd :: Na edição de outubro de

nacional de Design e Tecnologia Digital (FIND).

2006, apresentamos os detalhes envol-

Sobre a apresentação da dupla de criação

vendo a produção do hotsite da campanha

da agência AKQA (www.akqa.com), PJ Pe-

BIC Music (www.bicmusic.com.br). Segundo Heloísa

reira e Rei Inamoto, ele destacou a parte dos

Ticianelli, gerente de Marketing e Novos Negócios

cases sobre jogos on-line, que estimulariam

da EverMedia (www.evermedia.com.br), o objetivo

a interação do usuário com outras pessoas e

era “...achar pontos comportamentais do seu pú-

principalmente com o produto ou serviço a ser

blico-alvo e criar uma aproximação fundamentada

divulgado. Assim, é possível afirmar que os

nos seus hábitos e gostos a fim de fazer parte o

sites de entretenimento são uma das melhores

maior tempo possível não só da sua rotina, mas

representações do poder de interatividade

também do lazer”. Pensando nisso, podemos dizer

existente na internet?

que os sites de entretenimento representam uma eficaz ferramenta de branding na web?

Raphael :: Com toda certeza, mas ainda temos

Raphael :: Acredito que sim. E, mais uma vez, devemos pensar no entretenimento como discurso, não como formato.

que amadurecer nossa visão do que é fazer um tra-

A interatividade é hoje um conceito que

balho de branding na web. Transmitir os valores de

extrapola o website e que está presente em ou-

uma marca por meio de experiências interativas re-

tras mídias, como os games. O entretenimento

quer, primeiramente, visão de longo prazo.

interativo pode acontecer em um console,

Um trabalho de branding não se resume a um site,

certo? Para mim, o formato vem sempre depois

mas ao conjunto de ações interativas realizadas em

do conceito. É uma conseqüência da busca pela

diversos formatos, ligadas por uma mesma linha de

pertinência da mensagem.

comunicação, por um determinado tempo.

Wd :: Outro ponto destacado no artigo de

Esses valores devem ser percebidos como va-

Memória foi a parte no qual Rei Inamoto “...

lores reais pelos clientes, valores que ele encontra em

ressaltava como eles tomam extremo cuidado

todos os outros pontos de contato que ele possui com

em não aplicar a tecnologia simplesmente por

a marca, não devendo haver nenhuma apropriação de

ela existir, pelo desejo de aplicá-la. Como prova

valores que não possam ser vivenciados em con-

disso, apresentaram um case da Microsoft em

tato com aquela marca.

que eles usaram um enorme e tradicional GIF

O consumidor sente de longe o cheiro de

animado no fundo da página”. Dessa forma,

mentira. Muitas vezes, vejo trabalhos muito

quais são os cuidados a serem tomados para

bem produzidos, mas que não representam

evitar exageros na criação e no desenvolvi-

a verdadeira essência de uma marca. Por

mento de sites de entretenimento?

exemplo, se a Starbucks tem a ver com tra-

Raphael :: Acho que, se mantivermos a co-

tamento personalizado em suas lojas, não

municação sempre à frente do processo, não

espero nada diferente na internet.

temos como errar. A busca pelo melhor for-

Wd :: Nesta mesma edição, trouxemos um artigo de Felipe Memória, designer da Globo.com, que abordava os principais pontos discutidos durante o Fórum Inter-

mato, pela melhor tecnologia, deve ser uma busca sem preconceitos.

Já tive o prazer de trabalhar aqui na AgênciaClick com o PJ. Para mim,

26 :: entrevista - sites de entretenimento

Um site de entretenimento e´ algo

´ proximo a um provocador ^

de experiencia de uma marca não é uma surpresa ver dele um GIF animado como

Para alguns, trabalhar com internet significa

peça em 2006, anos depois dessa “tecnologia” ser

fazer qualquer coisa em um dia e publicar no outro,

considerada ultrapassada.

pelo fato de as agências interativas terem

O fato é que - para aquela peça - era o formato

todo o processo de trabalho em suas

que melhor transmitia a mensagem naquele mo-

mãos. Gostaria de ter mais tempo

mento. Quem trabalha com comunicação não pode

para testar os projetos antes de

ter preconceito com formato ou tecnologia.

lançar, corrigir pequenos pontos, para

Por outro lado, também devemos sempre estar

fazer o trabalho ficar ainda melhor.

ligados com tudo de novo que aparece por aí, testar

Wd :: Falando sobre planejamento

tudo, conhecer todas as implicações técnicas, o perfil

e produção, quais são as diferenças na hora

do consumidor que utiliza essa tecnologia. Nunca se

de se criar um site de entretenimento em

sabe quando uma tecnologia vai cair no gosto do

relação ao desenvolvimento de sites com

consumidor, temos que estar preparados sempre.

outro foco? Como ficariam a usabilidade e a

Wd :: Em termos criação, quais são os desafios na hora de se trabalhar com tais pro- jetos na internet?

Raphael :: Temos alguns de-

arquitetura da informação nestes projetos, que supostamente contam com uma maior liberdade no processo de criação?

safios nesse tipo de projeto, como

Raphael :: A usabilidade e arquitetura da in-

verba para produção específica

formação são preocupações que não desaparecem,

para web, profissionais especiali-

mas que precisam ser contextualizadas na

zados e até mesmo tempo para refinar

experiência criada. Tudo deve se adequar

a produção e testar. Para fazer algo real-

para que a comunicação se sobressaia.

mente inovador, precisamos de tempo e esse recurso é muito escasso.

A navegação, por exemplo, deve estimular a experiência. Como muitos

entrevista - sites de entretenimento :: 27

desses projetos são direcionados a um público específico, muitas vezes restrito e bem definido, podemos explorar recursos que, às vezes, abrimos mão em projetos que devem atender um público mais abrangente. Por exemplo, no uso de vídeo.

Em muitos projetos, temos que nivelar por baixo, pois “o cara que acessa do modem tem que ver também” e aí o vídeo é o primeiro elemento a ser cortado. O mesmo acontece com a resolução, que ainda estamos lutando para quebrar a barreira do 1024x768 pixels. Em algumas experiências, abrir o site em fullscreen é a melhor solução. Já as definições de arquitetura da informação são orientadas pela experiência a ser criada.

Wd :: Para finalizar, você poderia nos apontar bons exemplos (nacionais e internacionais) de sites de entretenimento?

Raphael :: No lado internacional, gosto muito dos trabalhos da Far-Far (www. farfar.se), agência que produziu a recente ação “Heidies” (www.propagandaintera-

28 :: entrevista - sites de entretenimento

tiva.com.br/2007/diesel-heidies), para Diesel, e o melhor site de turismo que eu já vi, para a cidade de Estocolmo (www.stockholmthemusical.com).

Além desses dois exemplos, poderia citar o

Quem tra-

Nokia 20Lives (www.20lives.com), os sites GipsyCap Project (http://gypsycabproject.com) e Hammer &

balha com

~

comunicacao

~

´

nao pode ter preconceito com formato ou tecnologia

Coop (www.hammerandcoop.com), feitos pela CP+B (www.cpbgroup.com), e ainda os sites de futebol da Nike (http://nike.com/nikefootball).

Do Brasil, gosto da recente ação contra a dengue da Secretaria de Saúde do Rio Grande do Sul (www.propagandainterativa.com.br/2006/secretaria-de-saude-do-rs-flagra/). E, para não deixar de fora alguns trabalhos da Click, citaria o site do Idea Adventure (www.ideaadventure.com.br) e a campanha “Eu Vim em Paz para a Brasil Telecom” (www.euvimempaz.com.br). Tudo isso é entretenimento puro!

30 :: a luta pelos grandes projetos

A T U L A

S O PEL

S CEITA E R S CRIAR DA I A O E V Ã IDAD RAÇ RNET C G E I I T L M B N I A PU DUAL S DE PARA A S I C A A GRA I N R AGÊ GUIR CITÁ I E S L S A B E U A P TR TA EN SAIBA U P ?

S S I I D A UMA DIGIT S A I C GÊN E AS A

a luta pelos grandes projetos :: 31

Quem trabalha com campanhas de propaganda e marke-

agências no país sobre a seguinte questão: caminhamos para

ting, ou deseja entrar neste disputado mercado, sabe que uma

uma “queda-de-braço” entre as agências de publicidade e as

das principais mudanças trazidas pela internet envolve a maneira

agências digitais na conquista pelos grandes projetos on-line?

como as marcas vão se relacionar com os seus consumidores nos próximos anos. Assim, esse novo cenário está criando uma transformação no posicionamento de dois segmentos envolvidos diretamente com este mercado: as agências de publicidade e as agências digitais. Afinal, conforme cresce o hábito das

“Atualmente, cerca de 90% dos usuários utilizam a internet como canal prioritário na escolha do próximo carro, por exemplo” (Sergio Mugnaini)

pessoas em utilizar a internet como uma ferramenta de seus cotidianos, a tendência é o aumento gradual dos investimentos

“Algumas vezes haverá, sim, queda-de-braço. Recente-

das grandes empresas em campanhas publicitárias e ações de

mente, saiu uma pesquisa da Forrester Research dizendo que

comunicação neste meio.

vários anunciantes grandes, nos EUA, já estão preferindo as

Um bom exemplo está presente no mercado automo-

agências digitais - por elas estarem mais aptas a atendê-las com-

bilístico. “Como fazer uma campanha para automóveis sem

pletamente, do que as tradicionais. Mas, no Brasil, na maioria

pensar em não colocar o meio internet como um dos veículos

das vezes, os projetos são de naturezas muito diversas e por

principais na sua comunicação? Atualmente, cerca de 90% dos

isso demandam infra-estruturas diferentes. Dessa forma, sempre

usuários utilizam a internet como canal prioritário na escolha

terá trabalhos onde será mais adequado lidar com uma agência

do próximo carro. Hoje, temos mais de 30 milhões de usuários

digital e outros tantos em que valerá mais a pena fazer dentro

na internet, tendo uma base de usuários utilizando banda larga

da própria agência de publicidade”, analisa Suzana Apelbaum,

maior que televisão por assinatura. As empresas só estão obser-

diretora de criação da Africa Publicidade (www.africa.com.br).

vando a maturidade do meio digital e investindo em algo que

Para Cesar Paz, diretor presidente da AG2 (www.ag2.

atualmente é vital para qualquer tipo de empresa. O retorno

com.br), a tendência é que as agências digitais assumam um

é praticamente garantido se colocarmos na balança o volume

papel cada vez mais estratégico, do que atuarem apenas como

de pessoas que são impactadas com o investimento feito no

fornecedores de serviço especializado na área. “As agências

meio”, afirma Sergio Mugnaini, diretor de criação da área de

digitais e de publicidade têm papéis e competências bem

internet da AlmapBBDO (www.almapbbdo.com.br).

distintas, e eventuais áreas de intersecção. As empresas, em

Para se ter uma idéia da movimentação de dinheiro na

especial as grandes corporações, deverão conviver com os dois

área, no artigo “Um raio-X da mídia on-line no mundo” (http:// tinyurl.com/ydf2qr), Marcelo Sant’Iago revelava que a previsão dos investimentos em publicidade on-line nos EUA, em 2006, envolvia um montante de 16 bilhões de dólares. Apesar de ainda

X

Inter-Meios “Iniciativa conjunta do jornal Meio & Mensagem e dos principais meios de comunicação no sentido de levantar, em números reais, o

volume de investimento publicitário em mídia no Brasil. Começou a

apresentar números mais modestos, o mercado brasileiro vem

operar em 1990 e hoje conta com a adesão de mais de 250 veículos

demonstrando um crescimento significativo: até setembro de

e grupos de comunicação, que representam aproximadamente

2006, o projeto Inter-Meios tinha registrado mais de R$ 250 milhões em gastos com mídia on-line. O total praticamente atinge o índice registrado em 2005 (R$ 266 milhões), sendo que a expectativa da IAB Brasil (Interactive Advertising Bureau

90% do investimento em mídia do país.”

Fonte: Projeto Inter-Meios (www.projetointermeios.com.br)

Tecnologia e criação juntas!

Outro ponto destacado no estudo da Forrester Research é que “...

- www.iabbrasil.org.br) é que os investimentos, no ano de 2006,

os anunciantes hoje vêem suas agências de propaganda como as

fechem em mais de R$ 300 milhões.

menos habilitadas entre seus fornecedores quando precisam de

Diante de toda essa movimentação, a Revista Webdesign procurou a opinião de profissionais de algumas das principais

serviços de marketing envolvendo tecnologia”.

Fonte: Blue Bus (http://tinyurl.com/358azc)

X

32 :: a luta pelos grandes projetos

“Uma pesquisa da Forrester Research diz que vários anunciantes grandes, nos EUA, já estão preferindo as agências digitais - por elas estarem mais aptas a atendê-las completamente, do que as tradicionais” (Suzana Apelbaum)

Como anda o mercado hoje?

Pegando como exemplo as atuais campanhas envolvendo empresas de grande porte na internet, vemos que muitas delas são assinadas pelas agências de publicidade, mas todo o desenvolvimento da parte técnica fica por conta das agências digitais.

“Entendo que este fenômeno acontece porque a maioria das agências digitais não investiu em aprimorar suas disciplinas de planejamento estratégico de comunicação. Elas acabam sendo

tipos de agência durante muito tempo. Como o segmento de

táticas e focadas em serviços com viés tecnológico. As agências

agências digitais está em formação, é natural que as agências

de publicidade tradicional investem em pesquisa, inteligência de

de publicidade ainda administrem verbas muito mais significa-

mercado e na diferenciação de seus serviços pelo planejamento

tivas que as agências digitais. Dependendo do tipo de negócio,

e pela criação. Elas, historicamente, delegam a implementação

principalmente àqueles que têm sua operação fundamentada em

técnica para empresas especializadas que chamam de produto-

canais eletrônicos, vemos que as agências digitais já começam a

ras. Deste modo, faz sentido para elas trabalhar com agências

assumir um posicionamento mais estratégico”, aponta.

digitais que têm foco tecnológico”, explica Adilson.

Outra possibilidade seria a segmentação no mercado,

Porém, a pergunta que fica é como ficará o rumo do

tanto em termos de oferta de serviços, como na prioridade dos

mercado: as agências digitais continuarão exercendo o papel

investimentos. “A internet já representa para alguns segmentos

de fornecedores de serviços especializados de internet para

de mercado, como o de bebidas destiladas, por exemplo, o

as agências de publicidade? Ou as agências de publicidade

principal meio de comunicação. Essas constatações acabam

acabarão criando núcleos especializados na área?

colocando frente a frente agências tradicionais e digitais: elas já

“Esse é o debate mais atual na organização de uma agência

estão lutando pelo mesmo bolo de receita nestes clientes. Esta

hoje em dia. Vamos acabar seguindo o modelo de uma mega-

‘queda-de-braço’ deve ser maior nestes casos, porque estamos

agência que tem tudo in-house, ou vamos deixar a agência

diante de mudanças nos hábitos de consumo de mídias, com

controlando o conceito criativo e agenciando quem produz as

larga vantagem para a internet. Não acredito que o mesmo

peças (normalmente fora)? Há agências que trabalham de um

fenômeno se aplique a todos os casos, pois a TV ainda é o

lado ou do outro e juram que o que estão seguindo é o me-

meio de comunicação mais eficaz para marcas que necessitam

lhor caminho. Tendo a achar que a agência tem que controlar

de grande cobertura”, diz Adilson Batista, diretor de negócios,

o conceito e terceirizar as partes importantes de produção,

projetos e operações da Wunderman Brasil.

como já acontece há anos no mundo off-line. Não me lembro

“Não acho que um grupo de 15 pessoas focadas em web

de diretores de vídeo afamados que ficam sentadinhos dentro

dentro de uma agência off-line possa resolver todos os proble-

da agência esperando vir projetos de comerciais de TV. Eles

mas de um cliente. Normalmente, eles estão mais focados em

produzem os projetos que querem para um leque variado de

publicidade e não em web como ferramenta de uso cotidiano

agências”, afirma Matarazzo.

(como fazer um portal, um site de comunidades etc.). No resto

Há quem acredite na evolução do modelo adotado pelas

do mundo, as grandes contas têm suas grandes agências on-

agências digitais. “Aposto fortemente nas agências digitais que

line e ponto. Espera-se que as agências on e off conversem e

investirem em inteligência de mercado e conhecimento dos

terminem por criar soluções que partem da mesma raiz concei-

hábitos dos consumidores, pois serão cada vez mais capazes de

tual. As agências on-line, por mais bem sucedidas que sejam,

coordenar projetos de comunicação robustos e diretamente com

ainda têm um budget infinitamente menor para trabalhar. Tudo

os anunciantes. Existe a possibilidade, inclusive, dessas agências

tende a eqüalizar dentro de uns cinco anos”, argumenta André

inverterem o jogo e trabalharem com as demais como parceiras

Matarazzo, sócio da Gringo.nu (www.gringo.nu).

e não como fornecedoras”, diz Adilson. “Embora isso ainda

a luta pelos grandes projetos :: 33

aconteça bastante, não acredito num modelo que coloque as agências digitais apenas como ‘produtoras de internet’. Com um pouco mais de aculturamento do mercado corporativo, veremos as agências digitais cada vez mais respondendo pelas ‘contas on-line’ de grandes marcas”, complementa Cesar.

"Não acho que um grupo de 15 pessoas focadas em web dentro de uma agência offline possa resolver todos os problemas de um cliente” (André Matarazzo)" Em relação à atuação das agências de publicidade, a questão passa, principalmente, pelo custo de se manter um departamento especializado na área. “Todos os modelos têm sido experimentados. Há grandes agências ‘tradicionais’ que têm núcleos de produção próprios, assim como há agências de publicidade digitais atendendo diretamente e produzindo. O que costuma limitar a formação de núcleos de produção nas grandes agências é o custo fixo. Manter um funcionário dentro de um escritório (overhead) de uma grande agência é mais caro do que numa agência pequena. Portanto, a produção costuma ser mais barata quando terceirizada”, revela Michel Lent Schwartzman, sócio-diretor da 10’Minutos (www.10minutos.com.br).

“Muitas agências de publicidade já tentaram montar e manter equipes de produção de internet internamente e perderam muito dinheiro com isso. E, em paralelo, o modelo de ter os criativos da agência se responsabilizando pela criação não só nas mídias off-line, mas também no on-line, já se provou muito bem sucedido. O que tem de complicado nesse sistema é conseguir se chegar num modelo de remuneração novo, que seja interessante tanto para as agências quanto para os anunciantes”, acrescenta Suzana.

Um ponto fundamental nesta discussão, como ressalta Marcelo Sant’Iago, diretor de novos negócios da MídiaClick (www. midiaclick.com.br), é que as agências precisam manter em mente que o anunciante vai sempre buscar o que é melhor para a exposição de sua marca. “Aqui, no curto prazo, continuaremos vendo, na maioria das vezes, as agências e produtoras on-line adaptando para os meios interativos a estratégia de comunicação criada pela agência tradicional, até porque a penetração de web

34 :: a luta pelos grandes projetos

“Fazer internet hoje em dia dá 100 vezes mais trabalho e dez vezes menos dinheiro” (Michel Lent) na população brasileira é inferior a 20%, contra a gigantesca penetração de televisores”, afirma.

Para onde vamos? As experiências lá fora Um bom caminho para descobrirmos tais rumos pode estar presente nas experiências vividas em mercados mais consolidados. No americano, por exemplo, o espaço é dividido entre dois tipos de modelo. “Existe a agência 100% interativa - com uma equipe de tecnologia tão reforçada quanto à de criação; e a agência do tipo ‘media neutral’, que está preparada para atender as demandas criativas em todas as mídias, inclusive internet.

Nestas agências, assim como se pede para uma produtora externa filmar os roteiros de filmes que ela criou, conta-se também com uma produtora externa para montar os sites e campanhas criadas por ela”, diz Suzana.

Sobre o modelo das digitais, os especialistas apontam que as agências internacionais apresentam um portfólio de serviços mais abrangente do que os apresentados pelas agências similares no Brasil. “São empresas robustas, que oferecem soluções que vão desde a construção de sites até grandes campanhas on-line. Estão neste grupo, AKQA (www.akqa.com), RG/A (www.rga.com) e AvenueA/RazorFish (www.avenuea-razorfish.com), nos Estados Unidos; Agency Republic (www.agencyrepublic.com), na Inglaterra; DoubleYou (www.doubleyou.com), na Espanha; Euro RSCG 4D (www. eurorscg4d.com), em vários países europeus; e FramFab (www.framfab.dk), na Dinamarca”, relata Adilson.

Pensando nisso, existiria um modelo ideal a ser adotado pelo mercado brasileiro? “Não acredito que exista um modelo ideal para o mercado brasileiro e nem para nenhum outro mercado. As demandas de trabalho on-line são muito variadas e, de fato, cada agência pode procurar um caminho próprio. Cada modelo tem suas vantagens e desvantagens.

O ideal é estar atento às necessidades dos seus clientes e trabalhar a metodologia na direção de atendê-las com eficiência e produtividade”, opina Suzana. “O modelo ideal é o que vem sendo construído pelos gigantes da comunicação, que é o modelo de ‘agência digital full service’, com independência das outras mídias e focada em ações digitais e interativas para

a luta pelos grandes projetos :: 35

os canais eletrônicos. Lógico que esse modelo vai atender a

Agências de publicidade sabem fazer internet?

comunicação em ambiente digital. A comunicação off-line, em

Para responder a esta questão, precisaremos dividi-la em

especial a comunicação de massa, continuará sendo atendida

duas partes que vão tratar de dois temas principais: modelo

pelo atual modelo da publicidade”, diz Cesar.

de negócios e processos criativos. Falando sobre a criação, os

Digitais e publicidade: as vantagens e as desvantagens

exemplos existentes no mercado parecem apontar uma boa

Projetando uma eventual disputa entre as agências digi-

adequação ao meio. “Hoje em dia, as agências de publicidade

tais e as agências de publicidade, certamente este embate vai

já contam em seus quadros com profissionais migrados do

trazer à tona as principais vantagens e desvantagens de ambos

mundo interativo. O domínio da internet é algo que se contrata.

os lados. Uma boa definição sobre a realidade deste mercado

Exemplos de agências com boas equipes de internet: DM9DDB

está presente na opinião de Suzana Apelbaum.

(www.dm9.com.br), no Brasil, e Ogilvy Interactive (www.ogilvy.

“A agência de publicidade tem como vantagem a exce-

com/o_interactive), nos EUA”, afirma Michel Lent.

lência criativa (envolvimento de criativos mais seniores e mais

Neste debate, não podemos nos esquecer de separar co-

qualificados), a flexibilidade para movimentar os investimentos

municação de desenvolvimento. “Algumas agências unem isso

de outras mídias para a internet (se for interessante), a garantia

de forma eficiente, como a Euro RSCG 4D, no Brasil (www.eu-

da mesma qualidade criativa das outras mídias também na inter-

rorscg4d.com.br), que tem criado e produzido projetos inovado-

net, a garantia de uma campanha verdadeiramente integrada,

res. Fora do Brasil, a Crispin Porter + Bogusky (www.cpbgroup.

um processo menos desgastante para o cliente e uma otimização

com) criou algumas das ações mais populares (e premiadas) do

interessante das verbas de produção (pelo fato de o material de

mundo. Se considerarmos apenas a parte criativa, vale lembrar

internet ser produzido junto com todos os materiais da campa-

que nos últimos dois anos quem levou o prêmio de ‘Agência

nha em outras mídias). Já a digital apresenta como vantagens a

do Ano’, em Cannes, na categoria Cyberlions, foram agências

especialidade no assunto, mais experiência, mais agilidade, um

off-line (DM9DDB e Crispin Porter + Bogusky). Porém, não cabe

custo menor, um escopo de entrega maior e uma infra tecnoló-

a elas desenvolver portais corporativos, intranets e sites de e-

gica mais qualificada. De modo geral, o que é vantagem para

commerce, por exemplo”, ressalta Marcelo Sant’Iago.

um representa desvantagem para o outro”, analisa.

No final, os especialistas acreditam que vai se ressaltar quem buscar um equilíbrio das qualidades existentes em cada um destes segmentos. “As agências de publicidade não especializadas costumam ter maior ferramental de planejamento e conhecimento sobre a marca do cliente. Seriam, idealmente, boas integradoras

“Nos últimos dois anos, quem levou o prêmio de ‘Agência do Ano’, em Cannes, na categoria Cyberlions, foram agências offline (DM9DDB e Crispin Porter + Bogusky)” (Marcelo Sant’Iago)

de soluções especializadas. As digitais conhecem melhor a técnica.

O ideal é um equilíbrio das duas”, resume Michel Lent.

Se por um lado as agências conseguiram desenvolver a

36 :: a luta pelos grandes projetos

“As agências digitais brasileiras crescem numa média de 30 a 40% ao ano e cada vez mais se preparam para assumir responsabilidades maiores no gerenciamento de grandes marcas na web” (Cesar Paz) parte criativa, quando falamos de modelo de negócios parece

mos citar AgênciaClick (www.agenciaclick.com.br), Wunderman

que elas ainda têm um longo caminho a percorrer. “O fato de

(www.wunderman.com.br), AddComm (www.addcomm.com.br),

elas trabalharem pouco ou mal se deve, na minha opinião, a um

TV1 (www.tv1.com.br) e 10’Minutos (www.10minutos.com.br).

interesse financeiro. Fazer internet hoje em dia dá 100 vezes

No âmbito internacional, daria para citar vários exemplos: nos

mais trabalho e dez vezes menos dinheiro. É uma alternativa

Estados Unidos, AKQA (www.akqa.com), AvenueA/RazorFish

que muitas agências ainda relutam em recomendar, mas abra-

(www.avenuea-razorfish.com), RG/A (www.rga.com) e VML

çam por exigência dos clientes”, analisa Michel. “A maioria não

(www.vml.com). Na Europa, temos DoubleYou (www.doubleyou.

soube ainda fazer receitas significativas neste mercado. Muitas

com), Agency Republic (www.agencyrepublic.com), Euro RSCG

delas abriram unidades ou departamentos ‘interativos’ visando

4D (www.eurorscg4d.com) e FramFab (www.framfab.dk). E, na

estar inseridas neste mercado e/ou com o objetivo de ganhar

América Latina, temos a StudioCom (www.studiocom.com), na

premiações internacionais de criação para elevar o status e o

Colômbia; Latin3 (www.latin3.com), na Argentina; e a Interalia

reconhecimento da agência”, completa Adilson Batista.

(http://main.interalia.net), no México”, cita Adilson.

Digitais preparadas para os grandes projetos de publicidade on-line?

Falando especificamente sobre o mercado brasileiro, o modelo adotado pela AgênciaClick parece ser unânime entre os

Da mesma forma que surgem os questionamentos quanto

especialistas. “Ela, por exemplo, é uma powerhouse que faz de

à capacidade de as agências de publicidade trabalharem com

tudo. Desde sites institucionais gigantes até minisites, banners,

a internet, as agências digitais também passam pelo mesmo

tudo”, indica André Matarazzo. “A própria AgênciaClick fez um

processo. Ou seja, elas precisam provar suas competências que

case muito bacana de publicidade on-line e mobile para Fiat

garantam a conquista de grandes projetos focados em cam-

Adventure (http://tinyurl.com/ywnv3u), onde o público podia,

panhas de publicidade e propaganda interativa. Os exemplos

dentro do cinema, escolher, via celular, o roteiro do comercial

existentes ainda são poucos, mas parecem criar uma expecta-

a ser visto”, acrescenta Suzana.

tiva otimista para o segmento.

Além disso, o ritmo de crescimento deste segmento in-

“Poucas agências digitais brasileiras estão preparadas para

dica um maior amadurecimento da área. “As agências digitais

fazer projetos de publicidade on-line relevantes, pois são, em

brasileiras crescem numa média de 30 a 40% ao ano e cada vez

sua maioria, táticas. No entanto, já é possível indicar um grupo

mais se preparam para assumir responsabilidades maiores no

que está fazendo projetos muito interessantes. No Brasil, pode-

gerenciamento de grandes marcas na web. Obviamente

a luta pelos grandes projetos :: 37

que esse é um mercado em construção fundamentado ainda em empresas médias e pequenas e que precisam amadurecer muito, especialmente na forma de gerar negócios. Vejo, pelo menos, três tipos de agências digitais: bureaus de webdesign, produtoras web e agências digitais full-service. Acredito especialmente no modelo full-service. A recente e relevante incorporação da AgênciaClick, pelo grupo inglês Isobar (www. isobarcommunications.com), retificam a tese de que esse é o caminho”, finaliza Cesar Paz.

Estrutura da AgênciaClick

X

Atualmente, é considerada a maior empresa de interatividade e propaganda on-line do Brasil, com escritórios em São Paulo, Belo Horizonte, Rio de Janeiro e Brasília. Em 2006, foi eleita “agência de comunicação do ano”, no respeitado Prêmio Colunistas Brasil, concorrendo com todas as agências off-line e tradicionais do mercado. Acumula 16 CyberLions no Festival de Publicidade de Cannes, além de ouros, pratas e bronzes no Festival de Publicidade El Ojo, One Show Interactive, Festival Internacional de Publicidade em Língua Portuguesa, Clube de Criação de SP e o pentacampeonato no Prêmio MM Online, como Agência do Ano. Fonte: Assessoria de Imprensa (http://tinyurl.com/22sls7)

O vôo internacional da AgênciaClick Em entrevista para Alexandre Oliveira, da Revista Propaganda e Marketing, o presidente da AgênciaClick, Pedro Cabral, revelou que o negócio envolveu “US$ 31 milhões em dinheiro, mais 3,5 milhões de ações cada uma por US$ 3”. Sobre as possíveis transformações da agência, ele apontou que “...a AgênciaClick passa a ser ainda mais AgênciaClick. Cada uma das agências ligadas à Isobar, como a Far Far, Molecular, wwwins, One Digital e Glue, por exemplo, são muito independentes.”

Fonte: Revista Propaganda e Marketing (www.propmark.com.br)

X

38 :: debate - assinatura de projeto

Assinatura de projeto: preservando o direito autoral da criação?

A preservação do trabalho criativo é um aspecto relevante para os profissionais do mercado de design. Principalmente quando falamos da produção voltada para os ambientes digitais. Quando este assunto se torna tema de debate na área, certamente alguém vai lembrar de projetos plagiados integralmente ou de idéias e conceitos que acabaram sendo copiados em determinados trabalhos.

Assim, convidamos alguns profissionais a analisarem duas questões: quem desenvolve um site deve assiná-lo? Na prática, como o profissional pode garantir o direito autoral pela criação de um projeto digital?

debate - assinatura de projeto :: 39

Diego Zambrano Diretor de arte, com passagens pela F/Nazca, AgênciaClick e Globo.com www.workforfood.nu

“Você faria uma tatuagem e deixaria o tatuador escrever

Acredito que a melhor forma de você ‘assinar’ um

‘Ghost’s Tattoo’ abaixo da tatuagem? Nessa situação, você

trabalho é fazendo do seu trabalho a sua assinatura. Quantas

é o cliente e o tatuador é o prestador de serviço. E se o

vezes você já viu um site, comentou que parecia com o

tatuador fizesse a tatuagem pela metade do preço?

trabalho de alguém e era realmente dessa pessoa?

Acredito que a decisão de assiná-lo ou não cabe ao

A melhor forma de você assinar um trabalho é ter um

cliente que paga pelo projeto e não ao profissional que

DNA criativo implícito nele, mas que, ao mesmo tempo, não

realiza. Pelo que vejo, essa prática de assinar sites é comum

interfira na comunicação do cliente. Esse DNA pode ser a

em agências/estúdios de pequeno/médio porte, mas em

sua forma de trabalhar as cores, a tipografia, de compor, de

grandes agências isso raramente acontece.

ilustrar, luz/sombra e muitas outras formas.

Como clientes de pequeno/médio porte subvalorizam

Em resumo, as pessoas gastam muito tempo pensando

suas agências, e essas precisam ganhar dinheiro e conquistar

como vão assinar os seus trabalhos e como vão garantir

novos clientes, elas embutem no orçamento baixo seu

os seus direitos autorais e pouco tempo criando algo que

pequeno logo no rodapé raramente visto e clicado. Esse

realmente mereça algum interesse das pessoas saberem

desconto ‘forçado’ acaba sendo uma compra de mídia

quem foi que fez.”

indireta por um espaço de qualidade duvidosa.

“A melhor forma de você assinar um trabalho é ter um DNA criativo implícito nele, mas que, ao mesmo tempo, não interfira na comunicação do cliente”

40 :: debate - assinatura de projeto

“Devemos tomar muito cuidado em não misturar a profissão de designer com a de artista. Sou um pouco suspeito para falar deste assunto, pois sou mais conhecido como artista gráfico do que designer e os meus trabalhos sempre são encaminhados e encomendados pelo lado artístico e impacto visual do que simplesmente pelo conceito que um trabalho comercial necessita.

Allan Szacher Designer e editor do portal Zupi www.zupi.com.br

Há alguns dias estava pensando justamente se precisaria assinar ou não a criação de um site. Qual a diferença de um site e uma obra de arte? O primeiro, normalmente usado comercialmente, deve levar em consideração o público, o produto ou serviço e o conceito da campanha ou identidade da empresa. No segundo, o que importa são as idéias e os conceitos que o artista criar, podendo ou não ser utilizado comercialmente.

Felizmente, a lei de direitos autorais de 1998 dá para o artista, mesmo sem registro, a proteção dos direitos autorais e patrimoniais de uma obra, enquanto um trabalho comercial tem que se preocupar em não utilizar o trabalho de um artista sem a autorização do mesmo para reprodução de sua obra.

Normalmente, eu assino simplesmente o nome de minha empresa no rodapé do site com um link para o site do meu estúdio (como muitas empresas o fazem), mas se o cliente não quiser não me preocupo muito, pois o que importa é a indicação que o cliente faz para outras empresas e o que coloco no meu portfólio. Porém, quando é um trabalho artístico, faço questão de assinar e não deixo nenhum cliente questionar a colocação de meus créditos.”

“Devemos tomar muito cuidado em não misturar a profissão de designer com a de artista”

debate - assinatura de projeto :: 41

“Os direitos autorais e morais, associados a qualquer obra intelectual, garantem a seu autor a propriedade legal e a prerrogativa de divulgação de autoria. A assinatura de um projeto pode ser considerada parte desse direito. Mais do que isso, assinar um projeto, exibi-lo como portfólio ou inscrevê-lo em concursos são ações importantes na autopromoção do designer ou escritório de design, aspecto que não pode ser deixado de lado. Na prática, Daniel Sansão Sócio da Contágio Criação

no entanto, vale o bom senso e a negociação entre o designer e o cliente.

Eventualmente, um cliente pode se opor à assinatura e, principalmente, à exibição

www.contagiocriacao.com.br

de um projeto em portfólio ou concursos. Isso acontece por uma série de motivos, sendo mais comum quando o projeto contém informações sigilosas. Intranets, extranets, ações de endomarketing ou interfaces de sistemas internos, por exemplo, podem conter informações estratégicas sobre a estrutura e os processos da empresa que não devem ser abertas para o público em geral.

Para evitar qualquer tipo de problema é sempre bom oficializar por escrito os direitos e deveres de cada um. Coloque em sua proposta ou contrato uma cláusula que assegure a permissão para a assinatura e a divulgação do projeto, incluindo a utilização de telas ou até mesmo do case no seu portfólio e peças de autopromoção (site, folder etc.).

Não esqueça de incluir também a permissão para inscrever o projeto em concursos de design. Caso haja qualquer objeção do cliente a esta cláusula, a solução é negociar. Chegar a um acordo logo no início do projeto é o melhor jeito de evitar surpresas desagradáveis no final.”

“Para evitar qualquer tipo de problema é sempre bom oficializar por escrito os direitos e deveres de cada um”

OTIMIZE SUAS AÇÕES DE ENVIO DE E-MAIL. Monitore seus resultados: saiba quem leu, que horas leu e onde clicou.

GRUPO DB4 “Assim que começamos a usar o Easy Mailing conseguimos despertar nos clientes do grupo DB4 a importância do e-mail marketing e o resultado que ele pode gerar se feito de maneira profissional, com documentação, relatórios e ética. Encontramos nos softwares da Dinamize ferramentas de e-mail marketing robustas, profissionais e com ótimo custo benefício.” Diogo Boni.

www.easymailing.com.br

tel. 55 51 3061.0636

42 :: debate - assinatura de projeto

Farid Sarsur Diretor de criação da Graffikpix Media Design www.graffikpix.com.br

“Quem desenvolve qualquer trabalho intelectual ou artístico deve assinar. Sites são produtos que envolvem esforço, história pessoal e criatividade. A assinatura mostra que há uma equipe que pensou, planejou, criou e desenvolveu aquele projeto.

Existe uma grande burocracia para garantir o direito autoral de um site. Para isso, é preciso fazer uma cópia de cada página e registrá-las no INPI, o que demanda altos custos e dispêndio de tempo. Mesmo com esse processo, para que se possa provar algum plágio ou cópia de um trabalho de criação de site, é necessário um advogado, processos judiciais, ou seja, mais tempo e dinheiro.

Outro fator é que sites são produtos de alto dinamismo. Isso significa que, eventualmente, há trocas de layout e estrutura. O registro de um site não impede que uma pessoa se inspire ou tire idéias de um trabalho que ficou bem elaborado e criativo.

Ao desenvolver qualquer trabalho que envolva criatividade, a idéia é o que tem mais valor. Uma boa idéia pode e deve ser absorvida, mas jamais copiada da forma que foi concebida. Infelizmente, não é o que acontece na prática.

Vale lembrar que estamos falando de internet, um mercado mundial que tromba com diferenças legislativas que inviabilizam a garantia de que um direito autoral seja, de fato, legítimo. Dessa forma, infelizmente, registrar um site num ambiente tão vasto pode ser pouco útil.”

“Existe uma grande burocracia para garantir o direito autoral de um site”

debate - assinatura de projeto :: 43

Participação dos assinantes

gan

par he

tici pe prê e mio s!

Até onde o briefing deve ser considerado como um limitador da criatividade do designer?

Observação: devido ao grande número de respostas, repetimos a pergunta da edição passada, premiando novos participantes!

Guilherme Dienstmann guilhermehd@brturbo.com.br

O briefing é apenas um molde, um mapa que aponta a direção a ser seguida. Ele deve ser visto de maneira extremamente positiva, como elemento de inserção dentro da visão e realidade do cliente, constatando problemas e oportunidades a serem exploradas da melhor maneira possível com toda a criatividade e qualidade dos profissionais.

vencedor!

Danilo Fiocco eu@danilofiocco.com

O briefing só é um limitador da criatividade quando ele é mal elaborado. Se o designer não souber exatamente como desenvolver um layout, há uma perda de tempo e raciocínio consideráveis apenas para definir o perfil do job que deve ser desenvolvido, além do risco do mesmo não sair como o cliente esperava. Já com um briefing bem elaborado, o designer sabe exatamente como desenvolver, dando mais tempo para explorar sua criatividade focada neste perfil do que para tomar decisões de como o trabalho deve ser feito.

Rodrigo Mota atendimento@ahan.com.br

Acredito que o briefing nunca deva ser considerado um fator limitador, pois “limites” impostos pelo briefing devem funcionar como combustível para a busca da melhor solução/criação para o cliente em questão. Além disso, um briefing bem feito trará ainda mais idéias para o designer bem preparado.

Mario Junior pme@piccolimedia.com.br

O que limita a criação não é o briefing em si, mas o briefing mal feito. Só podemos considerá-lo como limitador de criatividade, se quem o realiza não possui a experiência suficiente em direcioná-lo para ser uma ferramenta eficiente e suplementar ao processo de criação.

Fernanda Ruas fernanda.ruas@sebraemg.com.br

O briefing é um facilitador para o designer ter uma linha de pensamento a seguir. A criatividade fica por conta de cada um.

Se você é assinante, participe desta seção pelo site www.arteccom.com.br/webdesign/clube.

O autor da melhor resposta ganha prêmios.

44 :: e-mais - portfรณlio on-line

Como montar um portfรณlio on-line?

e-mais - portfólio on-line :: 45

“Sinto muita falta em portfólios on-line de uma explicação detalhada da função exercida em cada projeto” (Alexandre Estanislau) Você sabe que seu trabalho apresenta, por exemplo,

que aprofundem o conteúdo disponível. É interessante

um bom domínio em termos de combinação cromática,

apresentar um panorama geral sobre o trabalho e permitir

além de uma aplicação criativa de famílias tipográficas.

que o visitante possa, em etapas, chegar a informações

Mas qual seria a melhor forma de demonstrar esse seu

mais detalhadas de cada projeto. Os trabalhos devem falar

talento ao mercado? A resposta está presente na criação

por si, porém dados como: data, tipo, contratante, con-

de um portfólio on-line.

ceito, tamanho e material utilizado (no caso de projetos

“Ele possibilita ao designer estar continuamente dis-

gráficos ou objetos construídos) etc. são fundamentais

ponível para o mercado de trabalho. Em qualquer momen-

para auxiliar o visitante a compreender o que está exposto.

to onde se deseje travar contato com o profissional, seu

É importante relembrar que o ciberfólio é avaliado sem a

endereço on-line é amplamente acessível, permitindo que

presença do autor”, orienta Joy.

o autor disponibilize o que for de seu interesse ao eventual

Além disso, ela recomenda que sejam destrinchados um

visitante”, explica Joy Till, mestre em design pela PUC-Rio,

ou dois projetos maiores. “É uma boa solução para o enten-

com a dissertação “Ciberfólio - a apresentação profissional

dimento da metodologia de trabalho do designer. Desde a

na internet” (www.joytill.com.br).

requisição do cliente até o resultado final obtido: qual foi a

Ela destaca ainda que o portfólio on-line é uma ótima

solicitação do cliente, qual o conceito proposto, porque foi

ferramenta para o profissional demonstrar suas habili-

escolhido aquele caminho, como se chegou àquela solução

dades em dominar aquele espaço, de se comunicar com

apresentada... Além disso, é fundamental que fi que claro a

seus visitantes. “Ele tem a função de mostrar, não apenas

participação nos projetos: se foi o único autor ou qual o seu

o conjunto dos trabalhos de seu autor, mas especialmente

papel, no caso de trabalhos em equipe. Um ponto extrema-

de representá-lo no ciberespaço. Este site tem que ser

mente negativo é se apresentar como o responsável exclu-

atraente, gerando a curiosidade sobre quem está por trás

sivo de um determinado trabalho e não fornecer os créditos

da interface, fazendo com que o visitante tenha vontade

devidos aos outros profissionais envolvidos”.

de aprofundar o conhecimento sobre aquela pessoa. Mais

Sobre esta última questão, o alerta se torna ainda

do que um resumo dos trabalhos, o ciberfólio encarna seu

mais pertinente, quando ouvimos a opinião de quem está

autor: é a sua representação numa situação onde ele não

acostumado a avaliar profissionais na área. “Sempre pro-

pode estar presente fisicamente”.

curo informações sobre a participação daquele candidato

Assim, na hora de criar seu portfólio na internet, con-

no trabalho, pois sinto muita falta em portfólios on-line de

sidere esta tarefa como uma espécie de quebra-cabeça,

uma explicação detalhada da função exercida em cada pro-

onde o encaixe de cada peça terá uma função específica

jeto. Pode ser que aquela pessoa fez apenas um pequeno

para formar uma imagem final que será a sua representação

pedaço no projeto, ou que tenha feito tudo e esta infor-

profissional na rede. A seguir, saiba quais são os passos

mação é muito importante. Até mesmo para avaliar a ética

necessários na montagem deste tipo de projeto.

daquele profissional quanto ao trabalho dele e de outros

O que deve ser divulgado?

da equipe”, revela Alexandre Estanislau, sócio-fundador

Uma das grandes vantagens de um portfólio on-line

da Bolt Brasil (www.bolt.com.br).

está na possibilidade de se trabalhar com as informa-

“Não é nada ético colocar no portfólio, um trabalho

ções em três vertentes: visuais, audiovisuais ou textuais.

onde você teve apenas uma pequena participação, sem

“Através do uso do hipertexto podem ser criadas camadas

descrever exatamente o que você fez. É importante, em

46 :: e-mais - portfólio on-line

casos como este, colocar a ficha técnica do trabalho. Por exemplo: imagine que você tenha recebido um job para fazer a parte em Flash, onde todos os layouts já foram entregues prontos. Se você não descrever exatamente qual foi a sua parte no trabalho, quem visitar o portfólio

“Procuro reconhecer como a pessoa equilibra a questão técnica com a criatividade” (Sung Hean)

vai achar que você fez tudo, inclusive os layouts. E aí temos uma falha grande de comunicação, pois se alguém

mento cultural, percepção e capacidade de solução de

contrata você (achando que você faz design, Flash, PHP

problemas, criando expectativa quanto a características

etc.) pode acabar se frustrando depois. É melhor ser bas-

pessoais como versatilidade, especialidade, aptidão, con-

tante honesto neste momento, sempre se valorizando,

fiabilidade. É importante definir também métodos para

porém sendo sincero e deixando claro até onde vão suas

classificação e indexação dos itens - ano, cliente, tipo de

experiências”, ressalta Ludmilla Rossi, diretora geral da

projeto etc. - e quais suportes utilizar: fotografias, anima-

Mkt Virtual (www.mktvirtual.com.br).

ções, vídeos, arquivos digitais... Fotografar um produto

Critérios e cuidados na seleção dos trabalhos

gráfico junto a algum objeto como uma caneta, por exem-

Definidas as informações a serem veiculadas, o próxi-

plo, dará uma noção de escala e permitirá uma identi-

mo passo é selecionar os trabalhos que serão publicados

ficação imediata do tamanho do impresso, facilitando a

no portfólio on-line. Neste momento, o profissional deve

compreensão do material apresentado”, afirma Joy.

ter em mente alguns critérios. “Os projetos escolhidos

Outro ponto está no tipo de foco dos trabalhos apre-

devem refletir criatividade, habilidade, talento, conheci-

sentados, pois eles devem representar os segmentos que

e-mais - portfólio on-line :: 47

“Os projetos escolhidos devem refletir criatividade, habilidade, talento, conhecimento cultural, percepção e capacidade de solução de problemas” (Joy Till) o profissional deseja atuar. “Ao definir o conteúdo do ci-

características fundamentais a serem apresentadas em um

berfólio, deve-se procurar selecionar o que o autor mais

portfólio on-line. A primeira delas está na construção da

gosta, o que acha realmente muito bom e que esteja dentro

identidade que o profissional pretende passar.

do que quer trabalhar: não adianta colocar um desenho em

“Procuro ver se o candidato tem uma identidade mui-

aquarela feito há anos se atualmente ele não tem esta habi-

to marcante ou se tem facilidade de atuar em várias ver-

lidade ou desejo de produzir com tal técnica. É importante

tentes, pois na Bolt temos clientes que vão desde moda,

a inclusão de projetos que tenham sido desenvolvidos aca-

passando por varejo e contas institucionais. Então, é im-

demicamente. Eles têm um conteúdo autoral, o que vai de-

portante que o profissional seja bem versátil para atuar em

monstrar a criatividade e a capacidade de gerar soluções.

vários estilos. Nesta parte, olho a quantidade de projetos

Consultar um colega ou um profissional mais experiente

pessoais em relação a projetos profissionais. É importante

para opinar sobre o material traz um olhar externo, o que

que tenha alguns experimentos, isto mostra que ele está

é sempre muito útil”, explica.

sempre pesquisando novas formas. Porém, se tiver somen-

Para quem está iniciando na área, a dica é apostar

te trabalhos pessoais, isso pode demonstrar que aquele

em projetos experimentais. “Aqueles que são novatos no

profissional tem pouca ou nenhuma experiência a trabalhar

mercado e ainda não têm um grande volume de projetos

com clientes reais e prazos apertados, ou seja, a realidade

podem gerar conteúdo desenvolvendo material para clien-

da vida”, diz Alexandre.

tes imaginários, como uma identidade visual para uma em-

Outra questão avaliada envolve a atenção com os

presa, um cardápio para um restaurante, uma papelaria

detalhes. “Procuro reconhecer como a pessoa equilibra

para um profissional liberal. Porém, ao apresentar estes

a questão técnica com a criatividade. Depois disso, você

trabalhos, é interessante identificá-los como estudos ou

precisaria saber os detalhes específicos de cada projeto,

projetos experimentais”, indica Joy.

que nem sempre é descrito. Mas é importante saber quais

Além disso, uma das principais questões avaliadas por

foram as dificuldades e as soluções apresentadas para

quem analisa portfólios é o uso correto da ortografia e

cada projeto (se foi uma solução adequada ao cliente/job

gramática. “É fundamental utilizar, pelo menos, um bom

ou não), assim como a função exercida pelo profissional

corretor ortográfico. Como muitas vezes, o texto entra

no trabalho”, aponta Sung Hean, sócio diretor de criação

como imagem, o ideal é pedir a alguém que revise o site, antes de sua publicação final. Muitas oportunidades se perdem por textos com erros absurdos, que muitas vezes passam despercebidos por quem está ‘mergulhado’ no projeto”.

O que as agências avaliam em um portfólio Nada melhor do que ouvir a palavra de quem está acostumado a avaliar profissionais, para descobrirmos as

48 :: e-mais - portfólio on-line

“Quanto mais bacana for a experiência que o contratante tiver ao visitar o portfólio, mais chances o candidato tem de se dar bem” (Ludmilla Rossi) da Binatural (www.binatural.com.br).

os trabalhos para se tirar uma média geral da qualidade do

“Observo os fundamentos do design: se ele sabe

que está sendo apresentado, somando ao capricho com

trabalhar com tipografias, cores, imagens, composição e

que o portfólio foi projetado. Quanto mais bacana for a

outros elementos. Nesta fase, observo o cuidado com de-

experiência que o contratante tiver ao visitar o portfólio,

talhes. Uma imagem bem cortada, um gráfico com curvas

mais chances o candidato tem de se dar bem. É exatamente

suaves. Isso demonstra o cuidado com os detalhes. Um

o mesmo princípio que os designers devem ter no seu dia-

ponto que diz muito sobre isso são os projetos em Flash.

a-dia”, relata Ludmilla.

Em geral, o loading do projeto é deixado de lado e feito

Para finalizar, lembre-se que desenvolver um portfólio

depois, mas julgo um ponto importante no design, pois

criativo está longe de representar apresentações reche-

é o tempo em que o usuário está a fim de ver o projeto

adas de técnicas desnecessárias. “Muitos portfólios são

e ele fica carregando, carregando... Então, a tela deve

complexos e destinados a demonstrar uma técnica ou idéia

ser interessante para que ele não fique tão entediado”,

que a pessoa ainda não teve oportunidade de testar. O que

complementa Alexandre.

é interessante e recomendado. Cuidado apenas para não

Além disso, as pitadas de criatividade são fundamen-

forçar demais, não bolar navegações mirabolantes que pre-

tais para atrair a atenção de quem pretende contratar

judiquem a navegação, afinal um portfólio é apenas mais um

o trabalho daquele profissional. “Quando recebemos o

job onde o cliente é você, veja se a solução adotada é a me-

portfólio de um candidato, procuramos sempre ver todos

lhor para o target do projeto. Então, vale a pena ficar atento como se quer ser percebido como designer e refletir isso na apresentação dos trabalhos on-line”, orienta Sung.

e-mais - portfólio on-line :: 49

Bons exemplos Confira alguns (bons) portfólios indicados pelos profissionais consultados nesta reportagem.

- Nando Costa

- Ana Quartin

www.nandocosta.com

www.anaquartin.com “Apresenta um portfólio plasticamente muito atraente, em cores

“É simples e rápido: temos logo acesso aos projetos, com uma

pastéis e imagens suaves. Tem versões em inglês e português.

boa descrição sobre cada um deles.” (Alexandre Estanislau)

Em cada trabalho, apresenta uma ficha técnica descrevendo o cliente, sua participação, outros trabalhos desenvolvidos, links relacionados e mais detalhes. Em todas as telas fica disponível o link para informações sobre a autora.” (Joy Till)

- Tiziana Haug www.inthehabit.com

“É um site bacana pela forma simples da apresentação dos

- Thibaud

projetos. O feeling é interessante. Mas, principalmente, os

www.thibald.be

trabalhos são bem apresentados, o que ajuda para destacar ainda mais o site.” (Sung Hean)

“É fácil de usar, a disposição é criativa e a apresentação do profissional idem.” (Ludmilla Rossi)

- Kenzo Mayama www.kenzomayama.com.br

- Andy Gugel www.32round.com

“Tem seu ciberfólio em HTML, com imagens grandes e de boa qualidade. As informações básicas estão objetivamente

“A navegação é simples e objetiva, facilitando a visualização

dispostas, equilibradas na interface inicial, de forma que, se

dos trabalhos. Em cada um, ele descreve as funções executadas

o visitante quiser, pode imediatamente resgatar o que for do

no projeto, o que ajuda a compreender exatamente qual foi o

seu interesse.” (Joy Till)

papel do designer nos projetos.” (Sung Hean)

50 :: estudo de caso - Moptop

estudo de caso - Moptop :: 51

“Sempre gostei mais da representação gráfica do rock dos anos 60, 70 e 80. Na hora de desenvolver o design da minha banda foi natural usar elementos dessas décadas” (Rodrigo Curi) Se não bastasse o talento para a música, o Moptop conseguiu expandir suas veias criativas para o design na web. A prova disso está presente no site da banda (www.moptop.com.br), um dos mais inovadores do meio musical brasileiro.

Para se ter uma idéia do sucesso do projeto, ele foi finalista da premiação americana “SXSW Web Awards 2006” (http://2007.sxsw.com/interactive/web_awards) e vencedor, na categoria “Melhor website”, do “MTV VMB 2005” (http://mtv.uol.com.br/vmb2005/hotsite).

Nesta entrevista, Gabriel Marques (voz e guitarra), responsável pela parte do design para web, e Rodrigo Curi (guitarra), que assina o design gráfico do site, explicam os detalhes desta mistura que envolve muito design e rock’n’roll.

Wd :: Falando sobre MP3 e distribuição de música pela internet, durante debate ocorrido no programa Sem Censura (www.tvebrasil.com.br/semcensura), da TVE Brasil, o rapper BNegão revelava que a rede possibilitou que sua música chegasse em lugares inimagináveis, abrindo novas possibilidades para que seu trabalho fosse apresentado em países da Europa e da Ásia. No caso do Moptop, como a internet ajudou na divulgação do trabalho da banda?

Gabriel :: Antes mesmo do primeiro show oficial da banda, já tínhamos colocado nossas músicas na rede para download. Com isso, já tínhamos “fãs” cantando nossas músicas logo na primeira apresentação da banda. Além disso, trabalhamos muito no desenvolvimento do nosso site, que tem sido uma das principais ferramentas de divulgação do nosso trabalho.

Wd :: O site da banda foi produzido por dois de seus integrantes. Como surgiu o interesse de vocês pela área de design? E como a música influenciou no processo de criação do site?

Rodrigo :: Começamos a estudar design e programação bem antes de existir a possibilidade de viver de música. Aliás, começamos a tocar juntos só depois de formados.

Eu sempre gostei de criar escutando música. Para mim, já é normal ter o resultado final do trabalho gráfico com alguma influência do que estou escutando no momento. No site do Moptop, fiz questão de escutar muita música dos anos 80.

Wd :: Na divulgação oficial, o som do Moptop é definido como a emanação da “...simplicidade do rock dos anos 50 e 60, amplificada pela estética punk”. De que forma vocês procuraram transparecer a filosofia da banda dentro da criação do site?

Rodrigo :: Sempre gostei mais da representação gráfica do rock dos anos 60, 70 e 80. Na hora de desenvolver o design da minha banda foi natural usar elementos dessas décadas. Tento sempre trabalhar com um “pezinho” nos elementos bregas e esquecidos dessas épocas, principalmente quando o assunto é anos 80.

Wd :: A página inicial do site parece ter sido inspirada nas interfaces dos jogos do Atari, principalmente pela imagem do topo e pela família tipográfica utilizada. Por que vocês decidiram utilizar este conceito?

52 :: estudo de caso - Moptop

estudo de caso - Moptop :: 53

Rodrigo :: Com tanta ferramenta de última geração disponível, achamos que seria mais interessante andar um pouco na contramão da evolução e reutilizar os clássicos gráficos serrilhados dos anos 80.

Wd :: Boa parte da criação foi baseada na combinação de diversas imagens. Quanto tempo a pesquisa, o tratamento e a escolha das imagens levaram dentro do processo de desenvolvimento do site?

Rodrigo :: Ah... pode botar aí uns dois anos. Demos o “start” no projeto depois que usamos o programa Reason para editar as baterias da nossa primeira demo. Desde então, comecei a pensar nos detalhes para compor o design e a programação do site.

dor. Como vocês trabalharam o desenho da interface do site do Moptop?

Rodrigo :: Já trabalhei muito usando o papel, antes de jogar minhas idéias no computador. Mas, hoje em dia, é tão automático mexer em alguns softwares gráficos, mouse e teclado, que o monitor acabou virando o meu papel.

Wd :: Podemos dizer que o site da banda ficou divi-

Reason

X

"A invasão do Reason revolucionou os conceitos de criação sonora porque, muito mais que um sintetizador, o software é um estúdio completo que possibilita a criação de música eletrônica, pop, rock e até mesmo erudita. Embora seja um programa para

dido em duas partes: a primeira envolve a visualização de informações mais recentes (agenda de shows e notícias sobre o dia-a-dia de cada integrante) e a segunda apresenta o material musical já produzido pela banda.

edição - não grava - o Reason oferece tudo o que é preciso para se

Por que vocês decidiram estruturar a arquitetura da in-

fazer música digital hoje em dia: sintetizadores, samplers, bateria

formação desta forma?

eletrônica, efeitos, seqüenciador multipistas, além de uma mesa de som para se ouvir tudo isso tocando ao mesmo tempo.”

Fonte: IATEC (www.iatec.com.br)

Gabriel :: O site existe desde 2003. Em sua primeira versão, não havia essa primeira seção. Decidimos criar essa página inicial em 2005, quando percebemos que nossos fãs não visitavam o site com muita freqüência, preferindo vi-

Wd :: Outro aspecto da página inicial envolve a disponibilização de agenda e blog dos integrantes da banda. Como vocês planejaram a atualização de conteúdo e quais ferramentas vocês utilizam?

Gabriel :: Como estamos sempre viajando, projetamos o site de forma que todo o seu conteúdo seja atualizável remotamente.

Precisamos apenas de uma conexão de internet para atualizar o conteúdo do blog, da agenda e das áreas de fotos, vídeos, rádio, downloads, clipping e links.

Essa ferramenta de administração de conteúdo foi desenvolvida por nós mesmos, usando PHP e MySQL. Wd :: Em palestra realizada durante a edição paulista do 11º Encontro de Web Design, Fabio Couto, designer do Estúdio Colletivo (www.colletivo.com.br), revelou que muitos de seus trabalhos são rascunhados primeiro em papel para somente depois finalizá-los no computa-

sitar a nossa comunidade no Orkut (www.orkut.com/Community.aspx?cmm=112636) e nosso fotolog (www.fotolog. com/_moptop_). Essa mudança estrutural trouxe dinâmica e frescor ao site, aumentando muito a sua visitação.

Wd :: Falando sobre o design da segunda parte do site, a interface apresenta vários elementos que fazem referências a objetos utilizados durante a década de 80 (Fita VHS, Starvision, amplificador, mixer etc.). De que forma vocês escolheram os elementos para a composição do cenário e quais foram os desafios na hora de modelar a interface?

Rodrigo :: Tentei imaginar como estariam nos dias de hoje, todos aqueles objetos que, de alguma maneira, fizeram parte da minha infância. Fiz questão de incluir a ação do tempo, como tinta descascada, curto-circuito e alguns botões quebrados.

Enfrentamos vários desafios desenvolvendo esse site.

54 :: estudo de caso - Moptop

Um deles, que me lembro bem, foi desenhar aquilo tudo de uma maneira que ficasse leve para rodar no Flash. Eu fazia quase tudo no Corel e o Gabriel ia montando no Flash.

Lembro que fiz muitos desenhos que foram totalmente modificados por conta dos bytes exagerados ou incompatibilidade entre os dois programas. Tive que reaprender a desenhar, eliminando todos os recursos do Corel que não funcionavam no Flash.

Wd :: Ao entrar na segunda parte do site, o usuário tem disponível todo o conteúdo de trabalho da banda disponível para audição, sendo que seu carregamento é extremamente rápido. Como vocês conseguiram atingir tal performance tecnológica?

Gabriel :: Dividimos o trabalho em três partes: primeiro, priorizamos as ilustrações vetoriais no design do site, minimizando o uso de JPEGs, GIFs e Bitmaps.

Depois, “quebramos” o site em vários pedaços que carregam de acordo com a necessidade do usuário. Por último, testamos milhares de formatos de compressão nas músicas e nos vídeos até chegar as configurações atuais.

Wd :: Um dos detalhes mais interessantes no site é a possibilidade de assistir vídeos com material da banda, através da simulação de uma antiga televisão Technicolor.

Quais foram as etapas necessárias para que esse recurso ficasse disponível no site?

Gabriel :: Pesquisamos na rede e achamos alguns scripts prontos para publicar vídeos dentro do Flash. Modificamos um pouco esses códigos para simular a idéia de uma televisão antiga.

Wd :: A navegação pelo site se baseia muito na intuição diante dos objetos ali apresentados. Tal escolha foi baseada na estética visual adotada na interface do site?

Gabriel :: Projetamos o site para funcionar de forma lúdica e intuitiva. Somos uma banda de rock. Logo, não temos compromisso com a funcionalidade, mas sim com a diversão dos nossos fãs. Acho até que o site é bem funcional, mesmo com toda a informação visual que ali se apresenta.

www.moptop.com.br

estudo de caso - Moptop :: 55

Origem do nome Moptop “Denominação criada pela imprensa britânica para caracterizar o corte de cabelo que marcou a imagem do rock inglês no início dos anos 60. Foi trazido da França para Hamburgo pelos ‘exis’ (existencialistas) alemães. Entre eles, Astrid Kirchherr, fotógrafa, artista plástica e amiga dos Beatles ainda em início de carreira. Foi logo adotado pelo quinto beatle, Stuart Sutcliffe. Em uma viagem a Paris para visitar seu amigo alemão Jürgen Vollmer, John Lennon e Paul McCartney pediram a ele um corte igual ao seu.”

Fonte: Assessoria de Imprensa - Moptop

Referências musicais na web - NME (www.nme.com) - Metacritic (www.metacritic.com) - SobreMúsica (www.sobremusica.com.br) - URBe (www.gardenal.org/urbe) Fonte: Gabriel Marques (Moptop)

56 :: tecnologia na web

Tecnologia na web Mashup: traduzindo a filosofia de desenvolvimento na Web 2.0 Já dizia a expressão popular que “novos tempos tra-

site pode buscar informações de outros sites e apresentar

zem novos desafios”. Quando esta realidade é analisada

toda essa mistura em um só lugar. Hoje, existem sites que

do ponto de vista de quem trabalha com o mercado de

combinam mapas do Google com imagens do Flickr, por

internet, é certo afirmar que os profissionais precisam

exemplo, permitindo que você veja imagens reais de um

estar sempre preparados para mudanças em um curto es-

determinado local. Tudo isso ‘misturado’ no mesmo site.

paço de tempo.

Aliás, a expressão ‘mash-up’, em inglês, quer dizer ‘fazer

A última delas envolve a chamada Web 2.0, que marca

um purê’. Bem apropriado”, acrescenta Danilo Medeiros,

o surgimento de novos conceitos e novas tecnologias para

diretor de planejamento da 32BitsT Criações Digitais e um

a criação e o desenvolvimento de ambientes digitais. Para

dos criadores do Wasabi (www.wasabi.com.br).

Newton Fleury, gerente de produtos sênior da Globo.com,

Criando um mashup: as etapas

é importante ressaltar que uma das filosofias por trás de tal

Se você está disposto a se aventurar neste universo, a

movimento está no fato de que passamos a considerar a in-

primeira dica dos especialistas é saber exatamente o que

ternet como uma grande plataforma de desenvolvimento.

deseja desenvolver. “Os mashups mais legais começaram

“A partir do momento em que componentes de sof-

com os desenvolvedores tentando resolver um problema

tware abertos são abundantes na internet, o desenvolvedor

deles. Só depois perceberam que isso poderia ser útil para

pode criar valor simplesmente ‘encaixando’ um no outro.

outras pessoas”, aponta Newton. “É fundamental conceitu-

Ou seja, o desenvolvedor não precisa se preocupar em

ar o seu mashup. O que ele vai fazer? Misturar imagens do

desenvolver todas as partes do sistema, podendo se con-

Flickr com receitas de bolo? Misturar imagens de satélite

centrar nos aspectos mais específicos do seu negócio e

do Google com endereços de torcedores do Flamengo?

se beneficiando da cada vez mais robusta infra-estrutura

Defina bem o seu mashup que tudo fica mais fácil”, com-

de serviços abertos, providos por empresas como Google,

plementa Danilo.

eBay, Yahoo! e uma infinidade de conteúdos sindicalizados via RSS”, explica.

Na etapa seguinte, o especialista da Globo.com relata que será preciso saber quais são os serviços e os conteúdos

Na prática, a possibilidade de trabalhar com o de-

que podem ser combinados para se atingir o objetivo, além

senvolvimento de novas aplicações, a partir da combina-

de checar se eles estão abertos para reuso. “A partir daí,

ção destes serviços abertos, acabou sendo denominada

é estudar as documentações, desenvolver a aplicação que

de mashups. “Fazer um mashup nada mais é do que criar

conecte os dois serviços e construir a interface, que deve

um serviço na web (pode ser um site ou um pedaço do

respeitar, claro, as restrições dos serviços utilizados. Por

site) a partir da integração de dois serviços e/ou conteúdos

exemplo, se você usar o Google Maps (http://maps.google.

abertos e disponíveis na internet, como o Google Maps ou

com) no seu site, terá que construir sua interface de forma

qualquer feed de RSS”, afirma Newton.

a recebê-lo como ele é, pois você não terá muita flexibili-

“Quando você tem padrões de intercomunicação, um

dade para mexer na sua forma de exibição”.

tecnologia na web :: 57

“Fazer um mashup nada mais é do que criar um serviço na web a partir da integração de dois serviços e/ou conteúdos abertos” (Newton Fleury)

API

X

"Um conjunto de rotinas e padrões estabelecidos por um software para utilização de suas funcionalidades por

po para que os mashups fiquem mais acessíveis, se não para todos, ao menos para usuários com conhecimentos mínimos de HTML e outras ferramentas web”, analisa Newton.

programas aplicativos. Isto é: programas que não querem

Quando incluir um mashup?

envolver-se em detalhes da implementação do software, mas

Até agora tais aplicações parecem ser muito interes-

apenas usar seus serviços.”

Fonte: Wikipédia (http://pt.wikipedia.org/wiki/API)

santes de serem trabalhadas. Assim, isso se tornaria sinônimo de que devemos aplicá-las em qualquer tipo de pro-

Nesta caminhada, certamente você vai ficar familiarizado com a sigla API (Application Programming Interface ou Interface de Programação de Aplicativos). “É importante conhecer bem as APIs dos sites. Muitas delas são bastante simples e podem ser acessadas facilmente em PHP ou mesmo Javascript. Para encontrar a documentação das APIs, basta procurar por ‘Flickr API’, ‘Google API’ e assim por diante. Programar um mashup não é uma das tarefas mais complicadas do mundo, mas dá trabalho. Principalmente porque as APIs ainda em sua maioria são instáveis e, às vezes, não fazem o que prometem”, alerta Danilo.

Conhecimentos necessários para criação de mashups Segundo Danilo Medeiros, o profissional que deseja se aprofundar neste assunto precisa necessariamente entender de programação. “Especialmente para compreender as APIs oferecidas pelos sites”, cita.

Porém, a tendência é que esse cenário seja modificado em um futuro não muito distante. “Ainda não chegamos no

jeto? “Devemos incluí-los sempre que desejamos utilizar dados ou métodos de outros sites com o objetivo de gerar algum resultado a partir disso. Por exemplo, se você deseja mostrar um itinerário de como chegar na sua empresa, você pode fazer um mashup com o Google Maps traçando o trajeto até o endereço correto”, exemplifica Fabio Seixas, sócio do Camiseteria.com.

Ou seja, os parâmetros para tal decisão devem passar pela sua relevância dentro do projeto. “A internet está se tornando uma grande plataforma, repleta de componentes prontos para serem integrados ao site. Se você precisar geo-referenciar informações, por exemplo, por que criar um serviço de mapas ao invés de utilizar o Google Maps?

A idéia dos mashups é recriar serviços a partir do serviço de outros, ou seja, evitar que os desenvolvedores gastem tempo para criar novamente o que já está pronto, libertando-os para criar coisas novas e mais focadas do que componentes genéricos”, argumenta Newton.

nível de tecnologia em que um usuário comum consiga fazer um mashup de forma transparente, sem conhecimentos de programação. O Yahoo! lançou recentemente o Y!Pipes,

Dicas de leitura

serviço que tem exatamente esse objetivo: permitir que o usuário comum consiga fazer seus mashups sem ter conhecimento de programação. Entretanto, o serviço (em beta, como tudo na Web 2.0) está longe de atingir seus objetivos e mesmo para usuários avançados ainda é bem difícil de fazer alguma coisa interessante. Mas é um primeiro passo na direção desse caminho e tenho certeza que é questão de tem-

- Dion Hinchcliffe (http://web2.wsj2.com) - Programmable Web (www.programmableweb.com) - Ten Best Flickr Mashups (http://tinyurl.com/fef9y) - What is web 2.0 (http://tinyurl.com/743r5) - Yahoo! Developer Network (http://developer.yahoo.com) Fontes: Fabio Seixas e Newton Fleury

58 :: tecnologia tecnologia na na web web

nível avançado

Bons exemplos de aplicação de mashups

www.housingmaps.com

- Housing maps

- Virtual Places

“Serviço que plota ofertas

“Um mashup de fotos, bus-

de imóveis do site de clas-

ca blogs, mapas, shopping

sificados Craig’s list (www.

e clima com dados do Alexa

c r a i g s l i s t . o rg ) n o G o o g l e Maps. O site não tem nenhu-

Web Search, Amazon E-comhttp://apps.nikhilk.net/VirtualPlaces

merce, FeedMap, Flickr, Mi-

ma funcionalidade a não ser a junção desses dois serviços

crosoft MapPoint, Microsoft Virtual Earth e Windows Live

complementares.” (Newton Fleury)

Search.” (Fabio Seixas)

ww.simplyhired.com

- Simply Hired

- Wasabi

“Fez um mashup com o

“Usamos um mashup para

L i n k e d i n ( w w w. l i n k e d i n .

buscar imagens do Flickr

com), rede social com foco

para os grupos que um usuá-

em conexões de trabalho: para cada oferta de empre-

rio cria.” (Danilo Medeiros) www.wasabi.com.br

go, ele traz um botão (‘who do you know’), que busca em sua rede de contatos quem pode ajudar você a conseguir a vaga.

- Y!Pipes

De novo, o site juntou vários serviços de oferta de emprego a uma rede social corporativa, criando valor a partir de dois

“É o início de uma nova era

serviços complementares, sem ter que construir tudo do

na web, onde qualquer pes-

zero.” (Newton Fleury)

soa vai poder fazer mashups sem precisar digitar código. http://pipes.yahoo.com

- Wallpapr

“Um mashup que utiliza dados e fotos do Flickr.” (Fabio Seixas) www.marcogomes.com/wallpapr

A coisa ainda está no início,

mas vale a pena experimentar.” (Danilo Medeiros)

60 :: tutorial

Actionscript - Parte 1 Erick Souza Desenvolvedor web desde 2001 e instrutor com o foco em RIA. Mantém um blog pessoal (http://blog.ericksouza.com) sobre Actionscript e correlacionados.

Quando se busca mais interatividade no desenvol-

9.

<titulo>edição janeiro - nº 37</titulo>

vimento de aplicativos e websites, sem dúvida alguma o

10. <texto>Saiba como as Leis da Gestalt podem ajudar

Flash e o Flex são as melhores opções, dado a facilidade no

no trabalho de criação e desenvolvimento de sites.</texto>

desenvolvimento e na manutenção de projetos.

A linguagem de programação usada no Flash e Flex

11. </edicao> 12.

é o Actionscript, que evoluiu muito desde seu surgimento

13. <edicao>

e hoje já se faz necessário profissionais para trabalharem

14. <titulo>edição dezembro - nº 36</titulo>

exclusivamente na programação.

15. <texto>Confira as agências e os profissionais free-

Com o Actionscript você pode criar sistemas totalmente dinâmicos e personalizáveis, que por meio de uma

lancers vencedores do Selo Peixe Grande 2006.</texto> 16. </edicao>

base de dados (ex. TXT ou XML), você pode alterar textos, cores e até mesmo animações, sem que haja a necessidade de alterar e compilar um novo SWF.

O arquivo XML é formado por tags hierárquicas como no HTML, porém no XML as tags são definidas por você.

Exemplo: A linguagem proporciona muitas possibili-

Importante: use sempre a codificação UTF-8, padrão

dades. Utilizando algumas classes como a BitmapData, é

do Flash, para não causar erros nas acentuações usadas nos

possível criar um jogo de basquete, ou futebol, e interagir

textos. Quando você for salvar o arquivo XML, em algum

via webcam, marcando cestas e gols realizando apenas mo-

editor de textos como o Bloco de Notas, na caixa “Codifi-

vimentos frente a webcam.

cação”, selecione a opção UTF-8.

O XML é uma das opções mais simples e flexíveis para se manter um sistema baseado em um banco de dados.

NO FLASH O Actionscript abaixo deve ser inserido no primeiro

O ARQUIVO XML

quadro da timeline.

Abaixo, você pode observar a estrutura de um arquivo XML. Note que as informações são armazenadas em um

1.

//declara o objeto XML

padrão, e organizadas através de tags.

2.

var objXML:XML = new XML();

3.

1.

<?xml version=”1.0” encoding=”UTF-8”?>

2.

4.

//Elimina os espaços em branco, para que

5.

//o arquivo possa ser lido corretamente. objXML.ignoreWhite = true;

3.

<edicao>

6.

4.

<titulo>edição fevereiro - nº 38</titulo>

7.

5.

<texto>Saiba quais são as características fundamen-

8.

//Inicia o carregamento do arquivo XML

9.

objXML.load(“edicoes.xml”);

tais da internet que influenciam no webdesign.</texto> 6.

</edicao>

11. //Assim que o arquivo for completamente carregado,

7.

8.

10.

<edicao>

12. //o evento onLoad da classe XML executará a fun-

tutorial :: 61

no XML, o código fica da seguinte forma:

ção especificada.

13. objXML.onLoad = xmlCarregado; 14.

1.

function xmlCarregado():Void

15. //função a ser executada assim que o arquivo for

2.

{

3.

completamente carregado.

16. function xmlCarregado():Void

4.

//acessar o título do primeiro nó

17. {

5.

trace(this.childNodes[0].childNodes[0]);

18. //exibe o conteúdo completo XML.

6.

19. trace(objXML);

7.

//acessar apenas o conteúdo do título primeiro nó

20. }

8.

trace(objXML.childNodes[0].childNodes[0].

childNodes); 9.

No exemplo acima, todo o conteúdo do XML foi retor-

10. }

nado na janela Output. Para se obter informações específicas do XML, o acesso deve ser feito por níveis, utilizando

Nota: os valores começam em zero, por isto que no

o método childNodes da classe XMLNodes.

Por exemplo, para acessar o primeiro nó de edições

acesso do primeiro nó foi usado o número zero. Experimen-

Weberê Lutando por um mundo melhor Música: Água Composição: Mestre Bode Não deixe água parada, em casa ou no quintal.

Você vai criar mosquito, que pode lhe fazer mal.

Eh! Eh! Eh! Ah! Com o foco da dengue, nós vamos acabar.

Eh! Eh! Eh! Ah! Com o foco da dengue, nós vamos acabar.

Mas o berimbau tocou, a dengue negaceou.

Com o capoeira unido, até a dengue vai dançar. (refrão)

A dengue está matando aqui em todo lugar.

Mata rico, mata pobre, criança, homem, mulher.

Magê-Malien - Crianças que Brilham Faça parte você também deste projeto.

Para doação de alimento entre em contato: arteccom@arteccom.com.br Informações: www.arteccom.com.br/ong

Eh! Eh! Eh! Ah! Com o foco da dengue, nós vamos acabar.

62 :: tutorial

te trocar os valores por 1 ou 2.

Para que não restem dúvidas, confira abaixo mais alguns exemplos de acessos independentes no arquivo XML. 1.

function xmlCarregado():Void

2.

{

trace(“Título 2 - “ + objXML.childNodes[1].

childNodes[0].childNodes); 6.

t r a c e ( “ Te x t o 3 - “ + o b j X M L . c h i l d N o d e s [ 2 ] .

childNodes[1].childNodes);

A estrutura de repetição for funciona da seguinte maneira: for(valor inicial, condição, incremento)

O valor inicial é verificado apenas no primeiro loop, e enquanto a condição for verdadeira, o loop continuará.

A condição é - i menor que objXML.childNodes.length.

A propriedade length retorna o número de filhos no nó especificado, no exemplo usado aqui, são 3 nós, portanto a condição é verdadeira enquanto i for menor que 3. O valor

7.

8.

19. }

trace(“Título 1 - “ + objXML.childNodes[0].

childNodes[0].childNodes); 5.

18.

1.

3.

4.

17. }

}

de i está sendo incrementando a cada loop (i++), logo, em três loops a condição se tornará falsa e o loop finalizará.

Agora, vamos exibir os dados formatados em uma

Na continuação deste tutorial, vamos aprofundar mais,

caixa de texto. Para exibir as informações em uma caixa de

e ver como estruturar o XML e o Actionscript para um site.

texto será utilizada uma estrutura de repetição. Crie uma

Abraços.

caixa de texto dinâmica no palco e a instancie como texto.

1.

function xmlCarregado():Void

2.

{

3.

4.

//configurações para a caixa de texto

5.

texto.multiline = true;

6.

texto.wordWrap = true;

7.

texto.html = true;

8.

texto.autoSize = true;

9.

10. for(var i:Number = 0; i < objXML.childNodes. length; i++) 11. { 12.

13. texto.htmlText += “<b>” + objXML.childNodes[i].childNodes[0].childNodes + “</b>”; 14. texto.htmlText += objXML.childNodes[i].childNodes[1].childNodes; 15. texto.htmlText += “<br>”; 16.

64 :: webwriting

Bruno Rodrigues Guilhermo Reis Autor do livro “Webwriting - Redação & Informação para a web”, da editora Brasport. É consultor de Especialista em Arquitetura de Informação e Usabilidade. É autor do Kit de Conhecimento AI informação para a mídia digital da Petrobras e titular da primeira coluna sobre Webwritingsobre do mundo, (http://tinyurl.com/p4j6w).

Atualmente, é responsável por coordenar projetos e manutenções nos hoje veiculada na revista on-line “Webinsider”. Ministra treinamentos de Webwriting e websites do da Banco Real.

Arquitetura Informação no Brasil e no exterior. reis@guilhermo.com bruno-rodrigues@uol.com.br

Descompliquem a web!

Uma das minhas principais missões como consultor é esclarecer dúvidas sobre o mercado, em especial sobre novidades. E como a área em questão é comunicação digital, não faltam conceitos novos para apresentar, idéias a expor que possam acrescentar alguma melhoria (de fato) a um projeto e - acredite - muitos termos esquisitos para explicar.

Como bem sabemos, a web deixou de ser, há anos, um reduto de nerds e acadêmicos, e hoje é uma mídia de longo alcance. Era de se esperar que o assunto “internet” se tornaria praticamente auto-explicativo. Que nada. O que deveria ser um ambiente em que tanto seu filho pequeno quanto sua mãe poderiam entender e *acompanhar* sem problemas, virou puro sânscrito.

Quando eu aponto este “nó” de comunicação na web, não me refiro ao simples ato de navegar pela Rede, mas sim em compreender sua evolução. Por isso, grifei o verbo acompanhar no parágrafo acima - navegar é fácil, difícil é não se perder em um mar de novidades e “sopa de letrinhas”.

Comece pelo mais fácil: faça uma retrospectiva dos dois últimos anos e confira como web já mudou, e muito: do Orkut ao YouTube, do jornalismo colaborativo à música digital.

Fossem transformações que afetassem apenas o mercado de tecnologia, ou seja, o funcionamento da web - e não o seu uso -, sem problema.

Não é assim que a banda toca, contudo. A Rede caminha a passos largos e juntos precisamos entender o que há de novo para não perder o bonde da Comunicação. Isso vale para você, como profissional, mas para seu filho e sua mãe, também.

Não é difícil explicar para uma criança de nove anos o que é uma rede de relacionamentos como o Orkut - isso se ele não já souber - ou mostrar à sua mãe como assistir o vídeo da apresentação de capoeira do neto no YouTube ou baixar músicas via internet. São aulas que não vão durar mais que alguns minutos.

Agora, quando a mídia começa a falar em “Web 2.0”, “Web 3.0” e assim por diante, o cano entope e o pobre receptor da informação engasga. É como sua mãe fosse tomada de um súbito acesso de tosse ou seu filho engasgasse com uma bala: Web o quê???

Como eu entendo do riscado e, portanto, tenho autoridade para tocar na ferida, conclamo tevê, jornais e revistas a facilitar a vida dos reles mortais. Meu filho não precisa saber o que é “Web 3.0”, mas o que está por trás deste conceito. É como ele aprende na escola - o importante é entender, não “decorar”.

Sua mãe também não precisa esbarrar com termos como “Web Semântica” nas revistas semanais. Ela precisa é saber que, dentre em pouco, vai encontrar muito mais fácil o que procura na Rede, e que ela pode colaborar “catalogando” o que põe na internet - e só.

Desde 1997, quando a web “explodiu” e tomou conta do mundo, uma penca de pro-

webwriting:: 65

"Junte-se a nós, os que querem simplificar a Rede! E não demore, “É preciso criar as casas, os prédios, as praças e principalmente as placas de sinalização.”

porque falta muito pouco para alguém batizar algo de Web 4.0"

fissionais - que inclui o colunista que vos escreve -, especialistas em Comunicação Digital, ou até mesmo quem divulga e traduz este universo para o público em geral, têm sido perfeitos em não misturar o acadêmico, o comercial e o público.

Parece, infelizmente, que esta fase acabou. Badalar termos como “Web 3.0” é vender - o que deveria ser feito apenas para empresas - um conceito - do tipo bem acadêmico - para o meu filho, a sua mãe e quem você puder imaginar, que terá toda a razão de achar que é tudo sânscrito, inatingível e até mesmo incômodo. Em suma, são assuntos para “olhar”, nunca para “usar”.

Deixem os usuários da web respirar, gente. É a velha história de que o que vale é o conteúdo, não a embalagem. Valorizem o sabor do suco, e não o processo de fabricação - isso é detalhe, é o que vem depois, e só para quem se interessar.

Sabe por que estou encabeçando esta campanha? O tempo que eu gasto ceifando as interrogações que afogam meus clientes e os mostrando que não é preciso ter medo (ou pior, desprezo) pelo o que é novo na web, eu poderia estar trabalhando para melhorar a comunicação das empresas na internet. Junte-se a nós, os que querem simplificar a Rede! E não demore, porque falta muito pouco para alguém batizar algo de “Web 4.0” e a novela recomeçar - aposta quanto?

66 :: tecnologia

Paulo Rodrigo Guilhermo ReisTeixeira Especialista Paulo Rodrigo emTeixeira Arquitetura é especialista de Informação em marketing e Usabilidade. na internet. É autor Édo professor Kit de Conhecimento de pós-graduação sobre eAI (http://tinyurl.com/p4j6w). escreve para o blog Marketing Atualmente, de Buscaé(www.marketingdebusca.com.br). responsável por coordenar projetos Tem e manutenções também o blog nospessoal websites www.webpaulo.com. do Banco Real. reis@guilhermo.com webpaulo@yahoo.com.br

Você é invisível?

Todo mundo conhece o Google. Se você quer saber algo e não sabe onde encontrar, lá está o Google para responder as nossas dúvidas. Tal como você e eu, as pessoas procuram por produtos, serviços, pelo seu nome, da sua empresa e tudo que você possa imaginar. Agora, imagine se você não aparece no Google. Já ouvi até falarem que se não está no Google é porque não existe. Então, como fazer para aparecer no Google?

O jeito mais fácil é utilizar os links patrocinados. Eles são aquelas propagandas que aparecem na página de resultados das buscas no lado direito ou no topo à esquerda em fundo azul. Depois de configurado o serviço, o anúncio aparece rapidamente. O problema dos links patrocinados é que eles são pagos e as pessoas costumam clicar mais nos resultados naturais das buscas, aqueles que ficam do lado esquerdo. Dessa forma, como podemos fazer para aparecer nestes resultados naturais?

Para aparecer no Google é necessário que ele saiba que você existe. Para isto, existem dois caminhos. O primeiro é submeter o seu site ao Google. Acesse www.google.com/addurl e inclua a URL. Eles não garantem com isto que sua URL será incluída e nem informam quanto tempo demora para que ela apareça.

A outra forma de aparecer no Google é através de links. A web é feita de links que interligam páginas. O Google tem um robô chamado Googlebot, que varre a web procurando conteúdo nos sites que ele já tem em sua relação. Se aparece um link para uma página que ele não tem em sua base, ele guarda este link e passa a varrer esta página também. Depois de analisada pela ferramenta, ela passa a fazer parte do banco de dados do Google e a figurar nos resultados. O problema é que ela pode não aparecer logo na primeira página. Como são definidas quais páginas aparecem na frente?

Antigamente, os resultados de uma busca eram ordenados alfabeticamente. Nesta época, existiam apenas os diretórios web que eram sites que organizavam diversos links por assuntos. O mais famoso deles é o Yahoo!, que nasceu como um hobby de duas pessoas: David Filo e Jerry Yang. O hobby cresceu a tal ponto que hoje ele é uma das maiores empresas do mundo de internet. De lá para cá muita coisa mudou nos sites de busca. Atualmente, os resultados das buscas retornam resultados conforme a relevância com as palavras buscadas. Estes termos de busca são chamados de palavras-chave. Não adianta mais ter um site começando com a letra A para aparecer na frente.

Para definir como seriam organizados os resultados de uma busca, sites como o Google e o Yahoo! começaram a estudar fórmulas que retornassem resultados que atendessem as palavras-chave buscadas. Com isto, eles deixariam seus usuários felizes em obter rapidamente a informação que procuravam. A fórmula ou algoritmo mais conhecido para determinar a relevância dos resultados é o PageRank. Criado pelo Google, ele utiliza o link como um voto. Por exemplo, se o site A coloca um link para o site B, significa que o site B recebeu um

tecnologia :: 67

"Não adianta ter um começando a letra A paraas placas “É preciso criarmais as casas, os site prédios, as praçascom e principalmente aparecer na frente" de sinalização.”

voto do site A. Quanto mais votos o site B receber, mais importante ele será. Porém, existe outro fator no voto.

Quanto mais importante é o site, maior o peso do voto.

O PageRank é medido em uma escala de 0 a 10, onde o maior é o que tem mais peso. Por exemplo, um link de um site com PageRank 4 tem peso maior que três links de sites PageRank 0. Ou seja, não importa a quantidade de links, mas quem te “linka”. Assim, o Google consegue determinar fontes mais confiáveis de informação e entregar resultados melhores.

O PageRank é atualizado de tempos em tempos, pois ele tem que varrer novamente a web inteira para recalcular o PageRank. O período que o PageRank é recalculado é conhecido como PageRank Update e por alguns como Google Dance, já que os resultado costumam variar de posição durante este período. Normalmente, a periodicidade do Google Update é mensal, mas já aconteceu de, no mesmo mês, acontecerem duas atualizações e meses em que não ocorre atualização. Para consultar o PageRank de um site, você tem duas maneiras: ou instala a toolbar do Google, ou utiliza um serviço pela web como o www.marketingdebusca.com.br/pagerank.

Mas não é apenas o PageRank que define qual será a posição de uma página. Existem outras centenas de fatores para determinar o posicionamento. Para evitar que os resultados sejam manipulados, os sites de busca não divulgam seus algoritmos. Mesmo assim, as empresas e os donos de sites começaram a estudar quais os fatores que levam determinados sites a aparecer nos primeiros resultados de buscas. Deste conhecimento surge o SEO. Do inglês, Search Engine Optimization, ele consiste de estratégias internas e externas de um site para conseguir ser melhor interpretado pelos robôs de busca e, por conseqüência, ficar com melhores posições nos resultados de uma busca.

No próximo artigo, pretendo escrever sobre as técnicas SEO e palavras-chave, mas como esta é uma revista sobre web, entre em contato e diga sobre o que você quer ver nos próximos artigos, afinal web é interatividade!

Quem faz o profissional é você. Sucesso e até a próxima pessoAll.

68 :: marketing

René de Paula Jr. Diretor de produtos do Yahoo Brasil. É profissional de internet desde 1996, passou pelas maiores agências e empresas do país: Wunderman, AlmapBBDO, AgênciaClick, 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

O que os kicos tem a ver com isso?

Se os teus kikos marinhos nasceram, cresceram e foram felizes para sempre, não me conte. A menos, claro, que no teu aquário em se plantando tudo dá. Se você nunca ouviu falar de kikos marinhos, porém... Nem me diga, senão vou morrer de inveja :) Ok, ok, estou exagerando, o trauma não foi assim tão... Traumático. Passou. Mas algo aconteceu ali: perdi minha virgindade mercadológica. Ainda me lembro da embalagem: uma família feliz e sorridente de kikos marinhos, desenhada com esmero e alegria, enchia de vida e esperança aquele pó cinza dentro do saco plástico. Pó? Que nada! Aquilo era um milagre científico ressuscitando criaturas pré-históricas: Tu és pó e do pó nascerás!

Depois do leite em pó, do Nescau e do Nescafé, finalmente... Amiguinhos em pó! Just add water! Que criança resistiria? Quem não pagaria com a alma para ver aquele pó bobo ganhar vida e virar papais, mamães e filhinhos kikos marinhos?

Well... A pergunta é: que criança viu isso? Eu não vi nada. Só vi a água do aquário estragando, estragando, enquanto meus olhos aflitos buscavam sinais de bebês jurássicos. Adiós, inocência.

Mas que cargas d’água essa minha história aquática tristíssima (snif) tem a ver com nosso ofício? O que tem os kikos a ver com nossos micos? E que história é essa de citar Pero Vaz de Caminha em vão?

Simples: muita gente está prestes a perder a inocência. E a fé. E a crença em internet.

Tudo por conta... De promessas em pó. Alguém já disse que tecnologia um dia vai parecer mágica, mas daí a acreditar em milagres é outra história.

Web 2.0? AJAX? Comunidades? Conteúdo gerado pelo usuário? Lindo, encantador, mas será que é a pedra filosofal? A resposta para todas as perguntas? Unissex? One-size-fits-all? All-you-caneat? Em comunidades em se plantando tudo dá? Ou há contra-indicações e posologia na bula?

Caríssimos, a resposta é simples. Como diria Bob Dylan, the answer is blowing in the wind.

Traduzindo para bom português: cuidado com pastel-de-vento. O recheio de qualquer coisa, na internet ou fora dela, é... Carne. Carne e osso e mentes e coração e sonhos... De gente.

Gente é a resposta e gente é também a maior das perguntas. Como fazer gente feliz?

O que é relevante para gente? Por que a gente colabora? Por que a gente não colabora?

A gente quem, cara-pálida?

Um exemplo: blogs. Bárbaro, não? Você pode incluir blogs na sua proposta e cantar loas às maravilhas do citizen journalism, da folksonomia, do long-tail , do crowdsourcing e demais buzzwords que só a Wikipédia é capaz de explicar. O cliente vai ficar boquiaberto.

Quero ver, porém, a cara dele quando adicionar o pó mágico ao seu próprio aquário/ site, o tempo passar e passar... E não brotar nada. Blog não era para ser algo explosivo, revolucionário, uma desconstrução de paradigmas, blá-blá-blá-blogs?

Well, lá se foi a inocência de mais um. O mesmo vale para comunidades. Conteúdo gerado por usuários. Virais. Colaboração. Parece só questão de adicionar água e mexer um pouco, mas, na verdade, a química é muito mais complexa. Na verdade, a questão é mais culinária do que química: há que se ter uma certa mão, um certo talento, um certo tempero

marketing :: 69

"Conteúdo gerado por usuários. Virais. Colaboração.

Parece só questão de adicionar água e mexer um pouco, mas, na verdade, a química é muito mais complexa"

especial, a temperatura e o tempo ideais pra transformar farinha e água em um magnífico croissant.

Croissant precisa de fermento? Tem que sovar a massa? A massa tem que repousar? Se abrir o forno, a massa desanda? Qualquer farinha serve? Tem que peneirar? E o tamanho, importa?

As mesmas perguntas valem para ambientes sociais: comunidades precisam de um empurrãozinho? Tem que incentivar a colaboração no começo? As pessoas precisam de muito tempo para se ambientarem? Se você se intrometer na comunidade, ela desanda? Todas as pessoas e perfis de gente têm o mesmo potencial de comunidades? Vale a pena filtrar antes? Até que tamanho uma comunidade pode crescer?

As perguntas são inúmeras e todas elas absolutamente fundamentais. E a resposta para todas é a mesma: depende. Não há nunca um caso idêntico a outro. Aquilo que foi um case no Azerbaijão, pode ser um mico no Uzbequistão. Aquilo que floresce e dá frutos na Bósnia, azeda e murcha na Sérvia. Tudo depende e, como diria Gilberto Gil, merece consideração. Por exemplo: meus kikos marinhos nunca vingaram. Já os seus... Ok, ok, nem me conte!

70 :: bula da Catunda

Marcela Catunda Trabalhou na TV Globo, TV Bandeirantes, TV Gazeta, Manchete e SBT. Foi redatora da DM9DDB e Supervisora de Criação de Mídia Interativa da Publicis Salles Norton. É sócia do site Banheiro Feminino, está no Orkut e trabalha como autônoma. blog - http://pirei.catunda.org marcelacatunda@terra.com.br

Coluna de despedida Marcela Catunda continua Marcela Catunda e seu e-mail continua o marcelacatunda@terra.com.br Dona Maria, Obrigada, mas eu vou embora. Um abraço. ps. Suas filhas são uns “angos”.

E foi assim que a Luzia se despediu da moçada lá de casa após alguns anos trabalhando e cuidando da gente. Adeus Luzia e seus anjos com G. Nunca mais me esqueci dela e nem dessa carta deixada na porta do quarto com uma fita adesiva amarela. Que trash!

Queria eu também poder agora escrever uma coluna de despedida com apenas duas linhas que resumisse os anjos que foram todos vocês que me acompanharam ao longo desses anos. Obrigada! Agradeci também a Adriana, ao Leandro, Luis, Cris e todos da Revista. Todo mundo foi sempre muito legal comigo.

- Ponte Preta x Flamengo: coluna um.

- Santos x São Paulo: coluna dois.

- Marcela x Webdesign: coluna de despedida.

Juro que vejo a zebrinha olhando pra mim e dizendo isso. É! Viajei total. Mas é louco escrever uma coluna de despedida. O pior é que a idéia foi minha, a idéia não, as idéias: primeiro a de sair da revista e depois a de deixar uma coluna de despedida na edição de abril.

- Mas você volta quando, Má?

- Isso não tem mais importância pra você. Não sou mais sua namorada.

Isso eu também já fiz. Terminei um namoro e me mandei pros Estados Unidos sem data pra voltar. Crueldade! Mas eu era uma menina de pouco mais de dezenove anos.

Imatura, boba e chata. Claro que a vida já me deu o troco e em um monte de moedinhas.

Já paguei tudinho.

E como estamos em abril, cantemos às águas de março fechando o verão. É pau, é pedra, é o fim desse caminho por hora. Nossa! Hoje eu tô me superando! (risos). Toda vez que eu fico muito nervosa eu falo m**** (pi). Não haveria de ser tão diferente hoje. Claro! Eu tô nervosa. Não é sempre que a gente se despede de tantos amigos. Não serei mais a dona da bola, quer dizer, da Bula.

Por hora, eu só consigo pensar se vou me arrepender disso. Olha o que é uma pessoa louca. Ela mal saiu da revista e já tá com medo de se arrepender. Mas é que é fogo achar que não vou sentir falta de estar por aqui. Mas sentir falta é uma coisa, arrependimento é outra. Tudo que eu fiz nesse tempo por aqui valeu à pena. Pra mim, valeu. Será que eu tô me justificando? Será que tô dando uma de BêBêBê? Tô fora daquela Analy! Cruzes!

Daí me perguntaram por que eu ia sair da Revista e eu tentei explicar dizendo que acre-

bula da Catunda :: 71

"Ai! Ai! Buááááá!"

dito no ciclo das coisas e que fiquei bastante tempo. É como quando vamos à casa de alguém que gostamos muito, mas tem uma hora que precisamos ir embora por mais gostoso que o papo esteja. Alguns amigos nos obrigam a contar aquelas mentiras ridículas: - Mas já vai? Por quê? (reclama a amiga) - Menina! E eu não tenho aniversário de uma tia. (essa sou eu) - Mas agora as três da manhã? (pergunta ela) - Gente! Deixa eu correr ou não pego o parabéns! (cara de pau) Outros simplesmente se despedem e nos deixam ir, sem maiores explicações. Gosto da segunda opção, mas eu jamais poderia deixar esse espaço sem agradecer muito, muito, muito, muito o carinho de vocês comigo e a paciência. Foram muitas Vidas de Freela e Bulas. Acho que tô a mais de dois anos por aqui. É tempo. Se pensarmos como araras não, mas se pensarmos como palavras é bastante.

Mas eu não vou sumir não. De jeito nenhum. Vou continuar no meu blog (http://pirei.catunda.org) escrevendo minhas coisas, dando palestras (contrate), fazendo roteiros (experimente!), freelando (peça o seu orçamento agora) e escrevendo, escrevendo, escrevendo livros. Por favor, comprem meus livros e, se der, leiam.

Que abril seja lindo como maio, junho, julho, dezembros, 2008 e daí pra muito mais. Sorte! Sucesso!

Muita grana, realizações, peptídeos vibrantes, pensamentos positivos, livros de auto-ajuda, brigadeiros e tudo mais que nos ajude a sermos mais felizes do que fomos ontem. Ai! Ai! Buááááá! Beijos.

72 :: webdesign

Luli Radfahrer PhD em Comunicação Digital, já dirigiu a divisão de internet de algumas das maiores agências de propaganda e de alguns dos maiores portais do Brasil. Hoje, é Professor-Doutor da ECA-USP, Diretor Associado do Museu de Arte Contemporânea e consultor independente. Autor do livro ‘design/web/ design:2’, administra uma comunidade de difusão do conhecimento digital pelo País. luli@luli.com.br

Webdesigner? Tem de monte por aí Diretor de arte? Também. Ilustrador? Nem te conto. “Flasheiro”? Vixe. Planejador?

Ihhhhh... Consultor? Tsk, tsk, tsk. Produtor? Uma dúzia. Desenvolvedor? Ú.

Não há como negar nestes dias que, apesar do “renascimento” da indústria digital, o mercado não está exatamente fácil. Agências, produtoras e clientes parecem ter finalmente percebido que há um excedente de mão-de-obra e que a maioria dos trabalhos não demanda muito mais que noções elementares deste ou daquele programa ou ferramenta de desenvolvimento. O resultado vê-se por aí. O que muitos se apressam em definir como uma nova “estética” digital nada mais é que uma pobreza de idéias sem par. Mesmo com verbas cada vez maiores, a experiência do usuário não melhora.

E o usuário se vinga. De blogs a Flickr; de feeds de RSS a mashups; de Skype aos novos games, é cada vez mais difícil chamar e prender a atenção, mesmo que as idéias sejam boas.

O meio digital está gasto, e agora que a Web 2.0 dá ao tipo comum a capacidade de criar seus próprios mundos on-line, para que depender dos outros?

Não seria uma má notícia, se você não fosse um desses “outros”. Todos os profissionais da cadeia de produção de conteúdo digital (deveria dizer “geração de experiência” digital?) estão, de certa forma, envolvidos em uma possível crise futura, em que tudo aquilo que aprenderam perde seu valor e eles passam a competir com uma “molecada” atualizada. Não que isso seja novidade, já que os mesmos profissionais um dia fizeram parte da tal “molecada”.

Para citar alguns exemplos, Orkut, YouTube, MSN e os grupos de discussão por e-mail do Yahoo foram maciçamente usados antes de serem “descobertos” como oportunidades de mídia pelas agências de propaganda. E o que elas fizeram? Colocaram BANNERS neles?

Colocaram seus comerciais de TV no YouTube? Desenvolveram ações “virais”? Criaram videonovelas para o celular? Ridículo. Mesmo algumas coisas efetivamente novas iniciativas estão tão preocupadas em usar uma determinada tecnologia que, muitas vezes, encomendam soluções mirabolantes e se esquecem de uma idéia criativa por trás. A situação seria hilária, se fosse com outra categoria profissional.

Para sobreviver às constantes e freqüentes mudanças do mercado que, segundo especialistas, tendem a ser cada vez mais intensas, o profissional de comunicação digital precisa se desapegar das tecnologias que conhece e das experiências que teve e deram certo para prestar atenção no que está acontecendo à sua volta. Mais do que julgar se algo é “bom” ou mesmo se “vai pegar” ou não, é preciso manter-se curioso e buscar entender, em cada nova proposta, o que ela traz de novo e relevante. Não para si, mas para seu público-alvo.

Para ampliar a visão criativa é preciso, acima de tudo, informação. Já que não é mais

webdesign :: 73

"Mais do que julgar se algo é bom ou mesmo se vai pegar ou não, é preciso manter-se curioso e buscar entender, em cada nova proposta, o que ela traz de novo e relevante.

Não para si, mas para seu público-alvo"

necessário (nem possível) conhecer a fundo todas as etapas, é fundamental saber avaliá-las. Como um regente de orquestra, o novo diretor de criação para mídias digitais deve conhecer bem cada instrumento, identificar os mais relevantes e trazê-los à ação quando necessários. Pena que poucos se dêem conta disso.

Já que não é preciso ficar martelando a lengalenga da importância do design, coloco outras dez questões que podem ajudá-lo a fazer a diferença no mundinho: 1.

Você realmente sabe adaptar uma mensagem jornalística ou publicitária para um formato que só possa

ser usado on-line? E em telefones celulares? Ele é interessante, relevante e divertido para quem o utiliza? Vale a pena interagir com ele? Até que ponto?

2.

A agência de propaganda não tem verba para desenvolver material exclusivo para você. Dá para

“reciclar” o conteúdo usado em mídia de massa e mesmo assim transmitir uma nova mensagem? Como?

3.

Você não tem verba para desenvolvimento. Para piorar, o prazo é negativo e parece que, tanto no

cliente como na agência, ninguém entrou no século XXI. O que fazer?

4.

Já que a inovação não é mais novidade, quais são suas fontes de informação para acompanhar as

mudanças e se antecipar a elas?

5.

Se você for apresentado a uma ação grande, daquelas com uma boa verba e diversos canais, o que

colocaria na web, o que em celulares, o que em games? Como seria distribuído seu digital mix?

6.

Está na moda falar em conteúdo gerado pelo usuário. Todos sabemos, no entanto, que a maioria do

que os usuários produzem é puro lixo. Como administrar esse equilíbrio tão delicado?

7.

Para a minha tia, aqueles powerpoints com fotos de bebês são “virais”. Como separar o efetivo do

amador? Como garantir que sua mensagem seja multiplicada por quem a recebe?

8.

Você chegou à desejada posição de “diretor de criação”. Parabéns e meus pêsames. Agora como

você vai dirigir sua nova equipe, composta por profissionais multidisciplinares de variados níveis, muitos deles trabalhando à distância e em horários esdrúxulos?

9.

Vamos falar do seu portfólio. Como você organiza suas peças de forma a torná-las interessantes para

quem as analisa? Como chegar a essas pessoas?

10. Por mais que você não goste daqueles carinhas de terno e gravata, sabe muito bem que eles conseguem pilotar como ninguém uma planilha de cálculo. Você tem que falar com eles, como vai transformar sua idéia criativa em um case? Como convencer seu cliente a investir uma grana em um mercado mutante?

Pois é, não é mole. O novo profissional de criação digital precisa, acima de tudo, ser uma interface entre os novos públicos e os velhos clientes de idéias enlatadas. Se você for um deles, dê a si mesmo os parabéns, pois já deve saber que vale ouro. Mas se não o for...

Promoção assine um plano de hospedagem efetue o pagamento anual e ganhe um pendrive ou uma webcam. Confira o regulamento em nosso site. www.siweb.com.br tel: (11) 4063.8047 info@siweb.com.br

Hospedagem de Sites, Revenda de Hospedagem e Registro de Domínios, tecnologia ASP, PHP e .net no mesmo plano, teste grátis 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 São Paulo (11) 4063.7574 Rio de Janeiro (21) 3527.0848 comercial@redehost.com.br

Parceria Tehospedo e você, Designer: a cada indicação você ganha 2 meses grátis para seu site, a cada 10, um site hospedado gratuitamente. Consulte mais vantagens. www.tehospedo.com.br/designer tel: RS (51) 3227.7727 / capitais de SP/RJ/MG/DF/ PR/SC 4062.1432, GO (62) 4052.1432 comercial@tehospedo.com.br

ZARP HOST Empresa de respeito, credibilidade, honestidade, consolidada na carteira de clientes, atendimento e serviços elogiados, valores justos, sua satisfação aqui e garantida.

Hospedagem e registro de sites, planos individuais e revendas. www.datahosting.com.br tel: (11) 6951.2954 - (11) 6939.7305

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

atendimento@datahosting.com.br

Hospedagem de sites com infra-estrutura de altíssimo nível, planos a partir de R$ 8,90/mês. HTML, PHP, CGI, Flash, FrontPage, DreamWeaver, MySql, e-mail com anti-vírus/spam, suporte 24x7 entre outros recursos. www.hphost.com.br tel: (11) 6684.9597 info@hphost.com.br

A Informática Online.Net está preparada para hospedar seu site, nosso DataCenter possui servidores de última geração, nossos backbones sempre irão propiciar ao seu visitante uma alta velocidade e estabilidade de conexão. www.informaticasp.com.br tel: (11) 6944.2566 sac@informaticasp.com.br

Oferece hospedagem profissional linux e windows com recursos grátis como loja virtual, blog, enquete, boleto.

Possui planos de revenda ideais para webdesigners.

Suporte qualificado 24 horas e registro de domínios. www.portal123.com/ tel: Minas Gerais (31) 3761.2253 São Paulo (11) 4052.9253 suporte@portal123.com.br

E-mail de 1GB, webmail com leitor de notícias e disco virtual.

Soluções completas para webdesigners e desenvolvedores.

Qualidade, estabilidade e segurança. www.speedhost.com.br tel: São Paulo (11) 5644-1047 Rio de Janeiro (21) 3523-0387 Paraná (41) 3015-3077

Hospede seu site com MYSQL 5.0 grátis, suporte integrado a .NET 2.0, PHP 5.2 e ASP no mesmo ambiente. Conheça também nosso plano de parceiro comissionado e ganhe comissões mensais de até 25%. www.iphotel.com.br tel: (11) 6971.0438

“ Há 6 anos no mercado, oferecemos planos HTML, PHP e ASP na medida para sua necessidade. Planos à partir de R$9,90 mensais.

Promoção: Utilize o código “webdesign” na inscrição e ganhe 20% de desconto!” www.sitehosting.com.br suporte@sitehosting.com.br

Hospedagem de sites em plataforma Linux e Windows.

Registro gratuito de domínios internacionais, acesse o nosso site e participe de nossa promoção. www.rjhost.com.br tel: (21) 2577.5545 vendas@rjhost.com.br

A EHB(ExtremeHostBrasil) trabalha com Hospedagem PHP ou ASP com servidores de ultima geração, utilizando Datacenters renomados para garantir o máximo de estabilidade em seu site. www.extremehostbrasil.com tel:(47)8405.4353 fale_conosco@extremehostbrasil.com

1) Alta Disponibilidade, Datacenter Brasil Telecom.

2) Link no Brasil, alta velocidade e alto desempenho.

3) Dotnet1/2, PHP4/5, ambiente integrado, o cliente escolhe.

4) Controle Total, você mesmo controla tudo pelo painel.

5) Suporte telefonico exclusivo, direto e sem intermediarios. www.develsoft.com.br/webhost tel: (16) 3618.1493 ou (16) 8123.4599

R$ 5 mensais ou R$ 50 ao ano. 800MB de espaço em disco, 20GB de transferência,PHP, MySQL, Emails e subdomínios ilimitados.Também registramos seu domínio. Atendimento imediato pelo MSN. www.triangulohost.com.br tel: (34) 3316-2433 hostmaster@triangulohost.com.br

Hospedagem de Sites com segurança e estabilidade total para os clientes mais exigentes nas plataformas Linux e Windows. Infra-estrutura de altíssima qualidade.

Planos de Revenda e VPS. www.ativahost.com tel: (21) 2238-3407 vendas@ativahost.com

Hospedagem de Sites com infra-estrutura no Brasil, 6 anos no mercado, multi-serviços para você e seus clientes.

Planos Windows e Linux, antivírus, anti-spam, banco de dados, relatórios de acesso, disponibilidade de 99,5%. www.creativehost.com.br tel: (11) 3849.1166 atendimento@creativehost.com.br

Para anunciar nesta seção, envie um e-mail para publicidade@arteccom.com.br, com o título "busca host" ou ligue para (21) 2253.0596