Ed48

dezembro 2007 :: ano 4 :: nº 48 :: www.revistawebdesign.com.br

e-mail marketing Como explorar com eficácia essa ferramenta?

Agências brasileiras revelam os critérios para criação, escolha de sistema de envio e administração de mailing Gerenciamento de projetos: conheça a metodologia aplicada na AgênciaClick Milk Shake Carente: entretenimento 2.0 como isca para atrair os consumidores Micro-blogging: os desafios para aplicação da comunicação em miniatura

R$ 9,90

E D I T O R A

ISSN 1806 - 0099

9 771806 009009

00048

4 :: webdesign

Adriana Melo

Editorial

adriana@arteccom.com.br

Antes...

Antes de desejar um Feliz Ano Novo, gostaria de agradecer àqueles responsáveis por esse feliz ano velho.

Aos nossos leitores e assinantes. Gostaria de agradecer principalmente pelas mensagens que recebemos durante o ano. Com elas nos sentimos recompensados pelo nosso trabalho, o que nos impulsiona a buscar sempre o melhor. Alguns de vocês talvez não saibam da importância que seus comentários têm, por isso queria registrar aqui que são eles que nos deixam apaixonados pelo que fazemos.

Dire ção Geral Adriana Melo Direção Executiva Sergio Melo Direção de Redação Luis Rocha Criação, Diagramação e Ilustração Camila Oliveira

À equipe Arteccom. Foi muito bom presenciar o

Leandro Camacho

desenvolvimento da Camila, nossa designer, que aos

Publicidade Débora Carvalho

pouquinhos foi conquistando seu espaço, definindo seu estilo e hoje é uma das responsáveis por essa revista estar tão bonita assim. Contratei uma designer e me surpreendi com tamanho talento artístico. Queria agradecer ao Leandro, que está nos deixando, pela indescritível contribuição. Foi um imenso prazer trabalhar com

Atendimento Luanna Chacon Tecnologia Fábio Pinheiro Financeiro Cristiane Dalmati

você, vamos sentir muitas saudades. Espero sua volta no futuro! Cristiane, Luanna, Débora, Fábio, Luis e Sérgio, continuamos crescendo graças a dedicação de cada um de vocês, parabéns a toda a equipe!

Aos nossos anunciantes. Aqui não será um agradecimento formal do tipo “sem vocês não seria possível a

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

realização deste projeto”. Queria mesmo agradecer de coração a confiança que depositaram em nossa revista antes mesmo dela existir. No início, ouvi comentários do tipo “se é um projeto da Arteccom já estou dentro”.

Isso foi muito bom! Podem ter certeza, entretanto, que ao invés de me envaidecer, isso fez com que eu quisesse superar ainda mais as expectativas de vocês, já que esperavam bastante de nós. Obrigada pela amizade e por estarem conosco durante todo esse tempo, nos ajudando neste difícil mercado editorial.

Revista Webdesign www.revistawebdesign.com.br Curso Web para Designers www.arteccom.com.br/curso Encontro de Web Design www.arteccom.com.br/encontro Fórum Internacional de Design e Tecnologia Digital www.arteccom.com.br/find Concurso Peixe Grande www.arteccom.com.br/peixegrande

Enfim, desejo um Feliz Ano Novo para vocês que fazem parte da vida da revista, e conseqüentemente, da nossa vida. Que 2008 seja um ano de grandes realizações pessoais e profissionais para todos vocês.

E contem conosco!

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

Um grande abraço, Distribuição www.chinaglia.com.br

Sumário

48

30 - capa Algumas das principais agências digitais brasileiras revelam quais são os detalhes conceituais e técnicos na criação e no desenvolvimento de campanhas de marke-

8 - fique por den tro

ting por e-mail

10 - métricas 11 - direito na web 12 - portfólio Agência Baião de Dois

22 - entrevista Fabiano D’Agostinho, responsável pelo escritório de projetos da AgênciaClick, analisa o

16 - portfólio Freelancer

tema “gerenciamento de projetos web”

Pablo Lobo

20 - portfólio Ilustrador

40 - debate

Cristina Pagnoncelli

A profissão de designer deve ser regulamenta-

55 - Tecnologia Micro-blogging

da? Confira a opinião de alguns profissionais e os argumentos em favor da proposta

58 - Tutorial Joomla! - parte 2

44 - e-mais 66 - Julius Wiedemann

As etapas, os benefícios,

internacional

os custos, a influência da Web 2.0 e um nicho de mercado na prestação de

68 - René de Paula Jr.

serviços para intranets

marketing

50 - estudo de caso 70 - Ricardo Figueira publicidade on-line

Conheça os detalhes na implementação da parte on-line da campanha

72 - Luli Radfahrer webdesign

“Milk Shake Carente”, produzida em parceria pelo Bob’s e NBS

E-mails

6 :: webdesign

Sou assinante da revista e estou muito contente por isso! Gostaria que vocês falassem um pouco sobre a

organização gerencial de um escritório de

Marcio, seu caso reflete um desafio real e provavelmente também é uma necessidade

design / webdesign, indicando, principalmente, algum software que nos ajude neste

de outros profissionais desta área. O tema

gerenciamento. Algo que contenha cadastro de clientes, histórico, gerador de ordem

vai virar uma pauta de reportagem, quando

de serviço (com direito a alteração de status), recibo, orçamento, contas a receber e a

apresentaremos as dicas e as ferramentas

pagar etc. Nosso escritório é pequeno, mas sentimos falta desta organização de forma mais integrada. Um abraço a todos.

disponíveis para administração de agências digitais. Aguarde as novidades!

Marcio Perrud marcio@mpdesign.com.br

Gostaria muito de ver matérias sobre

diagramação de conteúdo, pois essa área,

com o advento da Web 2.0, se tornou cada vez mais importante.

Gustavo glowbat@gmail.com

Gustavo, ainda não publicamos nada, mas o tema já está guardado para futuras edições. Nesta edição, você poderá conferir uma boa dica de leitura, na seção Fique por Dentro. Estamos falando do livro “Grid: construção e desconstrução”.

Confira a resenha na página 9.

Uma dica de matéria:

plágio.

Só em agosto, vivenciei três casos. Abraços!

Vinicius Augusto viniagm@gmail.com

Vinicius, este é um assunto que não parece ter fim. O nosso colunista de Direito na Web que o diga! Geralmente, são muitas dúvidas envolvendo o tema. De repente, ficaria interessante publicarmos uma reportagem, apresentando casos reais de plágios na web e seus desdobramentos. O que acha? Quem gostou do assunto e conhece algum caso, mande seu relato para redacao@arteccom.com.br.

Um problema me acompanha. Vocês já publicaram algum padrão de documento para controle de andamento de projeto de web? Por exemplo: eu encaminho um projeto para um de meus desenvolvedores com todas as informações sobre o projeto. O que deve conter esse documento para eu ter um

controle do projeto

Marcelo, na seção Entrevista deste mês, Fabiano D’Agostinho, do Project Management Office da AgênciaClick (www.agenciaclick.com.br), nos apresenta

e de quem estiver responsável por ele? Tipo ter um controle de etapas e saber se o

as principais características envolvendo

prazo do desenvolvedor não está com gorduras etc. Na verdade, não quero me sentir

o gerenciamento de projetos web. Boa

enrolado em prazos e em tarefas lentas de quem trabalha aqui na empresa. Poderia até ser um DOC do projeto com as tarefas feitas por dia. Diariamente, os envolvidos irão

leitura e esperamos que suas dúvidas possam ser esclarecidas nesta matéria.

descrever suas tarefas. Vocês acham cabível esse controle? Vocês têm algum padrão?

Marcelo Leite contato@marceloleite.com.br

Caros amigos da Revista Webdesign, não sou assinante da revista, mas tenho todos os

Olá, Marcelo, é bom saber que, mesmo

números que compro religiosamente, e por esse motivo me considero um “assinante”.

não sendo um assinante, você mantém

Hoje, já está ficando difícil encontrar informações nessas

47 edições e

espaço para guardá-las. Por isso, estou escrevendo para perguntar: vocês teriam um

tamanha fidelidade pela revista!

Agradecemos de coração seu voto de

index geral de todas essas revistas, em XLS ou mdb, para disponibilizar no site? E

confiança em nosso trabalho. Sobre o CD:

vocês já pensaram em disponibilizar para venda um CD com todo o conteúdo das

você já acessou o site da revista? Na seção

revistas, assim como a revista Info faz, é muito interessante, eu mesmo compro todo ano, pois ocupa menos espaço e dou as revistas. Se já houver esse CD, me digam

“edições anteriores”, disponibilizamos, para venda avulsa, os CDs com as

como faço para adquirir. Atenciosamente, o leitor,

edições de 2004, 2005 e 2006. Estamos

Marcelo Mattos

desenvolvendo também um sistema de

marmattos@gmail.com

busca para os assinantes encontrarem rapidamente as informações que procuram. Em breve teremos novidades!

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.

8 :: webdesign

notícias W3C no Brasil No final de outubro, o mercado de internet no Brasil recebeu uma ótima notícia. O W3C (www. w3c.org), entidade internacional responsável pelo

Fique por dentro

desenvolvimento de padrões para a criação e a interpretação dos conteúdos para a web (http://

making of

pt.wikipedia.org/wiki/W3C), anunciou a abertura de seu primeiro escritório na América Latina, mais precisamente em São Paulo. Entre as atividades mais relevantes do escritório brasileiro, estão a publicação em português das principais recomendações e a criação de um fórum amplo para a discussão de padrões para web.

União das agências catarinenses Inspiradas pelo bom trabalho realizado pela AGADi (www.agadi.com.br) no Rio Grande do Sul, as agências

A relação da garrafa trazida pelo

digitais e as empresas de Tecnologia da Informação de

mar com o tema desta edição é bastan-

Santa Catarina anunciam a criação da ACADi (Associação

te interessante. Se pesquisarmos a letra

Catarinense das Agências Digitais). Segundo o anúncio

da música "Message In a Bottle" da

oficial, um dos principais objetivos da nova associação

banda "The Police", encontraremos o

é “criar mecanismos para mensurar e disponibilizar informações sobre o segmento catarinense, além de congregar os segmentos que compõem o mercado e criar oportunidades para seus associados”.

Debatendo as métricas web Os profissionais brasileiros envolvidos com a análise

trecho: "Saí pra andar esta manhã, não creio no que vi / Cem bilhões de garrafas chegaram ao litoral /Parece que não estou só em ser sozinho /Cem bilhões de náufragos, procurando por um lar".

Quando uma empresa cria um E-mail ma-

e o gerenciamento de métricas web já contam com

rketing para milhares de pessoas, mesmo

um espaço destinado ao amplo debate sobre o

que a campanha seja bem planejada,

assunto. Desde setembro, estão sendo realizados

a expectativa pelo resultado lembra a

alguns encontros, conhecidos como Web Analytics

esperança do náufrago que lança ao mar

Wednesday (WAW). Quem quiser obter mais

seu pedido de socorro. Dessa relação

informações sobre a iniciativa, pode consultar as trocas

surgiu a idéia para a capa.

de informações via lista de discussão no Yahoo (http://

As fotos foram feitas em uma praia

tinyurl.com/26fwe4) e comunidade no Orkut (http://

localizada dentro do Forte de Copaca-

tinyurl.com/ysfkzn).

bana - RJ. A garrafa roxa foi encontrada

Produção acadêmica no design A internet trouxe uma série de desafios quando falamos em identidade visual de uma marca. Para quem busca material sobre este assunto, uma boa pedida é ler o artigo científico “Flexibilidade da

em uma loja de variedades e, dentro dela, foi colocado o "e-mail" representado pelo símbolo "arroba".

Esperamos que gostem desta edição, que traz também algumas novida-

identidade visual do Google: um estudo de caso para

des no projeto gráfico. As seções fixas

o fortalecimento da comunicação das marcas com o

foram redesenhadas e a diagramação

novo consumidor” (http://tinyurl.com/35zre6), de Luiz

foi levemente ajustada. Até janeiro!

Gonçalves. Se você possui ou conhece algum trabalho acadêmico interessante, envie sua sugestão para redacao@arteccom.com.br.

Fale com a equipe de criação: criacao@arteccom.com.br

fique por dentro :: 9

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

livro do mês O grid, sistema de linhas-guia que estrutura a distribuição e a organização de informações no espaço, é sempre um foco de acalorada discussão entre designers. Como bem define na introdução deste livro, o autor ressalta que, para alguns profissionais, o grid “é parte incontestável do processo de trabalho, oferecendo precisão, ordem e clareza.

Para outros é símbolo da opressão estética da velha guarda, prisão sufocante que atrapalha a busca de expressão”. Diante deste embate, Timothy Samara procura apontar novos caminhos para que tal ferramenta seja um instrumento útil no processo de Título:

trabalho do designer. Através de exemplos práti-

Grid: construção e desconstrução

cos e ilustrativos, sua leitura se torna agradável e

Autor: Timothy Samara

extremamente didática. Quem trabalha com design

Editora: Cosac Naify

para web, poderá conferir alguns casos interessan-

(www.cosacnaify.com.br)

tes, como a descrição do grid da subseção “Books of Hope”, da Britannica.com, e do grid do site da empresa Vibrato (www.vibratonaming.com).

blog do mês Neste blog (http://feelinmotion.blogspot. com), o diretor de arte web, Felipe Ribeiro, apresenta uma série de exemplos atuais envolvendo a produção de motion design e vídeos para internet.

O cardápio oferece ainda dicas de campanhas com uso de 2D e 3D, banners e advergames. Um dos posts mais interessantes aparece no dia 25/10, quando Felipe comenta os detalhes da campanha do filme “30 Days of Night” (http://30daysofnight. com), que se divide em um site oficial e um advergame. Conhece algum blog interessante focado em design e criação? Então, mande sua dica para redacao@arteccom.com.br.

Participe do Post-it! Envie notícias ou curiosidades para redacao@arteccom.com.br.

10 :: webdesign

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

3 milhões Total dos prejuízos acumulados por consumidores brasileiros que compraram pela internet e não receberam. Embora sejam compras variadas, cerca de 92% são eletrônicos e produtos de informática. A pesquisa indica ainda que o prejuízo com Este foi o percentual de aumento na quantidade de usuários que navegam mensalmente na internet residencial brasileira.

Em setembro desse ano, atingimos 20,1 milhões de usuários.

falsas vendas on-line em todo Brasil pode chegar a R$ 300

Percentual dos profissionais

milhões por ano, sendo que a

contratados em 2007 que

época natalina seria a respon-

utilizaram a internet no pro-

sável por 20% deste valor.

cesso de busca de uma nova

Fonte: Reclame Aqui (www.reclameaqui.com.br)

oportunidade no mercado, mas não foram, necessariamente,

Em tempo de uso da internet residencial, os brasileiros, com 22 horas mensais por pessoa, continuam à frente dos americanos, que têm 18 horas e 54 minutos.

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

Com este índice, a categoria “Buscadores, Portais e Comunidades” passou a sustentar a primeira posição em tempo de navegação por usuário. Segundo o Ibope, devido ao maior interesse por redes sociais e por blogs, o tempo on-line mensal do usuário de “Comunidades” passou de 3h39min em setembro de 2006 para 4h40min em setembro de 2007, o que significa uma evolução de 29%.

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

68%

contratados graças aos recursos oferecidos pela web. Outro dado interessante é que 16,1% dos recrutadores declararam ter usado os recursos da web

Índice das crianças entrevista-

para contratações e 8,63% dos

das pela pesquisa Playground

12.122 profissionais entrevista-

Digital, que revelaram que

dos na pesquisa conseguiram

a primeira coisa que fazem

seus empregos utilizando dire-

quando ligam o computador é

tamente sites e e-mails - inde-

entrarem no MSN e checarem

pendentemente do ano em que

quem está conectado. Já 58%

foram contratados.

afirmam que falam mais coisas

Fonte: Pesquisa “A Contratação, a Demissão e

pelo MSN do que cara a cara e

a Carreira dos Profissionais Brasileiros” (www.

45% dizem conhecer melhor os

catho.com.br)

amigos via MSN. Fonte: Nickelodeon (www.mundonick.com.br)

Você é a favor da regulamentação da profissão de designer?

Total de votos: 210 Sim - 93% Não - 7% Acesse e participe! www.revistawebdesign.com.br

fique por dentro :: 11

direito na web Direitos autorais sobre recriação de imagens Gilberto Martins de Almeida

“Gostaria de parabenizá-los pela edição de setembro, com a coleção sobre técnicas de criação.

Gilberto é advogado

Perfeita! Mas fiquei com uma dúvida: se juntarmos imagens e recriamos situações com elas, não

formado na PUC/RJ,

poderemos ter problemas com direitos autorais destas imagens? Um abraço.”

com Mestrado na USP e cursos em Harvard e

Barbara Oliveira - babi.contato@gmail.com

no M.I.T. Ex-Gerente Jurídico da IBM,

vo. Esse é o princípio geral.

imagem, tal qual o crédito que

onde trabalhou por

Desde os seus primór-

11 anos, no Brasil e

dios, o Direito de Autor é mais

nos EUA. Sócio de

associado aos textos do que às

presas especializadas em

foto nele publicada fazendo

Advogados, escritório

imagens, seja porque o volume

comercializar banco de dados

aparecer o nome do fotógrafo

especializado.

de produção escrita era maior

de imagens. Elas adquirem os

na margem lateral da imagem,

que o de imagens, seja porque a

direitos dos criadores das ima-

não é suficiente, pois o autor

para: redacao@

imagem típica do Autor era a do

gens, e centralizam a oferta

tem o direito de autorizar ou

arteccom.com.br

romancista e do poeta, mais do

de comercialização de licenças

não a publicação, independente

que a do pintor e do gravurista.

de uso a terceiros, bem como

de citação de autoria.

Martins de Almeida -

Envie sua dúvida

Esse histórico talvez ex-

Por isso é que já há em-

rastreiam o uso não licencia-

um jornal dá ao autor de uma

Portanto, vale a pena des-

plique as dúvidas que persis-

do, para cobrar os valores

confiar de empréstimos infor-

tem perante os interessados,

devidos. Isso tem acontecido,

mais de imagens, por mais que

quanto ao direito de aprovei-

inclusive, no Brasil.

seja difícil investigar a origem de

tamento de imagens produzi-

Evidentemente, pode vir

tudo. A combinação de prudên-

a ocorrer, no extremo, uma

cia e praticidade é usar imagens

tamanha descaracterização

produzidas pelo próprio inte-

oferece muita diferenciação con-

da imagem-base que a torne

ressado, ou adquirir, mediante

forme se trate de textos ou de

praticamente irreconhecível.

remuneração, de quem se apre-

imagens. Da mesma forma como

Nesses casos excepcionais,

sente como autor ou detentor

o aproveitamento de texto-base

poderá vir a ser admitido o uso

de direitos, e os comprove.

para transformação em um novo

da imagem-base, mas, ressal-

Todos dizem que imagens

texto depende, geralmente, de

te-se, são casos isolados, e a

são mais poderosas que pala-

prévia autorização (e eventual-

fronteira que os separa das

vras. Então, mais ainda que no

mente, remuneração) do autor do

situações proibidas é bastante

caso de textos, melhor evitar,

texto-base, o aproveitamento de

tênue e subjetiva.

em relação a imagens, inclusive

das por terceiros.

Na verdade, a questão não

imagem-base também depende

Convém notar, também,

de prévia autorização (e eventual

que o fato de alguém se dispor

remuneração) do autor respecti-

a citar o nome do criador da

na recriação delas, “comprar gato por lebre”.

12 :: webdesign

a mistura da inquietude com empreendedorismo A trajetória da Baião de Dois (www.baiaodedoisde-

passou a ser uma empresa com equipe de profissionais

sign.com.br) é um ótimo retrato sobre a importância do

Hoje, somos cinco pessoas (eu, dois designers e dois

empreendedorismo e da inquietude na carreira de um

desenvolvedores) e quase 30 no Grupo Fermento”,

profissional. Sua história se inicia em 1998, época no qual

conta Herbert.

Herbert Mascarenhas decide cursar Desenho Industrial na

A particularidade do nome surgiu de uma intensa

UnB, passa por uma boa experiência pela AgênciaClick,

troca de idéias. “Na falta de opções e com a necessi-

inicia a sociedade com um grande amigo (Mauro Martins),

dade pulsante de encontrar um nome, iniciamos um

culmina com uma temporada em Londres, até chegar a

brainstorm frenético. Um belo dia, depois de idas e

incorporação ao Grupo Fermento.

vindas, o Mauro me ligou à noite e disse ‘Baião de Dois’.

“Em 2006, já em Brasília, fui convidado, como Baião

Eu não entendi e ele repetiu. Era perfeito na nossa

de Dois, para fazer parte de um grande projeto, o Grupo

cabeça: ‘Baião’ lembra mistura de coisas e ‘Dois’, dois

Fermento. Um grupo de empresas que vem construindo

sócios, além de gráfico e digital”.

uma cultura própria, dividindo o mesmo teto e criando uma

Em relação às possíveis características que definam

estrutura que hoje já atende clientes em diversos estados.

um estilo criativo da agência, Herbert aponta que a

Foi em 2006 que finalmente consegui juntar os ingredien-

identidade está em produzir as idéias com um acaba-

tes que achava necessário para estruturar uma empresa

mento tão bom quanto a própria idéia. “Estilo de design

de verdade. Nesse ano, a Baião de Dois deixou

não acredito que temos. Isso se deve ao nosso proces-

de ser Design e passou a ser internet e

so, que pode ser resumido assim: buscamos uma idéia

mídias digitais. A Baião de Dois deixou de ser Herbert Mascarenhas e

central, depois definimos a melhor linguagem para ser seguida, iniciamos um estudo rápido buscando referências de cores e tipografia. Depois, já com a aprovação do cliente, fechamos o design e a arquitetura de todas as telas. Em paralelo, a tecnologia inicia o desenvolvimento. Acreditamos que, com isso, cada projeto sai com uma cara nova, a cara da idéia”.

portfólio agência - Baião de Dois :: 13

Promoção Passe Bem

Vitrine Interativa

Tecnologias: ASP + Flash 7 + Ilustrações com Tablet no

Tecnologias: Flash 8 + Photoshop + Powerpoint (wire-

Flash + SoundForge

frames) + Tela touchscreen com projeção especial

http://projetos.dabaiao.com.br/caixa/passebem

http://projetos.dabaiao.com.br/brt/vitrine

Dentre as boas lembranças deste projeto, a principal

A Brasil Telecom apresentou o seguinte desafio para

delas envolve o nascimento da estrutura da Baião de Dois

a agência: desenvolver uma vitrine interativa em uma de

em 2006. “Na época, a Fermento ganhou uma concorrên-

suas lojas, localizada no ParkShopping, o shopping classe

cia de uma promoção para a CAIXA com uma proposta de

A de Brasília.

um advergame. Eles criaram o rascunho de um roteiro e

“As pessoas interagiam tocando no vidro da vitrine.

me chamaram para produzir. Ainda sem estrutura física,

Estudamos o funcionamento dessa tecnologia e fizemos

me lembro de sentar à mesa de uma lanchonete com o

um brainstorm com todos da equipe para definir a me-

Gabriel Gareso para criar o roteiro final e o mood dos

lhor forma de colocar uma massa de conteúdo lá dentro.

ambientes e dos personagens”, conta Herbert.

Criamos alguns scripts e uma série de layouts com fundos

Naquela conversa, foram definidos ainda como seriam a história e a arquitetura do jogo. “O Gabriel trabalhou nas ilustrações (foram várias tentativas) e no layout - tudo pensado para atingir o público (de 10 a 19 anos) e retratar a CAIXA - que tem uma paleta de cores e tipografia que deveriam ser seguidos. Nesse meio tempo, encontrei uma equipe para produzir a engine em Flash.

Em poucas semanas, fechamos tudo e levamos para o cliente. Foi um parto a tecnologia”.

O sucesso do projeto se reflete até hoje, pois o jogo ainda tem dezenas de acessos por mês. “Mas a princi-

diferentes para testar o contraste da projeção no vidro transparente. Fizemos os testes no local e vimos que existiam limitações”.

Conhecendo tais limites, cada área tratou de descobrir como eles poderiam ser resolvidos. “Sabendo até onde podíamos ir, enquanto o arquiteto da informação trabalhava nos wireframes, a turma do design e da tecnologia ia criando animações de transição - consciente das limitações de frame-rate e contraste. Juntamos tudo, fechamos a redação dos textos e, maravilha, tudo funcionou. Mas

pal curiosidade está na fase da praia, onde aparece um

tinha um problema, as pessoas tinham medo de interagir.

pit-dog. Esse pit-dog existia de verdade aqui em Brasília.

Era algo muito novo e assustador. Passamos mais um dia

Colocamos lá porque era de um colega nosso”.

trabalhando e criamos uma tela de stand-by que convidava às pessoas a se aproximar e interagir. Fizemos tudo em pouco mais de uma semana”.

14 :: webdesign

Catapulta

Baião de Dois Desafia

Tecnologias: Flash 8 + Illustrator + Photoshop + PHP

Tecnologias: Flash 9 + Ilustração com Tablet no Photoshop

http://projetos.dabaiao.com.br/caixa/monstruosa/

+ Photoshop

catapulta

http://www.baiaodedoisdesafia.com.br

Em mais um projeto envolvendo advergames, desta

Segundo Herbert, este é um ótimo exemplo para re-

vez a proposta envolvia a criação de uma promoção

velar como anda atualmente a dinâmica dos trabalhos na

on-line em cima de uma campanha desenvolvida pela

agência. “Em uma semana que estávamos prospectando

Fischer América. “Recebemos uma série de layouts de

clientes, fui a uma reunião em que ficou claro que várias

peças impressas da Fischer. Eles definiram as cores, a

agências de Brasília ainda não nos conhecia. No dia

tipografia e a linguagem que deveria ser usada”.

seguinte, criei um conceito de uma ação de baixo custo

O objetivo deste jogo on-line era incentivar a competição entre os usuários. “O jogo em si era uma releitura do famoso jogo do pingüim. Aproveitamos

que poderia colocar o nosso nome na boca dos publicitários da cidade”.

A idéia funciona da seguinte maneira: de tempos

aquela idéia e inserirmos uma série de elementos e

em tempos, a Baião de Dois convida as principais

funcionalidades que deixaram o game e a campanha

agências de Brasília para um desafio. “Enviamos

impressa com uma mesma cara e conceito”.

para a agência alguns convites e no site qual-

Os usuários gostaram tanto da idéia que o

quer estudante pode se inscrever para tentar

advergame virou também ferramenta de comunicação.

ganhar um convite. Depois de fechado o

“Na tela de ‘Envie para um amigo’, deixamos o

conceito, entreguei o projeto na mão

tradicional campo ‘e-mail do amigo’ e inserimos um

do Gabriel Gareso, nosso designer

campo de mensagem. Para a nossa surpresa, dois

sênior. Meu único pedido foi: divirta-

amigos começaram a usar essa ferramenta para bater

se, aproveite para brincar”.

papo. Parece que onde um deles trabalhava, MSN e email eram bloqueados”.

portfólio agência - Baião de Dois :: 15

Seu Grande Recorde Tecnologias: ActionScript 2.0 + Flash 9 + JavaScript + Photoshop + PHP + SoundForge http://projetos.dabaiao.com.br/sette/seugranderecorde

A agência de publicidade SetteGraalNossagência chamou a Baião de Dois para desenvolver um hotsite promocional para o Alub, um dos cursos recordistas em aprovação no vestibular da Universidade de Brasília (UnB). “Em uma semana aparecemos com uma solução e o primeiro layout para o hotsite que ia ser o centro da promoção.

Eles gostaram porque mantivemos exatamente a idéia deles, mas acrescentamos uma pitada a mais de humor e criamos um mecanismo para viabilizar as inscrições”.

A promoção seguia um roteiro simples: qualquer usuário poderia acessar o hotsite e publicar um recorde. “Não importava se era real ou inventado, só tinha que ser um recorde relacionado ao autor da inscrição. Daí, quem acessava o site, votava nesses recordes. No fim, os cinco mais votados levariam alguns prêmios”.

O layout era ambientado em uma rua e, ao fundo da interface, foi inserida a imagem da UnB. “Como tudo tinha uma linguagem fotográfica, as cores também seguiram por aí. A arquitetura era bem simples, porque o hotsite tinha apenas cinco telas. A tipografia teve como referência os cartazes dos velhos circos”.

16 16 :::: Webdesign webdesign

Contato: hello@pablolobo.com Site: www.pablolobo.com

Em busca do caminho original Oriundo de uma família composta por artistas

Na busca pela fluência em seu processo de cria-

plásticos, a escolha de Pablo Lobo pela área de cria-

ção, ele revela que não abre mão de um ambiente

ção gráfica certamente não poderia ter sido melhor.

descontraído. “Meu processo de criação é sempre

“Sempre tive o interesse em aliar uma bela plasti-

divertido. Não sou aquele que quando precisa criar

cidade com o lado funcional, algo que acontece no

algo sofre como se fosse parir um filho, acho que isso

branding, por exemplo. Mas foi com certo amadu-

pode interferir na qualidade do trabalho; mas é claro

recimento que começaram a surgir alguns trabalhos

que isso varia de pessoa para pessoa, alguns profis-

freelancer ainda na faculdade. Esse foi o caminho

sionais têm um processo sofrido, mas conseguem ao

para ir me aprofundando ainda mais dentro dessa

mesmo tempo fazer coisas bem delicadas. Sempre

área, até completar a pós-graduação em design”.

começo preparando meu ambiente, uma água a mão,

O amadurecimento de Pablo se reflete

cadeira confortável, um bom mouse ou tablet e es-

também em seu portfólio, quando vemos alguns

cuto músicas que me estimulem. Quando o ambiente

bons trabalhos realizados na área tipográfica.

se torna agradável ao seu redor, a sua concentração

“Amo trabalhar com tipografia. Principalmente

aumenta exponencialmente”.

porque acho que a plasticidade da palavra escrita

Além disso, tais fatores vão ajudar a consolidar

em uma tipografia interessante, com tratamento

os diferenciais necessários para um profissional se

específico, aliada a outros elementos de design,

destacar no mercado. “Acho que o melhor, tanto

gera trabalhos ricos e exclusivos, ao contrário da

para incrementar um portfólio quanto garantir um

simples aplicação de uma fonte. Sua ajuda dentro

diferencial no mercado, é a originalidade. Ela vem do

de projetos de web vem refletida no visual único

conjunto ‘talento e experiência’. A experiência vem

dado anteriormente a cada cliente. Tudo faz parte

do conhecimento e da exploração em torno do tema,

de um processo desde a concepção, a criação até

seus testes, erros, acertos e com isso a bagagem

a produção, no qual a tipografia escolhida para o

para seguir e se arriscar por novos caminhos. Esse

logo de um cliente pode modificar e inspirar toda

lado original chama a atenção, é bonito de ser ver e

a criação de um novo conceito web, seja ele na

pode ser muito funcional”.

navegação ou layout”, afirma.

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

portfólio freelancer - Pablo Lobo :: 17

Naked

Victory

Tecnologias: Flash + PHP

Tecnologia: HTML

www.nkd.com.br

www.victoryevents.com

Como sócio responsável por toda a parte visu-

Um dos grandes desafios neste projeto era

al, gráfica e estamparia da Naked, Pablo destaca

demonstrar ao cliente o valor do investimento

que toda a interatividade de seu trabalho gira em

em design. “Começamos com uma reformulação

torno de um design nativamente gráfico. “Assim,

completa do logo, cores, harmonia, papelaria, uni-

não fico preso e ligado a todas as pirotecnias de

formes e website. O cliente não sabia ao certo as

um designer que se especializa em web como meio

vantagens que o site poderia trazer para ele. Algo

de produção. Penso então em toda tipografia, co-

como uma aproximação empresa-cliente, um modo

res e a harmonia que já foi criada previamente para

fácil de comunicação direta via e-mail e respon-

a empresa na hora de fazer o projeto”.

dendo a dúvidas, um miniportfólio da empresa e

A aplicação prática deste conceito se materializou na criação e no desenvolvimento do site

eventos realizados”.

Assim, a proposta era criar uma abordagem

da marca. “Na minha opinião, o design feito para

bem direta para que o usuário não se sentisse

web deve ser objetivo. Não gosto daqueles sites

perdido durante o período de navegação e en-

cheios de firulas e voltas que prejudicam a na-

contrasse prontamente a informação necessária

vegabilidade. Neste projeto, um layout mais geo-

para entrar em contato e contratar os serviços

métrico foi a solução utilizada para não causar

prestados pela Victory.

tanta interferência no objetivo do site, no caso,

“Como a empresa lida com um target entre

a exibição das estampas das camisetas. Além

35 a 55 anos, considera-se que esse público não

disso, utilizamos o vermelho como destaque, cor

é tão familiarizado com uma linguagem mais

que é marca registrada da empresa”.

jovem e uma navegação diferenciada. As cores

Um detalhe interessante no site são os

utilizadas no novo layout fazem o papel de con-

banners randômicos feitos por alguns nomes

trastar e destacar bem as informações exibidas.

do design brasileiro, tais como Marck Al (www.

Foi utilizado um gradiente preto-cinza no back-

nitrocorpz.com), Janara Lopes (www.ideafixa.

ground com todos os textos em branco. O menu

com) e Will Murai (www.willmurai.com). “O pro-

tem um destaque simples, mas especial e de fácil

pósito desses banners é agregar uma identidade

acesso logo ao lado esquerdo”.

à marca e divulgação por meio de pessoas que se identificam com os artistas”.

18 :: webdesign

20 :: Webdesign - portfólio ilustração 20

Cristina Pagnoncelli www.desfigure.com

Wd :: Como define seu estilo e onde você busca as referências para o seu trabalho?

Cristina :: Meu trabalho nada mais é do que tudo que já vivi. Ele revela em traços e pixels tudo que há em mim. Representa minha paixão pelo mundo, pelo seu colorido e formas, pelas pessoas e todas as suas nuances. Meu estilo está muito ligado à emoção, ao sentimento que cada tom e expressão pode trazer. Trabalho muito manualmente, acredito na força do trabalho artístico. Adoro tinta aquarela, acrílica, lápis-de-cor, grafite, nanquim. Além de abusar dos recortes e colagens. Tudo depende do projeto em que estou trabalhando e de qual a melhor maneira para resolvê-lo. Na maioria das vezes, finalizo meus trabalhos no Photoshop, para dar um toque final às cores e contrastes.

“Personalidades” (2007) C l i e n t e : P ro j e t o a u t o r a l M a t e r i a l u t i l i z a d o p a r a c o m p o s i ç ã o : “ G r a f i t e s o b re p a p e l , t e x t u r a s d e a q u a re l a e f i n a l i z a ç ã o e m P h o t o s h o p ”

“30 sentimentos” (2006) C l i e n t e : P ro j e t o 3 0 ( w w w. trinta.art.br) Material utilizado para composição: “Recorte + c o l a g e m , t i n t a a q u a re l a e finalização em Photoshop”

22 :: Webdesign

A visão

panorâmica da produção de um projeto “Projetos de mídias interativas são dinâmicos, mas isso não significa que podem ser descontrolados”

No mercado brasileiro, quando falamos sobre o gerenciamento de projetos web, ainda é comum ouvirmos os termos “burocracia” e “engessamento” como sinônimos deste processo no andamento produtivo de uma empresa.

Para quem ainda nutre tal pensamento, o depoimento de Fabiano D’Agostinho, responsável pelo escritório de projetos da AgênciaClick (www.agenciaclick.com.br), certamente vai ajudar a quebrar determinados pré-conceitos.

Isso porque, nesta entrevista, o especialista nos apresenta um detalhamento completo sobre os principais desafios envolvidos na implementação desta metodologia na estrutura de uma agência. Confira!

Wd :: Completamos uma década de internet comercial no Brasil. Diante das rápidas transformações ocorridas neste segmento, você poderia nos apontar as principais mudanças em relação aos processos de gerenciamento de projetos web?

Fabiano :: A gestão de projetos vem tomando forma dentro das agências. Acredito que uma das principais mudanças é a convergência do profissional de atendimento e o profissional de gestão de projetos. A separação destes dois perfis em “departamentos” diferentes mostrou-se ineficaz, pois cada departamento tinha interesses conflitantes na tripla restrição de projetos (custo, escopo, tempo).

O profissional de atendimento tinha como principal interesse gerar mais negócios e, muitas vezes, oferecia um escopo infactível no tempo ou custo proposto. No outro lado, o gerente de projetos sacrificava o escopo ou a qualidade para conseguir cumprir o prazo “vendido” e/ou incorria um custo mais alto, sem o compromisso com o que havia sido vendido, ocasionando numa queda da rentabilidade do projeto, sem mencionar a queda da satisfação do cliente.

Uma mudança significativa é a unificação desses dois departamentos em núcleos de negócios, nos quais profissionais que atendem também são responsáveis pelas entregas do projeto, e os profissionais de gestão de projetos também são responsáveis por “atender” e gerar novos negócios. Ou seja, os profissionais de atendimento também devem conhecer as metodologias de gestão e desenvolvimento, assim

entrevista - gerenciamento de projetos web :: 23

como o gerente de projetos deve ter aptidões

Wd :: Na prática, quais serão as principais

comercias e de negociação. Este modelo foi capaz

ferramentas utilizadas por um gerente de

de promover clientes muito mais satisfeitos e pro-

projetos web? Quais você costuma utilizar em

jetos muito mais rentáveis.

seu dia-a-dia?

Fabiano :: Uma ferramenta básica de gestão de

Wd :: Falando sobre a responsabilidade de

projetos é o MS Project. Não há como fugir dela.

garantir uma boa sinergia entre os diversos

O gerente de projetos deve, no mínimo, dominar

elementos envolvidos em um projeto, qual

uma ferramenta para elaboração de um crono-

seria o perfil necessário para um profissional

grama consistente, conhecendo o método do

assumir tal tarefa?

caminho crítico, seqüenciamento de atividades,

Fabiano :: Há um impulso dentro de algumas

nivelamento de recursos.

organizações de promover um bom especialista

Sem o domínio destes métodos e sem o uso

funcional para gerente de projetos, acreditando

de uma ferramenta consistente, é impossível fazer

que ele também será um bom gerente de pro-

uma gestão efetiva do tempo do projeto. Não dá

jetos. Mas nem sempre isso é verdade. Esta

para usar o Excel ou então alguma ferramenta de

ocorrência é conhecida como efeito Halo e pode

“to-do” list para elaborar um cronograma consis-

representar uma ameaça, uma vez que a empresa

tente para um projeto de média complexidade.

perderá o bom especialista e poderá não ganhar

A versão 2007 do MS Project teve muitas melho-

um bom gerente de projetos. O gerente de pro-

rias, entre elas uma de destaque foi o “multi-level

jetos deve ter um perfil mais generalista e menos

undo”, que sempre aterrorizava os gerentes de

técnico ou especialista.

projetos que ficavam com medo de fazer muitas

Gerentes de projetos acidentais devem ser evitados. Sempre digo que, para ser gerente de projetos, é preciso muita paixão e gosto pela arte

alterações seguidas, porque não conseguiriam desfazê-las se necessário.

Uma outra ferramenta de grande ajuda é o

de gerenciar projetos, pois quando o projeto é bem

WBSChartPro. Ela é muito boa para criar WBS

sucedido, os louros vão para a equipe (e o bom pro-

(Work Breakdown Structure), que pode ser inte-

fissional deve promover isso) e quando há falhas, a

grada facilmente ao MS Project. A WBS, ou EAP

culpa é sempre do gerente do projeto (e o bom pro-

(Estrutura Analítica do Projeto), traz diversos

fissional deve chamar esta responsabilidade para si).

benefícios para o projeto, pois o subdivide em

24 :: Webdesign

partes menores e mais gerenciáveis, ajudando a

de desenvolvimento deve seguir o “DNA” da

dar uma visão do escopo completo do projeto e de

empresa, respeitando as suas peculiaridades. O

todos seus subconjuntos e pacotes de trabalho.

ciclo de gestão de projetos, de maneira geral,

Também é importante que alguma ferramenta

possui similaridades entre si, independente-

de colaboração e comunicação seja usada. No

mente da indústria em que é desenvolvido, e

dia-a-dia, utilizamos o Windows SharePoint Ser-

deve possuir alguns passos para garantir o seu

vices como extranet para publicar as entregas do

sucesso. Dependendo do tipo, tamanho, comple-

projeto e receber as aprovações do cliente. Isso

xidade e riscos do projeto, esses passos podem

cria um histórico e ajuda a manter a comunicação

ser maiores, menores ou até mesmos suprimidos.

centralizada.

Tudo é uma questão de achar o ponto de equilíbrio. Em mídias interativas, por exemplo, temos

Wd :: Alguns dos principais obstáculos para

que ser ágeis no desenvolvimento e responder

a disseminação dessas práticas pelo mercado

rapidamente às mudanças, portanto é funda-

brasileiro são os mitos de engessamento dos

mental que haja um modelo de comunicação que

processos e do custo elevado para se manter

favoreça este cenário de maneira colaborativa.

tal estrutura. É caro investir no gerencia-

Também é importante que haja um plano

mento de projetos web?

de gestão de escopo/mudanças, para ajudar na

Fabiano :: Sim, existe o mito do engessamento,

decisão do que fazer ou não. Este último deve

mas esse mito precisa ser derrubado. As em-

estar ligado à gestão de riscos. O gerente de pro-

presas devem buscar o equilíbrio nos processos a

jetos não deve dizer “não dá”, ao contrário, deve

fim de encontrar o melhor ponto entre documen-

dizer “é possível fazer, eis os impactos/custos”.

tação e agilidade. Processos não devem lembrar

Projetos de mídias interativas são dinâmicos, mas

burocracia. E ferramentas e sistemas não são a

isso não significa que podem ser descontrolados.

solução dos problemas. A principal mudança, e

O gerente de projetos deve conseguir conduzir a

a mais difícil, é a cultural. Não adianta pensar em

comunicação e a condução do projeto sem jamais

investir em ferramenta ou sistema se os líderes

perder o controle do projeto.

da empresa não estiverem engajados na mudança cultural rumo à gestão de projetos. É preciso haver

Wd :: As boas práticas no gerenciamento de pro-

um “buy-in” do corpo diretivo da empresa, caso

jetos apontam que o ciclo de vida de um projeto

contrário, toda e qualquer iniciativa estará fadada

envolve cinco grupos de desenvolvimento: ini-

ao fracasso. Uma boa maneira de iniciar com um

ciação, planejamento, execução, monitoramento

ótimo “custo/benefício” é implementando o es-

e controle e encerramento. Diante do caráter di-

critório de projetos (PMO - Project Management

nâmico da internet, podemos afirmar que todas

Office). O PMO pode iniciar com uma pessoa que

essas etapas são cumpridas no gerenciamento

servirá de desenvolvedor e guardião da metodo-

de um projeto web?

logia e ferramentas de gestão da empresa.

Fabiano :: Estas etapas acontecem queiram ou não, de maneira estruturada ou não, em tudo na

Wd :: A gerência de projetos é um tipo de

vida. Quando nasce uma idéia, e a identificamos

processo aplicável a diversos segmentos de

como viável, estamos no processo de iniciação.

mercado. Pensando nisso, quais seriam as

A partir do momento que decidimos agir, come-

principais diferenças e particularidades no

çamos a pensar em como colocar a idéia em prática

gerenciamento de projetos voltados para as

ou como executá-la. Isso é planejar. Então, junto

mídias interativas?

com a execução vem o controle para garantir que

Fabiano :: É necessário identificar a diferença

estamos fazendo aquilo que idealizamos e plane-

entre o ciclo de gestão do projeto e o ciclo de

jamos. O fechamento é aquela certificação “missão

desenvolvimento do produto ou serviço. O ciclo

cumprida”, de que tudo foi feito de acordo.

entrevista - gerenciamento de projetos web :: 25

Nos projetos de mídia interativa, acredito que ainda é necessária mais uma fase: o acom-

gestão do prazo num fator crítico.

O bom gerente de projetos não deve ame-

panhamento após implantação. Esta fase é

drontar-se diante deste desafio, deve sim, analisar

fundamental, dada a rapidez com que as coisas

os requisitos, premissas e restrições e propor

mudam na internet. Por isso, é necessário, após o

soluções, oferecendo as possibilidades e seus

lançamento, acompanhar a eficiência do produto

custos. Gerenciar projetos é gerenciar a escassez

ou serviço, através de métricas de data intelli-

de recursos. Portanto, dada a tripla restrição

gence para avaliar a necessidade de atualizações.

(custo, escopo, tempo), muitas vezes é necessário escolher duas para serem fixas a fim de deixar a

Wd :: Ainda sobre o andamento das etapas

outra variável. O modelo “Getting Real” defende

de gerenciamento de um projeto, quais são

que o escopo é o que deve ser sempre reduzido,

as principais técnicas utilizadas para garantir

mas isso nem sempre é possível (na maioria das

a sua aplicação correta e eficaz?

vezes não é) e é aí que o gerente de projetos deve

Fabiano :: Sem dúvida, a principal técnica é o

conhecer técnicas de compressão de cronograma,

treinamento. Os gerentes de projetos já devem

como o “fast-tracking” ou “crashing”.

ter conhecimento e experiência de gestão de

O gerente de projetos deve ser capaz de tra-

projetos e não podem ser simplesmente os

balhar com estas três variáveis a fim de entregar

gerentes acidentais ou aqueles gerentes “leva-

aquilo que o cliente precisa dentro da qualidade

e-traz”. Mas, independentemente de suas

esperada. É importante dizer que a qualidade

capacidades prévias, a agência deve exaustiva-

também faz parte desta tripla restrição, pois com

mente treinar sua equipe de gestão em relação

a alteração de qualquer um dos itens do tripé, a

às peculiaridades de sua metodologia e de seus

qualidade também poderá ser alterada, gerando

processos e reforçá-las constantemente. Os

impacto nos riscos do projeto e, conseqüente-

requisitos de cada etapa devem ser claros, explí-

mente, a satisfação do cliente estará em jogo.

citos e suportados por toda empresa. Na etapa de execução, é importante que a agência tenha

Wd :: O PMBOK (Project Management Body of

sua própria metodologia de desenvolvimento,

Knowledge), criado pela PMI (Project Mana-

com seus processos claramente desenvolvidos e

gement Institute), é considerado o principal

comunicados. Isso é a alma da agência e mostra

modelo quando falamos de gerenciamento

sua personalidade, experiência e competência.

de projetos. Quando trazemos esta realidade para o mercado de internet, é possível utilizá-

Wd :: Outro aspecto importante é que o

lo no controle de projetos interativos?

gerente de projetos estará sempre envol-

Fabiano :: É perfeitamente possível. O PMBOK

vido com a administração de um triângulo

não é uma metodologia. Também não é um

de variáveis: custo, escopo e tempo. Diante

pacote de processos mágicos que devem ser

de sua experiência, quais destas variáveis

seguidos integralmente para garantir o sucesso

representam o maior desafio para se garantir

de um projeto. O PMBOK é um guia com um con-

o sucesso de um projeto interativo?

junto de conhecimentos que são reconhecidos

Fabiano :: Cada projeto é único! Essa é a

como “boas práticas” e são aplicáveis na maioria

principal característica que define um projeto.

dos projetos. Por isso, talvez ele seja tão am-

Portanto, um projeto pode ter como maior de-

plamente utilizado e referenciado, seja no meio

safio qualquer um dos vértices do triângulo, ou

da construção de prédios, de foguetes ou de

até mesmo todos. É claro que, nos dias de hoje,

software e, com certeza, essas práticas também

o “time-to-market” deve ser cada vez menor,

podem ser aplicadas nos projetos de internet.

fazendo com que o ciclo de gestão do projeto também seja bem reduzido, e isso transforma a

O próprio PMBOK diz que os 44 processos não precisam ser aplicados em todos os pro-

26 :: Webdesign

jetos, ao contrário ele diz: “a equipe de gestão

Não é possível falar em sucesso de um pro-

de projetos é responsável por determinar o que

jeto sem louvar a competência do gerente de

é apropriado para qualquer projeto”. A empresa

projetos. Essa é a figura dentro das empresas que

deve entender esse grupo de conhecimento e

deve receber atenção e investimento através de

então adaptá-lo aos seus processos de forma a

treinamento, capacitação e coaching. Uma boa

criar o modelo de trabalho e framework mais ade-

metodologia pode não entregar um projeto de

rente às suas necessidades. Dentro de uma mesma

sucesso se o gerente de projetos não for com-

empresa, projetos diferentes requerem processos

petente o suficiente. Agora, se houver um ótimo

diferentes e o framework metodológico deve ser

gerente de projetos, mesmo que não haja a me-

abrangente e flexível o suficiente para contemplar

lhor das metodologias, o projeto sairá conforme o

os diversos tipos de projetos de uma maneira ágil.

planejado, sem grandes surpresas, pois inclusive os riscos foram devidamente gerenciados.

Wd :: Ainda em relação aos modelos existentes

Não é possível, por exemplo, construir um

para gerenciamento de projetos, uma meto-

“internet banking” com uma equipe de três pes-

dologia que vem sendo aplicada na concepção

soas. Ou, no tempo que ele ficar pronto, já estará

de ambientes interativos é a “Getting Real”

obsoleto. Também não é possível cortar escopo,

(http://tinyurl.com/ytzmxe), criada pela em-

pois os usuários são exigentes. É a marca do

presa americana 37Signals (www.37signals.

cliente que está em jogo e é preciso uma equipe

com). Além do PMBOK, quais seriam outros

multidisciplinar para “pensar” a melhor solução.

modelos recomendados para aplicação do ge-

Não é apenas sair desenvolvendo, ignorando es-

renciamento de projetos na web?

pecificações funcionais e técnicas.

Fabiano :: Getting Real fala sobre a importância da simplicidade e, sem dúvida, isso é impor-

Wd :: Quais são os erros mais comuns e que

tante. Hoje em dia, é comum estarmos em frente

devem ser evitados no gerenciamento de pro-

à necessidade de desenvolvimento de algo

jetos web?

completamente novo, que nunca foi feito antes.

Fabiano :: Como os projetos web envolvem

Iniciativas no Second Life são um exemplo. É

equipes multidisciplinares, as pessoas e os

lógico que o planejamento se torna mais difícil,

clientes possuem expectativas diferentes que

mas interações nesses casos são importantes.

precisam ser gerenciadas corretamente para

Um conceito interessante na “Getting Real” é o

evitar problemas no andamento do projeto. A

da unidade, que promove a integração de áreas

gestão de expectativas é de fundamental im-

ao invés da separação em áreas isoladas como

portância. Um gerente de projetos gasta, em

redação, design etc.

média, 90% de seu tempo de gestão em tarefas

Há várias práticas propostas no mercado,

relacionadas à comunicação e, se isso for feito

como, por exemplo, a Agile Project Management,

corretamente, ajudará a minimizar diversos pro-

a Agile Software Development e a TenStep. Mas

blemas que terão impacto direto sobre custos,

não defendo nenhum modelo em específico.

tempo, escopo e qualidade do projeto.

Deve-se olhar com cautela para tudo aquilo que

Outro problema freqüente é a tendência da

promete ser a solução de todos os problemas.

escolha pelo mais complexo. Os profissionais web

Metodologias devem ser aderentes à realidade de

devem ter em mente que a internet muda muito

cada empresa. Não existe fórmula mágica e “pa-

rapidamente, portanto não é interessante desen-

cotes fechados” dificilmente serão a solução. O

volver do zero aquilo que já exista, até mesmo

que funciona em uma agência pode não funcionar

porque brevemente esta aplicação será jogada

em outra. Um conjunto de boas práticas adap-

fora com o surgimento de novas. A regra é não

tadas à cultura organizacional de uma empresa e

reinventar a roda. Estamos na era dos widgets e

seus sistemas são as principais ferramentas para

dos códigos abertos! Use-os!

uma agência ter sucesso com seus projetos.

Como os projetos web geralmente possuem

entrevista - gerenciamento de projetos web :: 27

“Não adianta pensar em investir em ferramenta ou sistema se os líderes da empresa não estiverem engajados na mudança cultural rumo à gestão de projetos”

mercado. Fechar os olhos para a gestão de projetos significa tornar-se menos competitivo.

Vem sendo cada vez mais comum em licitações e concorrências que grandes empresas exijam profissionais capacitados e experientes em gestão de projetos nas empresas fornecedoras.

Isso comprovadamente eleva o grau de sucesso

prazos muito agressivos, uma falha comum é não

dos projetos. A AgênciaClick, por exemplo, foi a

planejar o projeto suficientemente, como, por

primeira agência a possuir um escritório de pro-

exemplo, partir para execução sem delimitar o es-

jetos (PMO) e investir em ferramentas, práticas e

copo corretamente, ou criar cronogramas realistas,

capacitação em gestão de projetos.

mas não validá-los com a equipe de desenvolvi-

A prática da gestão de projetos é bastante

mento. Dessa mesma maneira, riscos que poderiam

forte em empresas de desenvolvimento de

ser evitados não são identificados e podem vir a se

software. No entanto, ainda tem muito espaço

transformar na causa de fracasso do projeto.

para crescimento nas agências. Muitos ge-

É necessário critério para não cairmos na ten-

rentes de projetos em agências são verdadeiros

tação de trocar o planejamento pelo “fazejamento”.

“pombos-correio” e isso é necessário mudar. O

O barato pode sair caro e o “simples” pode se

primeiro passo para essa mudança é a conscien-

transformar em um “balaio de gato”. Da mesma

tização da alta gerência sobre a importância e

forma, nem sempre cortar o escopo pode ser uma

benefício das boas práticas de GP.

opção. Lançar soluções incompletas ou com bugs

Todos os envolvidos no gerenciamento de

e esperar que o cliente indique o melhor caminho,

projetos têm um papel importante nessa cons-

também não costuma ser uma boa idéia, ao con-

cientização, estudando, buscando treinamentos

trário, pode ser fatal. Internautas possuem hoje uma

e crescimento profissional. Colocando o apren-

gama muito grande de aplicações e marcas para

dizado adquirido em prática e mostrando os

escolher e eles não são pacientes. A fidelidade na

benefícios da gestão efetiva de projetos para a alta

internet é algo difícil de conquistar. Portanto, se

gerência, ela certamente investirá nesta área, pois

um usuário sentir-se frustrado ao navegar por uma

verá que o retorno é garantido. Afinal, um projeto

solução on-line, ele pode nunca mais voltar, e então

de sucesso é aquele que é realizado conforme pla-

esta marca estará fadada ao fracasso.

nejado e o segredo está em como ele é planejado.

Não é inteligente, por exemplo, deixar para trabalhar em um problema apenas quando ele se tornar um problema. Pode sair caro. Para isso, existe gestão de riscos, onde primeiramente os riscos são identificados, depois qualificados para priorizar quais deverão receber mais atenção e então são quantificados e estrategicamente analisados a fim de encontrar um plano de ação inteligente.

Wd :: Por ser um mercado ainda em fase de consolidação, você acredita que as práticas de gerenciamento de projetos vêm sendo bem aplicadas pelas agências brasileiras? O que é preciso mudar?

Fabiano :: Não há dúvida de que a gestão de projetos está amadurecendo dentro das agências. Isso vem acontecendo por necessidade e imposição do

28 :: Webdesign

Gerente de projetos: habilidades necessárias

Dicas de leitura

1) Integrador

Knowledge (PMBOK Guides)”

“Deve garantir que as peças se encaixem. Projetos

Autor: Project Management Institute

“A Guide to the Project Management Body of

na internet requerem diversos talentos específicos, entre arquitetos de informação, designers,

“Agile Project Management: Creating Innova-

diretores de arte, redatores, analistas, programa-

tive Products”

dores, engenheiros de sistemas etc. O gerente

Autor: Jim Highsmith

deve garantir que o que está sendo feito numa etapa vai funcionar corretamente na etapa subse-

“Como se Tornar um Profissional em Gerencia-

qüente. Deve garantir também que uma alteração,

mento de Projetos”

e os projetos estão cheios delas, numa etapa ou

Autores: Adriane Cavaliere e Paul Campbell

processo tenha o impacto analisado em todas as

Dinsmore

outras etapas, e só então seja implementada” “Gestão de Projetos - As melhores práticas” 2) Exímio comunicador

Autor: Harold Kerzner

“Deve garantir que todos estejam falando a mesma língua. Que todos tenham um entendimento único

“Gestão de Projetos: Técnicas e Práticas com

sobre o projeto. Não deve haver ‘ah, eu não tinha

Ênfase em Web”

entendido isso’ e o gerente de projetos deve traba-

Autor: Leonardo Molinari

lhar exaustivamente com a comunicação e todas as ferramentas disponíveis para fazer com que a infor-

“PMP® Exam Prep Book - Fifth Edition”

mação certa, chegue na pessoa certa, no momento

Autora: Rita Mulcahy

certo, da maneira certa” “Winston Churchill, the Agile Project Manager” 3) Negociador

Autor: Mark Kozak-Holland

“Gerenciar projetos é gerenciar a escassez. Seja a escassez de recursos humanos ou materiais, seja

“Wikinomics: How Mass Collaboration Changes

a escassez de tempo ou de dinheiro. O sucesso

Everything”

de um projeto depende, em grande parte, da

Autores: Don Tapscott e Anthony D. Williams

habilidade do seu gerente de negociar os cenários possíveis do projeto. Nesta perspectiva, é importante que ele tenha criatividade para achar

Referências pela internet

soluções e gerar novos negócios”

- Dandrea Projetos (http://tinyurl.com/3d9vny) - Gantthead (www.gantthead.com)

4) Facilitador

- Grupos de discussão do MS Project (http://

“Deve perceber as necessidades da equipe de seu

tinyurl.com/2xqxn6)

projeto e garantir que elas sejam atendidas. Não

- International Institute for Learning - Brasil (www.

é necessário reuniões para isso. Ele deve estar

iil.com.br)

próximo de sua equipe e saber o que está acon-

- Project Management Institute (www.pmi.org)

tecendo, a fim de identificar formas de melhorar

- Revista MundoPM (www.mundopm.com.br)

o trabalho da equipe, evitando desperdícios e

- TenStep (www.tenstep.com)

ociosidade”

30 :: Webdesign

Email

Marke

A gar ra f

a de c omu

nicaç

ting:

ão lan O uso çada cotid no ma grada iano d tivam a inte r certo ente, r n e t deste e n t re geran m e rc a a pop do um do no ulaçã a ime cia e o bra país. nsa e a atra sileira As es xpect ção q tatíst a c re s c t iv u e a icas n e s o b re o meio Para ão de se ter a exp vem c ix uma id de qu ansão a a m u s m a a t ro b entir ndo e éia, n a imp ilhões m nos osso que v ortân comé sa so d e re ivemo r cieda a c is por io ele s de. n a re d t a r conec ô n n o ico m . Talv e, po tados ez fru ovime is som no mu to da nta m os os com c ndo, inten ais usuár e rc a d à sa ex f r ios qu ente e 22 h p e dos a e r iê oras m m n O u t ro ais ho cia meric ensais ponto ras fic anos, . pela c am intere japon omun e s sante ses e icação alemã no pe de co . Você es, rfil do munic s a bia qu usuár ação está p u io e t il o b iz rasile e-mail ada p re s e n iro é elos n te no é a pr o gos Gesto ossos último incipa to r da I in l e a t s t e t n ividad u r t n d o re ernet a u princip t a e s a ? n li o z A a B ais at do em const rasil e ividad ataçã p a rc e o IBG indica o e s re a ria pe E. Qu ram a li z lo Co ando adas mecâ m n p it a e n ê r ic in g “O ea de e untad terne mail t t, 64, nviar os so em fa 76% d b re a e re c e cilitad s os en b er e-m o a co trevis a il s. tados munic ação e n t re pesso as em todo o

capa - e-mail marketing :: 31

mundo, tem superado expectativas sobre custo,

marketing é complementar a todas as outras

benefício e interação do usuário. Podemos dizer

mídias, on-line e off-line, por todos os motivos

que o e-mail, além de um meio rápido e barato

citados acima”, afirma Walter.

de comunicação, consegue agregar benefícios,

Outra vantagem desta ferramenta envolve seu

como: registrar e documentar mensagens, elimi-

caráter de direcionar a comunicação exatamente

nar barreiras geográficas e atingir o público-alvo

ao público que se quer atingir. “Este é o único

em qualquer lugar que ele estiver. A privacidade

instrumento que o cliente percebe que é direcio-

e tempo de resposta são fatores relevantes na

nado para ele. Produtos e serviços são ofertados

escolha dessa comunicação, pois garante que

para aquela pessoa. Uma comunicação segmen-

as pessoas se sintam à vontade para responder

tada, One to One. Todas as outras formas de

no tempo em que acharem necessário e, assim,

comunicação são provocativas (floaters, banners,

garantir o melhor momento para a interação.

skyes etc.), causam impacto em um prospect, sem

Hoje, esse formato de comunicação não restringe

um desejo comunicado anteriormente de vontade

idade, sexo, ou classe social, sendo acessível a

de receber uma comunicação sobre aquele tema

todos e faz com que cada vez mais pessoas em

específico. E são, na verdade, formatos de propa-

diferentes regiões, de diferentes culturas e hábi-

ganda tradicional (TV, jornais e revistas)”, ressalta

tos, comecem ou continuem a utilizar o e-mail

Sérgio Coelho, sócio-diretor da agência HomeWe-

como principal meio de comunicação”, analisa

bbing (www.homewebbing.com.br).

Walter Sabini Júnior, CEO da Virid Interatividade Digital (www.virid.com.br).

Com esses valiosos dados em mãos, as agên-

Tinha uma pedra no meio do caminho A frase é do célebre poeta mineiro Carlos

cias e os profissionais envolvidos com a produção

Drummond de Andrade e pode ser aplicada

na web vislumbram um nicho de mercado que

ao processo evolutivo do e-mail. Isso porque a

pode render bons frutos para os seus negócios.

prática do envio de mensagens comerciais não

Estamos falando do e-mail marketing. Nova-

solicitadas pelo usuário, conhecida como spam,

mente, vamos recorrer aos números para com-

começou a prejudicar o meio como forma de

provar tal afirmação.

comunicação.

Na 2ª edição da pesquisa “O uso do e-mail

Podemos dizer até que o pânico começou

marketing nas corporações brasileiras”, reali-

a tomar proporções grandiosas. Durante algum

zado pela WBI Brasil (www.wbibrasil.com.br), em

tempo, especialistas apontavam que o spam

parceria com a Focal Pesquisas e a A2C Internet,

poderia acabar com o correio eletrônico, devido

49,14% dos entrevistados revelaram que efetuaram

ao tráfego de mensagens indesejadas que tiram a

compras após receber um e-mail de propaganda

paciência e o tempo útil de navegação do usuário.

e 55,53% das empresas apontavam que já tinham

Hoje, a boa notícia é que esse cenário parece

desenvolvido ações na área. Então, qual seria a

ter sido contornado, pois como vimos acima, o

melhor explicação para números tão otimistas?

e-mail ainda continua sendo uma importante fer-

“O e-mail marketing possui a melhor relação

ramenta de comunicação. “Seguindo essa lógica,

custo/benefício comparado a outras formas de

aquela ligação que recebemos no meio do dia,

comunicação on-line. Pode ser utilizado em diver-

oferecendo um plano de saúde, por exemplo,

sos tipos de campanhas, seja ela de prospecção

deveria acabar com o telefone, não é mesmo? O

ou de relacionamento. É capaz de ser informativo

fato é que as pessoas se adaptam à dinâmica dos

ou impactante, periódico ou sazonal, passivo ou

meios e aprendem a extrair os benefícios e se

interativo e tudo ao mesmo tempo. Consegue,

proteger das desvantagens”, argumenta Car-

até mesmo, ser viral e, por seu caráter ime-

los Pitchú, diretor da unidade de web da Salem

diatista, é capaz de causar impacto no público

(www.salem.com.br).

exato, em dias e horários estratégicos. O e-mail

O avanço da tecnologia também contribuiu

32 :: Webdesign

“O e-mail marketing possui a melhor relação custo/benefício comparado a outras formas de comunicação on-line” (Walter Sabini) para diminuir as ações maliciosas. “Inicialmente,

Inovação), Marcus de Freitas (diretor de planeja-

acho que os usuários começaram a perceber o

mento estratégico) e Fabiana Deziderio (gerente

que era lixo e o que não era lixo. Após um grande

de negócios), a ferramenta assume papel funda-

aprendizado com o recebimento de inúmeros

mental quando utilizada de forma estratégica.

spams, os usuários já começam a identificar o que é

“Só precisamos lembrar que o e-mail marke-

spam e o que ‘a princípio’ não é spam. Outro ponto

ting é uma das ferramentas da estratégia e ele

importante que não podemos deixar de destacar foi

tem tempo e papel definido na comunicação. Um

o avanço da tecnologia, dos servidores que come-

e-mail marketing (não uma newsletter que só tem

çaram a expurgar ações de spams, dos filtros, enfim

o papel de informar) vem sempre acompanhado

de uma série de procedimentos que foram instala-

de um trabalho maior, como, por exemplo, o lan-

dos para proteger os usuários”, relata Sérgio.

çamento de um site, ou de uma nova ferramenta.

Além disso, a mudança na cultura de quem

É como dizemos ‘a ponta do iceberg’. O principal

trabalha o marketing por e-mail foi fundamental

benefício é conseguir sustentar um contato com

para que a prática caísse em total descrédito.

a base de clientes e prospects com baixo custo. E

“O mercado está repensando a sua forma de se

mensuração efetiva”, orientam.

comunicar com o cliente. Sabe-se que, quando

Tal argumento é reforçado pelos benefícios

você recebe um e-mail com assunto que não é de

que a ação pode proporcionar. “Quando traba-

seu interesse, as chances de você ler/clicar são

lhado em conformidade com o público e objetivo

mínimas. Então, por que mandar 100 mil e-mails

do cliente, os benefícios são imensos, pois ele é

e torcer para dez usuários clicarem? Sendo que

barato, instantâneo, personalizável e não agride

eu posso filtrar isso e mandar e-mails com assun-

o meio ambiente, já que a mensagem é transmi-

tos certos para as pessoas de interesse. Dessa

tida sem a necessidade de ser impressa. Por si só,

forma, com 100 e-mails, posso ter o retorno de

torna-se viral, devido a possibilidade de encaminhar

80 usuários que irão ler e clicar. Assim, o trabalho

com facilidade. Possui a melhor mensuração do

para essa filtragem poderá ser um pouco maior,

ambiente on-line, pois, além de medir visualizações,

porém, haverá redução de custos e maior resul-

cliques, tráfego de origem-destino, conversões etc.,

tado efetivo”, aponta Thiago Torres, coordenador

captura hábitos do destinatário complementando

de desenvolvimento em criação da VM2 Agência

suas informações de cadastro”, revela Walter.

Digital (www.vm2.com.br).

Além disso, lembrando dos transtornos causados pelo spam, as campanhas só devem ser

Quando seu uso é recomendado?

direcionadas para quem efetivamente autorizou o

Não é porque o marketing por e-mail é cercado

seu recebimento. “O e-mail marketing é sempre

de números tão significativos, que você deve sair

bem-vindo, desde que seja empregado de forma

disparando campanhas a esmo. “Elas são reco-

estratégica e não disparado aleatoriamente. Só

mendadas sempre no lançamento de sites, anún-

deve ser utilizado quando o público-alvo aceita

cios de eventos, promoções e tudo que envolve

receber as mensagens (opt-in). Além disso, é

lançamentos. Com um bom banco de e-mails, você

recomendado que, além de opt-in, assegure-se

terá retorno imediato. O beneficio é que você

que o público possua interesse na mensagem

ganhará tempo e ao invés de esperar o usuário

e isso pode ser garantido usando o recurso da

chegar na sua página para ver a informação, você

segmentação”, alerta Walter.

corre atrás do usuário e faz ele saber que aquela informação existe”, diz Thiago.

Segundo os especialistas da agência Lumina1 (www.lumina1.com.br), Fabio Flandoli (VP de

Trabalhando a forma e o conteúdo Na hora de estruturar a forma e o conteúdo do e-mail marketing, é preciso ficar atento aos

capa - e-mail marketing :: 33

elementos que estarão divididos em três partes: topo, corpo e rodapé da mensagem. “O topo, geralmente, contém um link para visualização do e-mail marketing direto no browser, como uma página da web. Essa prática de usabilidade garante a visualização correta da mensagem, caso o usuário tenha problemas em visualizar as imagens ou formatação de cores e fontes em sua aplicação de e-mail”, explica Walter.

Lembrando ainda que o topo é a primeira parte a ser visualizada pelo usuário. “O importante é lembrar que o primeiro bloco de informação é fundamental para toda a peça, pois é o de rápida leitura pelo usuário. Além disso, os campos From (De) e o Subject (Assunto) são super importantes para que o cliente se interesse na abertura da mensagem”, cita Daniel Winter, gerente de planejamento da Addcomm (www.addcomm.com.br).

“Por que mandar 100 mil e-mails e torcer para dez usuários clicarem?”

(Thiago Torres)

Já no corpo da mensagem, o primeiro cuidado envolve a definição da família tipográfica. “Aqui e em todos os demais textos importantes do e-mail marketing (incluindo títulos e links), é altamente recomendado utilizar fontes de sistema, que são fontes básicas presentes em todos os sistemas operacionais. Ao definir uma formatação de fonte, ofereça alternativas como neste exemplo: ‘Helvetica, Arial, sans-serif’. Quem não tiver a fonte Helvetica, vai visualizar o conteúdo na fonte Arial (a segunda definida) e quem não tiver nenhuma das duas, vai visualizar o estilo sans-serif sem comprometer o design. Dentro das fontes de sistema, é importante identificar aquelas que são nativas apenas de Windows, como Trebuchet MS, Arial e Verdana e providenciar alternativas para usuários de Mac OS e Linux”, diz.

Segundo o especialista, outro detalhe importante na concepção gráfica do corpo da mensagem é o uso de imagens. “Use sempre em

Participação dos assinantes Quais critérios você utiliza na hora de escolher um sistema de envio de e-mail marketing?

formato *.jpeg ou *.gif, com 72 dpi de resolução (algumas versões do Internet Explorer não interpretam bem o formato *.png). Cuidado

Vencedor!

também para não pecar no excesso: se o e-mail tiver mais imagens do que texto, poderá ser classificado como spam. O mesmo vale para uma única imagem grande e com link. A marca da empresa remetente deve estar no topo e à esquerda para uma rápida identificação por parte do usuário”.

Em relação à paleta de cores da peça, as particularidades vão

Rafael Burity rafaelburity@gmail.com

desde as restrições técnicas do aplicativo de leitura de mensagens

A disponibilidade do sistema

ao perfil do público-alvo. “O uso de cores também merece cuidado

e a facilidade de uso têm

especial: algumas aplicações de e-mail não interpretam cores de

um peso enorme na escolha.

fundo definidas em folhas de estilos ou na própria tag e, se sua men-

Mas, sem dúvida, o que mais

sagem for composta em texto branco e fundo preto, o usuário não

interfere é o fato de o sistema

poderá ver o conteúdo”, explica Walter.

ter independência na utilização

“É claro que mandar uma mensagem com uma fonte ilegível ou com cores tão fortes, que fazem você pular da cadeira, está fora de questão. Mas as boas agências estão acostumadas a fazer esta peça e sabem que clareza é fundamental. Outro ponto é que o brasileiro

e adaptação, tanto em design quanto nas funcionalidades.

Prêmios: 1 Pendrive (Siweb) e Treinamento de Tecnologia (Impacta)

34 :: Webdesign

é bem visual. Então, nada de enviar e-mails no estilo americano, que normalmente tem fundo branco e textos enormes”, complementam Fabio, Marcus e Fabiana.

No terceiro bloco de informações, oferecer uma forma de descadastramento ajuda a reforçar a seriedade e a preocupação do remetente com as boas práticas. “Por fim, no rodapé, é de bom tom incluir um link para opt-out, caso o usuário não queira mais receber mensagens deste remetente”, diz Walter.

Além do opt-out, a ética também se estende para o que será oferecido ao usuário quando ele clicar no link apresentado no e-mail marketing. “Um call to action bem definido é muito importante para a efetividade da peça, mas a principal recomendação é um conteúdo que reflita exatamente o que o usuário vai encontrar após o clique. Ética acima de tudo. Não adianta tentar enganar os usuários com promessas milagrosas que o frustrem depois. O usuário tem que Call to action

perceber credibilidade na peça e na oferta. Mentir ao usuário é a

O que chama o usuário a agir,

forma mais rápida de acabar com a sua base”, orienta Tiago Cruvinel,

clicar. São textos ou botões

diretor da iThink (www.ithink.com.br).

orientados a ação.

Nesta etapa do processo, não devemos esquecer que a criatividade é um dos elementos principais para se garantir o sucesso da

Fonte: Glossário de e-mail marketing (www. webpaulo.com/glossarios/glossario-de-e-

campanha. “Uma ação de e-mail marketing tem sempre que estar ali-

mail-marketing)

nhada com o objetivo da campanha, no visual e na estratégia. Aprecio muito campanhas criativas, como uma da Volks, que tinha uma animação de um cão que corria atrás de um carro utilizando recursos simples de links com âncoras, e a campanha The Axe Effects, da

2º lugar

Holics (www.holics.de/axe). Creio que a criatividade para otimizar os resultados que a ferramenta proporciona é o ideal”, afirma Ricardo Rimoli, diretor de criação da Made (www.made.com.br).

“Um caminho é repensar a forma de ver um e-mail, criar uma interatividade em que é possível fazer o usuário não apenas clicar e sim pensar. Há alguns meses criamos uma campanha pela qual o usuário

Paulo Vitor

poderia ‘jogar’ dentro do e-mail, a mensagem seria para um novo jogo

pvnaves@gmail.com

e quando o usuário clicava na opção desejada, o e-mail descia para a

Existem diversos fatores que influenciam, entre eles podemos citar o controle de envio de e-mails,

outra opção desejada, isso tudo através de uma âncora colocada no email. A idéia era a interatividade que gerou a possibilidade de ‘navegar’

com agendamento, filtragem de

pelo e-mail, fazendo ele ficar curioso sobre o lançamento e obrigando

erros, indicando o tipo de erro - caixa

ele a clicar. Uma idéia simples e que deu um retorno excelente”, com-

cheia, e-mail inválido, personalização

plementa Thiago.

das mensagens, mesclando dados específicos, relatórios e gráficos detalhando sucesso de envio, erros, abertura de mensagens (mostrando, inclusive, o número de vezes que um determinado endereço abriu a mensagem), entre outros.

Administrando a base de dados Além dos aspectos gráficos, de conteúdo e de tecnologia, a efetividade de um e-mail marketing vai depender também da qualidade do banco de dados a ser utilizado no disparo da campanha.

“Este é um dos pontos fundamentais para o sucesso de uma

Prêmios: 1 ano de hospedagem grátis

campanha. Se a base não for adequada, com certeza a sua ação não

(PlugIn) e Curso Flash em turma (Afterweb)

obterá o resultado esperado. Pode existir a melhor criação, a melhor

capa - e-mail marketing :: 35

ferramenta de envio, mas se a base não estiver limpa, com o público específico para esta ação, de acordo com a demanda do produto ou do serviço, será apenas mais uma ação de comunicação sem sucesso.

3º lugar

Portanto, na fase de planejamento, a validação de adequação da base de dados com o produto e serviço deverá ser avaliada”, orienta Sérgio.

Um detalhe fundamental é a atualidade dos endereços ali contidos. Para se ter uma idéia, cerca de 30% dos e-mails de uma base mudam todos os anos, segundo revela pesquisa da empresa de

Tiago Thadeu

marketing direto Zartana (www.zartana.com).

tiago@estudioeureca.com.br

“O melhor banco de dados para trabalhar é o banco de dados de clientes. Isso porque esses serão os usuários mais receptivos à mensagem, que estão acostumados com a marca e que se cadastra-

Os principais critérios que utilizo são: facilidade de uso da ferramenta para as ações básicas - criação das listas de e-mails, importação dos contatos e

ram por vontade própria. A interação é, sem dúvida, muito maior que

relatórios do envio; preço; empresas

a compra de base, por exemplo. Para ter sempre uma base pronta

que já usam; e as formas de suporte.

para disparo, é necessário atualizar periodicamente os dados dos

Prêmios: Consultoria de Webmarketing

cadastrados (eles vencem muito rápido) e, a cada nova ação, conferir

(Acessa Host) e 3 meses de hospedagem

se os usuários opt-out estão realmente excluídos”, ressaltam Fabio,

grátis (Digiweb)

Marcus e Fabiana.

No final, um bom trabalho será alcançado sempre que você procurar conhecer e respeitar o seu usuário. “É o primeiro passo para

4º lugar

se manter uma base útil e eficiente. Sua base é construída ao longo de todo o processo de relacionamento com prospects e clientes.

Sua qualidade é diretamente proporcional à forma como a empresa conduz suas ações de e-mail marketing e captação de cadastros. Não adianta disparar uma peça com um conteúdo totalmente fora das

Gustavo Buarque

necessidades de um determinado usuário. A campanha só será efe-

gustavo@deforma.com.br

tiva se a oferta for realmente útil e aderente aos usuários. De outra

Geralmente, vejo a capacidade, se

forma, prepare-se para perdê-lo”, alerta Tiago.

tem tempo para pausas para não travar o servidor e se possui ainda lista de mensagens que foram

Marketing por e-mail longe do spam

enviadas, categorias e de cadastros posteriores das mensagens e e-mails.

Bate-papo: Cristine Hoepers, gerente de segurança do CERT.br

Prêmios: 1 ano de hospedagem grátis

(www.cert.br)

(Truizz) e Livro “Tempo é Lucro” (X25)

Wd :: Quais são os prejuízos causados pelo tráfego de spam pela internet brasileira?

Assinantes ganham descontos exclusivos em cursos e empresas de hospedagens. Confira no site!

Cristine :: Para as empresas e provedores os problemas são inúmeros e, muitas vezes, o custo adicional causado pelo spam é transferido para a conta a ser paga pelos usuários. Alguns dos maiores problemas são: * Impacto na banda. Para as empresas e provedores, o volume de tráfego gerado por causa de spams os obriga a aumentar a capacidade de seus links de conexão com a internet. Como o custo dos links é alto, isto diminui os lucros do provedor e, muitas vezes, pode refletir no aumento dos custos para o usuário. * Má utilização dos servidores. Os servidores de e-mail dedicam

“Mentir ao usuário é a forma mais rápida de acabar com a sua base” (Tiago Cruvinel)

36 :: Webdesign

boa parte do seu tempo de processamento para

mais importantes na redução dos spams partindo

tratar das mensagens não solicitadas. Além disso, o

das redes do Brasil.

espaço em disco ocupado por mensagens não solici-

Com adoção destas boas práticas anti-spam,

tadas enviadas para um grande número de usuários

também se reduz o impacto de fraudes e do

é considerável.

abuso de nossas redes para o envio de spams

* Inclusão em listas de bloqueio. O provedor

relacionados com phishing scams. Um resumo de

que tenha usuários envolvidos em casos de spam

outras atividades da Comissão pode ser encon-

pode ter sua rede incluída em listas de bloqueio.

trado em: www.cgi.br/acoes/antispam.htm.

Esta inclusão pode prejudicar o recebimento de e-mails por parte de seus usuários e ocasionar a

Wd :: Quais são as práticas que o Comitê Anti-

perda de clientes.

Spam recomenda de serem adotadas para que

* Investimento em pessoal e equipamentos.

uma campanha de e-mail marketing não seja

Para lidar com todos os problemas gerados pelo

classificada como spam?

spam, os provedores necessitam contratar mais

Cristine :: Fazer marketing pela internet sem

técnicos especializados, comprar equipamentos e

provocar spam requer o uso de boas práticas,

acrescentar sistemas de filtragem de spam. Como

entre elas:

conseqüência, os custos do provedor aumentam.

* Enviar e-mails somente para os clientes que optaram pelo cadastro na lista de divulgação de

Wd :: Quais medidas o CGI.br (Comitê Gestor

seus produtos e/ou serviços. Tal cadastro pode

da Internet no Brasil) tem adotado para dimi-

ter sido feito por telefone, na hora do primeiro

nuir a circulação de spam em redes brasileiras?

contato comercial ou por formulário disponível no

Cristine :: A Comissão de Trabalho Anti-Spam do

site da empresa na internet.

CGI.br tem investido em articulação e conscienti-

* Não usar listas de divulgação de terceiros,

zação de todos os envolvidos. O spam não é bom

nem comprá-las de fornecedores de mala direta.

nem para quem recebe nem para quem gostaria de fazer marketing por e-mail.

No site Antispam.br (www.antispam.br), existem informações para os usuários de internet e para administradores de redes e de sites internet.

* Não reutilizar listas de divulgação, ou seja, não enviar informações de determinado serviço aos clientes cadastrados na lista de divulgação de outro serviço, ainda que sejam da mesma empresa. * Respeitar as opções do cliente no preenchi-

A parte dedicada ao público em geral tem dicas

mento de formulários de cadastramento em listas

sobre como reconhecer fraudes, como proteger o

de divulgação, por escrito ou on-line.

endereço de e-mail, o que levar em consideração ao escolher uma ferramenta anti-spam, entre outras.

Já na parte dedicada a administradores de

* Respeitar as solicitações de descadastramento de suas listas. * Não iniciar o primeiro contato com o cliente

redes e sites internet (www.antispam.br/admin), o

por e-mail. O envio do primeiro e-mail, sem prévia

maior enfoque é em transmitir informações sobre

autorização do cliente, caracteriza a prática de spam.

ações técnicas que dificultem o abuso das redes brasileiras para o envio de spam.

O site tem enfoque não só em redes prove-

Wd :: Como as agências digitais e os profissionais freelancers, envolvidos na criação e no desen-

doras de banda larga, mas também em serviços

volvimento de campanhas de e-mail marketing,

legítimos sendo abusados, como formulários

podem ajudar a combater tal prática na web?

presentes em páginas web e servidores de e-mail.

Cristine :: A principal ajuda é a aderência às boas

Muitos administradores de sites não têm idéia de

práticas citadas anteriormente, pois elas primam pelo

como seus sites podem ser abusados por spam-

respeito ao cliente, além de não associarem a marca e

mers e fraudadores. Ter acesso a essa informação

a empresa a uma prática considerada abusiva.

e implementar as recomendações são os passos

38 :: Webdesign

Como construir um mailing?

No artigo “Boas práticas E-mail Marketing Parte II - Construção da base”

Sistema de envio: os critérios de escolha das agências

(http://tinyurl.com/3bxqc5), o especialista Fabio Nunes, da Zartana (www. zartana.com), indica as principais maneiras para se construir um mailing:

“Uma composição dos seguintes elementos: usabilidade + capacidade de entrega + rela-

- Ofereça cadastro em seu site e deixe claro como usará a comunicação Ter uma boa página para aquisição de novos cadastros para suas listas de distribuição é um processo muito importante e muitas vezes esquecido. Lembre-se que essa é a principal forma de enriquecer sua base. Mantenha um link de fácil acesso para o formulário e colete apenas informações que serão utilizadas no processo de segmentação. É importante comunicar a freqüência com que as mensagens serão enviadas e descrever resumidamente o conteúdo. Não deixe as caixas de opção marcadas para recebimento de e-mails.

- Adquira listas somente de fornecedores idôneos e com duplo opt-in Caso você não tenha uma base de e-mails, iniciar suas campanhas com listas de terceiros pode ser uma alternativa, porém utilize com cautela e moderação. Certifique-se de que apenas endereços de usuários que optaram por receber conteúdo de terceiros estão nessa lista - obtidos em formulários de cadastro como “gostaria de

receber promoções e ofertas de terceiros?”. Pesquise sobre a idoneidade do fornecedor, existem empresas especializadas em comercialização e enriquecimento de base.

tório + custo por disparo” (Lumina1) “Eficiência de entrega, nível de personalização das peças, gerenciamento de banco de dados, acompanhamento just in time dos resultados através de relatórios bem elaborados, tra-

- Explore o marketing viral Mantenha sempre em seu site e em suas newsletters um convite para o usuário enviar o conteúdo para um amigo, indicar seu serviço ou produto. Ofereça promoções para indicação e instigue de forma criativa seus usuários a convidarem seus amigos. A forma mais ágil para crescer sua base é com auxílio dos usuários já cadastrados.

- Mantenha uma base de usuários ativos Com o grande volume de novos serviços de provedores de e-mail e rotatividade de funcionários entre empresas, é comum que muitos desses mudem o endereço eletrônico.

Em média, 30% de uma base de e-mails muda a cada ano. Evite enviar comunicação a contas inexistentes ou com problemas de leitura, você paga por isso.

Apresente de forma clara ao usuário o procedimento correto para atualização de seus dados.

cking das ações dos usuários e custo” (iThink) “Qualidade do relatório; sistema friendly de relacionamento da ferramenta; disponibilidade de servidores que disparam campanha; custo x benefício” (HomeWebbing) “Um critério muito importante é se o prestador de serviço de disparo garante total sigilo e segurança dos dados do cliente e se mantém seu endereço IP fora das listas negras dos principais provedores de internet” (Salem)

Especificações técnicas de um e-mail marketing - Largura e altura de 450x550 pixels para evitar scroll - Tamanho recomendado: até 20kb do HTML - No HTML, evitar o uso dos seguintes recursos: CSS, style, span style, background, div, Flash, formulários e Javascript - Imagens até 45 kb - Imagens com links absolutos - É recomendável um mix de imagens fatiadas com o uso de alt tags (texto descritivo) - Para formatação de fontes, use tags como font face, font size ou color - Colocar uma alternativa para quem não recebe em HTML - Permitir saída da base de dados (link opt-out) Fontes: Sérgio Coelho e Walter Sabini

40 :: Webdesign

Pela existência formal da profissão

Junto com outros campos do

garantir a sobrevivência de qualquer

conhecimento, o design sempre esteve

empresa. Diante disso, a regulamentação

presente no processo evolutivo das formas

da profissão de designer no Brasil surge

de produção do homem. Na concepção

como um fator essencial para a sua

de produtos e serviços, este segmento é

consolidação no mercado.

parte fundamental de toda a engrenagem

Para entendermos os motivadores

necessária para a obtenção de um ciclo de

e seus benefícios, convidamos quatro

vida sustentável no mercado.

profissionais para responder as seguintes

Hoje, quando pensamos em

questões: Por que a profissão de designer

globalização e a acirrada disputa por

deve ser regulamentada? E, na prática, o

nichos comerciais, a informalidade

que vai mudar com a regulamentação?

profissional parece um risco para se

debate - regulamentação :: 41

Juliana Diniz Diretora de Projetos da DIZ’AIN Soluções Interativas www.dizain.com.br

“O mercado no Brasil é tão informal que acaba por desvalorizar os quatro anos de investimento em educação no período da faculdade e quem sabe em uma pós-graduação” “Vou começar minha resposta com um depoimento. Lembro que quando me formei, os estágios e os empregos oferecidos eram para desenhistas, projetistas, mas raramente para designer. Hoje, o cenário mudou e a profissão virou ‘moda’. Na verdade, não gosto de modismos porque eles sempre passam. É por isso que acredito e torço pela regulamentação da nossa profissão. Com ela virá o reconhecimento enquanto profissão e conseqüentemente regras que as empresas contratantes deverão seguir.

Atualmente, o mercado no Brasil é tão informal que acaba por desvalorizar os quatro anos de investimento em educação no período da faculdade e quem sabe em uma pós-graduação. Aí vem o debate sobre os profissionais brilhantes e criativos que não possuem formação. É claro que eles devem ter um lugar ao sol assim como em qualquer área profissional, mas acredito piamente que se esta pessoa tivesse a oportunidade de dar base fundamentada a tudo o que cria, ela seria mais brilhante ainda.

Acredito no aprendizado contínuo e também que um profissional com formação acadêmica naturalmente deve ter uma remuneração melhor do que o que não possui. Atitudes como essa além de valorizar o profissional, valoriza o mercado e educa o cliente.

Na prática, torço para que a regulamentação traga regras e ajude empresas como a DIZ’AIN a mostrar que são responsáveis e que possuem diferenciais de qualidade em relação aos desenhistas que se dizem designers só porque dominam ferramentas ou softwares de desenho.

Ser designer é muito mais que isso. Dentro de nossas especializações e formação, precisamos buscar inovação, gerar posicionamento diferenciado do cliente, pensar estrategicamente e além de tudo buscar sempre fazer algo diferente do que o mercado está oferecendo, porque senão você será mais um em um milhão e sem nenhum respaldo que uma regulamentação pode trazer.”

42 :: Webdesign

Freddy Van Camp Designer da VanCampDesign e professor da ESDI/UERJ www.esdi.uerj.br

“Depois de uma carreira inteira, em uma entidade estatal como designer, o profissional terá que se aposentar em uma categoria qualquer, já que a profissão não é regulamentada”

“O poder público, seja municipal, estadual ou federal,

Numa indústria que produza artefatos que possuam

quando tiver que fazer uma concorrência ou uma licitação

qualquer tipo de estrutura, afeitos aos designers de produto,

específica, como uma sinalização pública, uma identidade

como uma cadeira, por exemplo, ou um baú de caminhão,

visual ou um equipamento médico, por exemplo, projetos

deve existir um “responsável técnico” que se responsabiliza,

típicos de competência dos designers, estará impedido

dentre outros, pela correção da estrutura projetada.

pela Lei das Licitações Públicas (nº 8.666). Essa lei é

O designer, por não possuir um número de

precisa neste ponto, onde diz que a única maneira de

registro, não pode assinar como responsável, tendo que

caracterizar uma profissão é pelo seu registro profissional.

chamar alguém que o possua. A A.R.T. (Anotação de

As empresas estatais de grande porte e instituições

Responsabilidade Técnica), instrumento legal que identifica

públicas têm normalmente um plano de cargos e salários.

a autoria e os limites de responsabilidade em cada projeto,

Este classifica as profissões em categorias salariais, de

só pode ser emitida por profissionais que sejam inscritos no

competência e de carreira. Depois de uma carreira inteira,

CREA, menos pelo designer que o criou.

em uma entidade estatal como designer, o profissional

Para o designer que significa ser regulamentado?

terá que se aposentar em uma categoria qualquer, já que a

Significa ser reconhecido, significa existir de verdade, ao

profissão não é regulamentada.

menos para o poder público!”

Marcos Nähr Consultor de Conteúdo On-line para América Latina e Canadá na Dell Computadores www.dell.com.br

“Pelo Código do Consumidor, hoje o designer não pode ser responsabilizado pelo seu projeto, mesmo que este tenha defeitos ou ocasione danos ao seu usuário””

“Mais de 60 mil profissionais continuam sem um

Sem ser regulamentado, o designer não pode ser

instrumento de legitimação e reconhecimento que é

tecnicamente responsável pelo que produz. Pelo

a regulamentação dos designers. Desde 1980 foram

Código do Consumidor, hoje o designer não pode ser

submetidos cinco projetos de regulamentação ao

responsabilizado pelo seu projeto, mesmo que este tenha

Congresso, todos arquivados. Esta regulamentação interessa a outros segmentos da sociedade.

Interessa aos empresários. O design é uma

defeitos ou ocasione danos ao seu usuário.

Interessa ao poder público. Sem registro profissional para designers, o poder público não pode “comprar

atividade de alto risco, mas com fiscalização

design” por meio de licitação ou concorrência, seja para

(criada com a regulamentação) pode garantir

projetos de identidade visual, de mobiliário, de um website

o melhor de um profissional, reduzindo

e outros de interesse da sociedade.

o risco ao mínimo necessário em termos de investimento. A regulamentação vai combater a má conduta profissional.

Interessa ao consumidor. Tudo o que é produzido e tem contato com o público precisa de um responsável.

A produção de bens com design é um fator estratégico. Produtos com valor agregado significam maior arrecadação e a conquista de mercados externos. Isso já foi reconhecido pelos países emergentes que concorrem com o Brasil nos mercados internacionais.”

debate - regulamentação :: 43

Mauro Martin Presidente da Associação dos Profissionais em Design do Rio Grande do Sul (ApDesign) www.apdesign.com.br

“A profissão deve ser regulamentada porque tem compromisso com o desenvolvimento nacional”” “A profissão deve ser regulamentada porque tem compromisso com o desenvolvimento nacional. O designer tem conhecimento e capacidade para agregar valor aos seus projetos (sejam de artefatos, gráficos, digitais, de moda, de interiores, comunicação visual, outros). Produtos com forte valor agregado tornam-se fidelizados pelos clientes. É claro que com a regulamentação será exigida a responsabilidade técnica pelos projetos realizados, ou seja, a famosa Anotação de Responsabilidade Técnica (ART).

Com a regulamentação da profissão, o designer terá garantido o direito a participar de licitações, concorrências e/ou concursos públicos. Ter uma profissão regulamentada significa impedir que pessoas que realizam cursos rápidos, sem maiores critérios formais e que não passaram por um comitê profissional, se apropriem da denominação designer, como acontece diariamente em nosso país.

Com a regulamentação, a própria expressão ‘designer’ não precisará mais ser escrita em itálico, como se fosse uma expressão estrangeira. O reconhecimento da existência da profissão irá impor uma maior ética a incontáveis trabalhos de design que são realizados e aprovados diariamente.

Com a regulamentação, o designer receberá uma atenção maior e mais digna por parte do empresariado e Poder Público. O que, como um todo, irá mudar com a regulamentação da profissão do designer, talvez ninguém saiba, mas que trará mais dignidade, moral e amor à profissão, acredito que ninguém tenha dúvida, pois irá proporcionar melhores condições ao exercício da profissão.”

44 :: Webdesign

44 :: e-mais - breadcrumb

Intranet: ambiente digital para um público interno e específico Diante desse mundo digital, onde as informa-

rios. Isso porque a comunicação clara e o alinhamen-

ções circulam em uma velocidade inimaginável e

to de perspectivas são importantes para qualquer

com uma disponibilidade surpreendente, além de

tipo de empresa. Com a intranet, a empresa inteira

diminuir as barreiras para a troca de conhecimentos,

poderá ler da mesma fonte e se comunicar unifor-

as empresas necessitam de um espaço específico

memente”, explica Cristiano Miano, presidente da

dentro de sua estrutura que funcione como um pon-

DigiPronto (www.digipronto.com.br).

to centralizador da comunicação corporativa com seus colaboradores.

Pensando nisso, a intranet assume um papel

Desafios na implementação Para as agências e os profissionais que desejam se

fundamental na consolidação de tal estratégia.

especializar na prestação de serviços neste segmen-

“Sua principal função é ser um importante meio de

to de mercado, a dica é ficar atento às característi-

comunicação entre a empresa e seus funcionários e

cas envolvidas na criação e no desenvolvimento de

colaboradores. Uma intranet deve ser vista como um

um ambiente digital voltado para um público espe-

espaço colaborativo e de compartilhamento de infor-

cífico e interno.

mações, que busca prover da forma mais consistente,

“Acredito que a complexidade seja a mesma

efetiva e eficiente possível, informações que sejam

que para a criação de um portal ou de um website.

relevantes, precisas e atualizadas para o conjunto de

Deve-se analisar sempre qual é o público-alvo, sua

seus usuários”, afirma Adriana Menescal, sócia-dire-

capacidade de navegação, os pontos e assuntos de

tora da Sirius Interativa (www.sirius.com.br).

interesse e estudar muito bem a navegabilidade.

Segundo os especialistas, seu uso é recomen-

No caso das intranets, a complexidade de conteúdo

dado tanto para as empresas de pequeno e médio

costuma ser maior e por isso exige mais esforço na

porte como para as empresas de grande porte.

concepção da interface de menu e na divisão do

“Uma intranet é recomendada para qualquer tipo

conteúdo. Tentamos, na DigiPronto, criar interfaces

de empresa que tenha mais do que três funcioná-

modificáveis, nas quais os usuários poderão alterar as

emais - intranet :: 45

e-mais - breadcrumb :: 45

funções disponíveis na sua página, personalizando o

Relacionamento com o cliente

conteúdo e a forma de visualização - trocando cores,

Quando uma agência é contratada para conceber

fundos e posicionamento do conteúdo. Consideramos

ou reestruturar uma intranet, um dos primeiros

que o usuário de intranet não tem como escolher o

passos é iniciar o seu relacionamento com o de-

seu portal preferido. Portanto, é importante que ele

partamento responsável por tal ambiente dentro

possa personalizar”, relata Cristiano.

da empresa. Assim, alguns detalhes vão ajudar a

Outra questão a ser trabalhada envolve a mudança na mentalidade do ambiente corporativo.

garantir uma troca sadia - e sem obstáculos - das informações.

“A comunicação com o departamento de

“Muitas vezes, os projetos de intranets não alcançam os resultados esperados, porque não é realizado

marketing, no caso de uma intranet, é importante

um trabalho anterior de preparação dos funcioná-

para as padronizações na comunicação. Mas, ao con-

rios para esta nova cultura e modelo de trabalho.

trário de websites, as intranets nem sempre são con-

É necessária uma grande mudança no processo de

troladas e concebidas por esse departamento. Vemos

comunicação da empresa. Por exemplo, é muito

vários casos do departamento de TI e do RH cuidar

importante que alguns processos sejam transferidos

e conceber a intranet das empresas. No caso do

integralmente para a intranet. Um bom exemplo é o contra-cheque digital. Muitas empresas não mais imprimem o contra-cheque, que passa a ser disponibilizado somente na intranet”, ressalta Adriana.

A especialista lembra ainda dos cuidados para a definição da plataforma tecnológica e do conceito gráfico a ser aplicado. “A escolha de uma plataforma (ferramenta de portal e CMS) deve trazer escalabilidade, produtividade e flexibilidade para o projeto.

“A Web 2.0 caiu como uma luva para as intranets” (Adriana Menescal)

Em relação ao conceito gráfico, ele deverá refletir os atributos da empresa, considerar as melhores práticas de usabilidade e criar um ambiente visual que gere conforto e familiaridade na navegação do usuário. É muito importante também que o projeto inclua o desenvolvimento de um manual contendo guidelines de design, que será uma importante ferramenta para garantir que o conceito gráfico definido para o projeto seja mantido na sua evolução”.

“São aqueles recursos que ninguém se importa ou presta atenção até a hora em que precisa” (Sergio Carvalho)

46 :: Webdesign

relacionamento com o departamento de comunicação,

se considerar as economias de escala e de tempo e o

deve-se tomar cuidado para não ‘ofender’ os profis-

ganho de produtividade e comunicabilidade”.

sionais, com idéias de criação ou de desenvolvimento que possa ir contra algum princípio ou manual de uso

Estimulando seu uso

de marca. É necessário lembrar que os profissionais do

Para evitar que a intranet se torne um “gigante

marketing trabalham com a marca da empresa a muito

abandonado” dentro da estrutura de uma empresa,

mais tempo do que o TI ou o RH”, orienta Cristiano.

será fundamental estimular seu uso por parte dos

Além disso, ele ressalta a importância de se ter

colaboradores. “A empresa deve migrar, se possível,

acesso aos manuais de identidade visual, melhores prá-

integralmente, alguns processos para a intranet.

ticas e até ao material referente às normas da empresa

Exemplo: os boletins informativos de RH, que antes

e de cada função. “Quanto melhor você entender a

eram disponibilizados nos quadros de aviso, devem

empresa, melhor vai poder conceber a solução de comu-

ser extintos e sua informação ser publicada apenas

nicação interna. E os profissionais do departamento de

na intranet”, diz Adriana.

comunicação e marketing é que vão te ajudar com isso”.

Outra dica é investir em campanhas de treinamento e sensibilização do público interno. “Em

Quanto custa uma intranet?

quase todos os casos, propomos uma campanha de

A definição do valor final do orçamento vai depender

incentivo, que pode atrair usuários e fazer com que

da estrutura que será montada para a concepção do

eles conheçam melhor a ferramenta nos seus primei-

projeto. “Uma intranet pode ser concebida com custos

ros dias de uso - incentivando o uso posterior, já que

a partir de R$ 1.000,00 (ou até menos) e pode chegar

adquirem o domínio da ferramenta e conhecem o

a valores como R$ 200 mil ou mais, dependendo do

conteúdo que ela tem para oferecer. Essas campa-

tamanho e da complexidade de suas ferramentas”,

nhas de incentivo funcionam atraindo usuários diaria-

relata Cristiano.

mente, por oferecer premiações a usuários que en-

Dentre as principais definições, o tipo de platafor-

contrarem algum conteúdo específico ou que acessa-

ma tecnológica a ser utilizada exercerá influência na de-

rem por mais horas e assim por diante, com critérios

finição dos valores. “A intranet de baixo custo é permiti-

definidos de acordo com a necessidade do cliente.

da com software open source e hardware mínimo como

Pode-se ainda utilizar mídia convencional: cartazes,

servidor, mas não considera custos com treinamentos

palestras e outros modelos de comunicação inicial,

etc. Essa pode ser uma ótima solução para as empresas

como uma festa de lançamento”, relata Cristiano.

pequenas. Para as grandes empresas, aconselho um investimento maior, mas que garanta ferramentas úteis

Intranets na era Web 2.0

que economizem dinheiro com processos e que con-

Ao longo dos últimos dois anos, a mídia especializa-

temple, também, uma campanha de incentivo e um bom

da tem ressaltado que o movimento Web 2.0 trouxe

treinamento, fazendo com que o ROI seja viabilizado ao

uma transformação no relacionamento do usuário

emais - intranet :: 47

com os ambientes digitais, no qual ele se torna peça

Free tagging, Wikis, RSS etc.), os funcionários podem

fundamental para a sua evolução.

publicar e compartilhar informações de forma muito

Trazendo esta realidade para o segmento das intranets, é possível apontar algumas das principais

mais simples e ágil”, atesta Adriana.

Para o futuro, as perspectivas apontam para

mudanças ocorridas nos modelos existentes para

uma evolução ainda mais completa na forma de

criação e administração destes ambientes.

relacionamento do colaborador com o ambiente

“As intranets de gerações anteriores propor-

corporativo digital. “Com o que chamam de Web

cionavam pouca interação com seus usuários. Eram

3.0 (contextualização da plataforma web), as intra-

ambientes com baixo potencial colaborativo. Os

nets se tornarão ainda mais intuitivas, permitindo,

funcionários enviavam informações para os gestores

por exemplo, que um usuário ‘bata um papo’ com a

responsáveis e somente após sua análise e aprova-

interface e consiga respostas para as suas dúvidas

ção, estas informações eram publicadas. Este ‘longo

textuais. Assim, o usuário poderá escrever uma per-

caminho’ não incentivava a colaboração. A Web 2.0

gunta na busca e ter as respostas em forma de links

caiu como uma luva para as intranets. Através das

para conteúdo da intranet”, finaliza Cristiano.

ferramentas de Web 2.0 (Corporate Blogs, K-Logs,

“Quanto melhor você entender a empresa, melhor vai poder conceber a solução de comunicação interna” (Cristiano Miano)

48 :: Webdesign

Etapas de desenvolvimento Abaixo, a especialista da Sirius Interativa, Adriana

5) Implementação na plataforma tecnológica

Menescal, apresenta um resumo das principais

definida (ferramenta de portal e CMS)

etapas previstas no planejamento e desenvolvimento de uma intranet:

6) Definição dos guidelines de utilização e publicação de conteúdo

1) Imersão “Entendimento dos objetivos estratégicos do pro-

7) Criação do comitê gestor da intranet

jeto, metas a serem alcançadas, entendimento sobre

“Papéis e responsabilidades dos responsáveis pela

o negócio da empresa, organograma funcional, estra-

sua gestão e evolução.”

tégias de comunicação, ambiente tecnológico etc.”

8) Implantação 2) Definição da arquitetura da informação “É nesta etapa que será definida a estrutura da

9) Divulgação

intranet e o planejamento da sua interface. É es-

“Aqui, é importante criar uma campanha para o lan-

sencial o envolvimento dos usuários finais durante

çamento e divulgação da intranet. Esta campanha

todo este processo, se tornando uma importante

deverá ser bastante persuasiva para envolver os

tática para diminuir a resistência a nova intranet.

usuários no novo projeto.”

Eles devem ter a percepção de que são vozes ativas no processo de desenvolvimento (e efetivamente

10) Monitoramento e evolução

serem). Exemplo: criação de um grupo interdeparta-

“Ferramentas de monitoramento são muito impor-

mental para participar do projeto deste o início.”

tantes para acompanhar a utilização da intranet e é essencial ter o envolvimento dos usuários neste pro-

3) Definição do conceito gráfico da intranet

cesso, realizando pesquisas de satisfação e coletando sugestão para a melhoria e evolução do projeto.”

4) Definição da estratégia de conteúdo

emais - intranet :: 49

Benefícios de uma intranet - Comunicabilidade e interatividade entre os funcionários; - Ótimo ambiente para criação e manutenção da cultura corporativa; - Rápida disseminação de informações corporativas; - Maior interatividade entre departamentos e indivíduos; - Maior absorção da imagem corporativa; - Grande penetração da comunicação generalizada e boa eficácia da comunicação direcionada.

Fonte: Cristiano Miano

Projeto Magê-Malien Não é Natal, mas não faz mal O Magê-Malien fará a sua festa de Natal no dia 24/11/07. As fotos do evento serão publicadas na edição de janeiro.

Este Projeto destina-se a buscar, através da prática da Capoeira, a realização de sonhos, idéias e expressões do indivíduo.

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

50 :: Webdesign

Estimular a participação do consumidor, através de ambientes lúdicos e interativos, parece ter sido um dos grandes destaques da internet no ano de 2007. Um dos bons exemplos está presente na continuação da campanha Milk Shake Carente (www.milkshakecarente.com.br), criada em parceria pela rede de fast food Bob’s (www.bobs.com.br) e a agência de publicidade NBS (www.nbscom.com.br).

Ao assumir a função de um ponto de encontro virtual de usuários carentes, o hotsite da campanha segue os preceitos básicos das campanhas de entretenimento on-line. Para conhecermos mais detalhes deste projeto, conversamos com Luis Vendramini, gerente de produtos da rede Bob’s. Confira, a seguir, o resultado deste bate-papo.

estudo de caso - Milk Shake Carente :: 51

Wd :: Nos últimos tempos, as campanhas de

carismático e o público se identifica com ele. A mídia

comunicação focadas no lançamento de novos produtos

off-line é responsável por apresentá-lo para os que não o

e serviços vêm sendo baseadas nos conceitos do lúdico e

conhecem e gerar esse interesse inicial, enquanto através

do entretenimento, sendo que a internet surge como uma

da mídia on-line oferecemos para o público a possibilidade

importante fonte de estímulo e participação das pessoas.

de interagir com ele e com o tema da carência.

Pensando nisso, como tais conceitos influenciaram na estratégia da campanha do Milk Shake Carente?

Luis :: Qualquer pessoa inserida num contexto urbano é absolutamente massacrada por estímulos

O site permite que o envolvimento do público com a campanha seja mais profundo e intenso, possibilitando inclusive que o nosso público interaja entre si.

Wd :: A Web 2.0 trouxe significativas mudanças

publicitários de toda natureza. Criar uma idéia pertinente

na concepção dos projetos interativos, pois o usuário

aos valores de uma marca e, ao mesmo tempo, fazer com

passou a ser voz ativa na evolução dos ambientes. Até

que essa idéia emocione, inspire e entretenha um nicho

mesmo a publicidade parece ter sido influenciada por

de público é o grande desafio que as agências enfrentam

tal movimento. Ao analisar as peças do Milk Shake

nos dias de hoje.

Carente, vemos que o usuário é instigado a contribuir

Para o site do Milk Shake Carente, utilizamos o

para o crescimento da campanha. Diante de tal

carisma de um personagem criado para a mídia televisiva

experiência, podemos dizer que hoje as estratégias

para tratar o tema “carência” de forma divertida. A

de branding vão muito além da simples afinidade

internet é o meio ideal para disseminar um conceito e

com a marca? Qual é o limite do poder do cliente

gerar experiências interativas com o público da marca.

na transformação de um produto ou serviço de uma

A proposta do site foi relacionar conteúdos relevantes

grande empresa?

ao conceito, para potencializar a mensagem através da participação das pessoas.

Wd :: Outro ponto interessante nas transformações

Luis :: As ferramentas que permitem a participação do público possuem um potencial muito grande de fortalecer o vínculo dos consumidores com as marcas. Ao mesmo

no segmento publicitário envolve a integração entre

tempo, quando uma marca decide dar ferramentas para

as mídias off-line e on-line. Como vocês procuraram

seu público interagir com ela e criar conteúdo que será

integrar estes dois segmentos na atual campanha?

responsável por reforçar o vínculo de outros consumidores

Luis :: O personagem Milk Shake Carente é muito

“O traço da ilustração cria uma coerência gráfica com o traço tipográfico que foi usado na campanha”

com a marca, ela assume um grande risco.

52 :: Webdesign

O discurso e o conteúdo disponibilizado pela marca devem ser relevantes e autênticos, pois, se não o forem,

os visitantes do site interagirem entre si.

Caso o conteúdo gerado por eles não seja

o consumidor não irá criar mais conteúdo ou, pior, irá

apropriado, a marca, que é a responsável pelo bom

rejeitá-lo. Se o conteúdo for relevante, permitir que

funcionamento do site, tem o direito e a obrigação de

o consumidor participe desse processo, reforça seus

apagá-lo, em respeito aos outros visitantes.

vínculos emocionais com a marca e o conteúdo criado

Wd :: O conteúdo do site da campanha ficou

por ele é um forte argumento para outros consumidores,

dividido em cinco seções: “como tudo começou”, “divã

que estarão ouvindo isso de pessoas como ele.

dos carentes”, “encontre outros carentes”, “bazar

Wd :: Quando falamos sobre a participação do

dos carentes” e “criar perfil”. Dentro da concepção da

usuário na construção do conteúdo de um site, uma

campanha, como surgiu e em qual etapa do processo

preocupação constante envolve o teor das informações

vocês determinaram como e quais seriam essas seções?

a serem inseridas naquele ambiente. Dentro da

Luis :: O personagem Milk Shake Carente apareceu

campanha, como vocês procuraram controlar o nível

pela primeira vez na comunicação do Bob’s em 2005

das informações ali postadas? A empresa deve moderar

e foi um grande sucesso entre o nosso público,

este conteúdo, correndo o risco de ser taxada de

sendo lembrado em todas as pesquisas que fizemos

manipuladora da informação, ou a própria comunidade

posteriormente de forma espontânea.

em torno do ambiente acaba determinando a qualidade do que ficar exposto?

Luis :: A empresa deve sempre deixar as regras de uso do site claras. Nas principais redes de conteúdo participativo no Brasil, o Orkut e o YouTube, o visitante pode

Ele se tornou um ícone da nossa marca. O público se identificou com a carência do personagem e falou abertamente sobre isso em blogs e redes sociais como o Orkut, naquela ocasião.

Quando decidimos utilizar novamente o personagem

incluir o conteúdo que ele quiser. Porém, se o conteúdo for

na campanha dos novos sabores de milk shake crocante,

considerado inapropriado ou ilegal, ele será apagado.

nós queríamos algo que fortalecesse esse vínculo do

No nosso site adotamos a mesma postura.

nosso público com o personagem e a identificação com o

Convidamos nosso público a contar sua versão sobre a

tema da carência. Todas as seções do site foram pensadas

origem da carência do personagem e damos espaço para

com esses propósitos.

Wd :: Um detalhe interessante no site da campanha envolve a localização do logotipo do Bob’s, no canto inferior direito da interface, um lugar menos previlegiado aos olhos de quem navega pelo ambiente.

De que forma tal escolha influencia no relacionamento do usuário com a marca?

“Mais importante que as ferramentas utilizadas, é sabermos escolher quais serão os parâmetros que usaremos para mensurar nossa campanha”

estudo de caso - Milk Shake Carente :: 53

Luis :: Para fortalecer o relacionamento do público com uma marca ela precisa, antes de tudo, ser relevante para ele. Não é o tamanho do logotipo que fará isso, e sim a relevância do conteúdo que ela utilizará para estimular esse relacionamento.

A função da marca Bob’s é chancelar esse conteúdo de forma autêntica e, através da interação, do envolvimento e da identificação do nosso público com o personagem e com o tema da campanha, trazer algo realmente relevante para nosso público, algo que ele queira interagir e se relacionar.

Wd :: Em relação ao design do site, vocês utilizam as técnicas de ilustração à mão livre para concepção de um cenário que representa um centro urbano. Como vocês chegaram neste modelo de representação gráfica e quais foram os desafios na modelagem desta interface?

Luis :: O traço da ilustração cria uma coerência gráfica com o traço tipográfico que foi usado na campanha. O cenário teve como proposta ambientar o personagem num espaço onde ele pudesse interagir com outras pessoas - afinal, trata-se de um site-ponto-deencontro dos carentes.

A composição do cenário teve que comportar os links do site, inseridos pontualmente como sinalização da cidade.

O desafio foi conjugar esses princípios a um layout atrativo, divertido e fácil de navegar.

Wd :: Além do uso de ilustração na interface, o site combina duas famílias tipográficas: os títulos e subtítulos das seções foram concebidos com fontes fantasia e manuscrita, e os blocos de conteúdo com fontes sem serifa. Por que vocês optaram por tal divisão e como elas se encaixam no conceito da campanha?

Luis :: A personalidade tipográfica é fundamental em qualquer projeto de comunicação visual. Criamos uma família especificamente para este projeto, feita de caracteres irregulares e com grande versatilidade.

A idéia foi tornar a campanha mais próxima, quente e humana.

Blocar os textos foi uma forma que encontramos de conferir alguma organização formal numa composição tipográfica com caracteres muito diferentes entre si. No site, temos ainda uma fonte script que serve de apoio aos títulos e reforça o caráter divertido do projeto.

Wd :: Com a redução dos preços e a evolução na tecnologia dos monitores, as pesquisas apontam que houve um equilíbrio no

54 :: Webdesign

uso padrão de resolução de tela. No site da campanha,

Luis :: Existem diversas ferramentas que podemos

vocês definiram 800x600 pixels como o tamanho

utilizar para mensurar os resultados de uma campanha

mínimo para visualização da interface. Quais fatores

on-line. Mais importante que as ferramentas

influenciaram nesta decisão?

utilizadas, é sabermos escolher quais serão os

Luis :: Como você disse, há um equilíbrio no padrão

parâmetros que usaremos para mensurar nossa

de resolução de tela utilizado nos monitores. Não

campanha, e a escolha deles deve ser feita de acordo

queríamos que nenhum dos nossos visitantes tivesse

com o objetivo da campanha.

sua experiência de navegação restrita pela resolução de

Nosso objetivo é criar vínculos entre o público e o

tela do computador, por isso optamos por um tamanho

nosso personagem. Queremos que nosso consumidor se

mínimo mais democrático, que se adequasse a qualquer

identifique e se divirta com a nossa marca. Logo, o tempo

resolução de tela.

de permanência dele e a taxa de retorno dos nossos

Se optássemos por uma resolução superior a 800x600, parte dos nossos visitantes teria prejuízo na navegabilidade do hotsite e, conseqüentemente, em sua experiência e diversão.

Wd :: Em termos tecnológicos, o site foi concebido

visitantes são muito mais importantes que outras métricas, como o número de visitantes absolutos, por exemplo.

Wd :: Toda campanha publicitária tem uma data para terminar. Com a inclusão do meio internet como mídia de divulgação, estas campanhas passaram

através da combinação de ASP com Flash. Podemos

a deixar um grande legado, seja um banco de

dizer que tais tecnologias já se tornaram um padrão na

dados, de idéias e sugestões sobre determinados

concepção de sites de campanhas publicitárias?

assuntos. Como o Bob’s procura trabalhar este

Luis :: Pode-se dizer que sim, ASP e Flash já são padrão para o desenvolvimento de projetos de internet. Essas tecnologias, conjugadas a conexões cada vez mais velozes,

material, principalmente o oriundo da web, após o encerramento de suas campanhas?

Luis :: O legado de uma campanha on-line pode

certamente vão possibilitar o desenvolvimento de sites

ser muito rico, seja em informações sobre o perfil do

cada vez mais completos e integrados a outras mídias.

nosso público, seja em idéias, sugestões ou até críticas.

Wd :: O Google Analytics foi uma das ferramentas

Pretendemos usar esse material como um meio para

escolhidas para medir o retorno da campanha. Além

conhecermos melhor o nosso público e nos tornarmos,

desta ferramenta, quais são os outros elementos que

cada vez mais, relevantes para ele.

podem ajudar na mensuração dos resultados de uma campanha deste porte?

tecnologia na web :: 55

Micro-blogging: comunicação em tamanho miniatura de atualizações, pode sair caro.

comunidades específicas para

Neste caso, é melhor ter um

repetir: quem trabalha com

que seus empregados troquem

pacote de dados de alguma ope-

internet, sabe que a busca pelo

mensagens sobre o status de

radora”, explica Tiago.

conhecimento nunca pode

suas tarefas, escolas podem

“Existem hoje várias ferra-

parar! Principalmente, quan-

utilizar o serviço como mural

mentas que foram construídas

do falamos das tecnologias

de recados digital, sites podem

com a lógica do micro-blog-

aplicadas ao meio. Depois dos

divulgar suas atualizações para

ging. Todas têm suas particu-

gerenciadores de conteúdo,

sua base de usuários. Basica-

laridades e seus campos de

mash-up, tags e AJAX, só para

mente, ele é um sistema de

atuação. O ideal é você encon-

citar alguns dos casos mais

avisos. Mas, usuários podem

trar uma que se ajuste as suas

recentes, o novo paradigma

moldá-lo de acordo com sua

manias diárias e começar a pu-

deste mercado aparece na

criatividade ou necessidade”.

blicar pequenos pacotinhos de

O pensamento já se tornou

conteúdo compulsivamente”,

implementação do conceito de micro-blogging.

Como funciona?

orienta Pedro Markun, diretor

Para quem gosta de participar

de TI do Jornal de Debates

do termo? “É um conceito de

da evolução do meio, a melhor

(www.jornaldedebates.com.br).

blog que funciona com textos

maneira de saber as possibi-

de 140 a 200 caracteres, no má-

lidades do micro-blogging é

A era do “nanoconteúdo”?

ximo. Geralmente, os sistemas

testando a sua eficácia. A boa

Uma das questões mais

são feitos de uma forma que

notícia é que seu uso não está

interessantes envolvendo tal

os usuários possam escolher

atrelado a nenhum grande com-

conceito está presente na

quem pode e quem não pode

plicador técnico.

limitação de caracteres na

Mas qual seria o significado

visualizar o conteúdo dos seus

“Primeiro, é preciso se

publicação de conteúdo. Em

posts. A idéia nasceu da seguin-

cadastrar em algum serviço de

um mundo no qual a tecno-

te questão: ‘o que você está

micro-blogging: Twitter (http://

logia se torna cada vez mais

fazendo agora?’. A partir desse

twitter.com - o mais utilizado),

“miniaturista”, podemos

ponto, o usuário faz pequenos

Pownce (http://pownce.com),

dizer que o micro-blogging

posts respondendo a questões

Jaiku (www.jaiku.com - compra-

anuncia a consolidação de

como ‘vou trabalhar agora’,

do recentemente pelo Goo-

uma espécie de era do “nano-

‘prestes a testar o meu celular

gle) ou Tumblr (www.tumblr.

conteúdo”?

novo’ e ‘me preparando para

com). Depois, é só configurar

o almoço”, afirma James Della

a integração de alguns desses

demanda por informações

Valle, editor de tecnologia do

serviços com o seu celular e

curtas, objetivas e rápidas,

portal iG (www.ig.com.br).

comunicador de mensagens

principalmente durante a

instantâneas (IM). O problema

semana, quando as pessoas

apesar da aparente banalidade,

desses serviços é que, para

estão, normalmente, muito

o micro-blogging apresenta um

atualizar via celular, você preci-

ocupadas com diversas tarefas

novo conceito de comunicação

sa enviar um SMS internacional,

no dia-a-dia. Com a internet,

on-line a ser aplicado daqui para

o que, dependendo do número

essa demanda começou a ser

Segundo o especialista,

Tecnologia na Web

frente. “Empresas podem criar

chavão, mas não custa nada

“É comum existir uma

nível médio

56 :: Webdesign

“Vejo o micro-blogging como uma ferramenta que possibilita a rápida distribuição de informações” (Pedro Markun) claro, é sempre uma mão na roda para organizar melhor atendida. Já existe até um termo - os

o happy hour em um ambiente onde as baias e

mediasnackers, pessoas que consomem peque-

os horários dispersos dificultam a comunicação

nos pedaços de informações ao longo do dia.

direta”, aponta Markun.

Normalmente de fontes e em formatos variados

Há quem cite ainda o fenômeno ocorrido

- vídeos de três minutos no YouTube, mensa-

com os blogs. “Eles conquistaram seu espaço e

gens no Twitter ou no IM, e posts pequenos em

acredito que os micro-blogs seguirão o mesmo

blogs. Um dos grandes entusiastas da micro-

caminho. A natureza dos textos curtos garante a

media é Jeremiah Owyang (www.web-strategist.

objetividade necessária para certos ambientes.

com/blog). E acredito que seja uma tendência,

Dentro de uma empresa, ele pode funcionar

o que não exclui a existência de uma mídia mais

como um instant messenger coletivo, alertando

low profile, por assim dizer, mais reflexiva e me-

todos os envolvidos em uma determinada tarefa

nos imediatista”, aponta Tiago Dória, jornalista

sobre seus avanços ou problemas. A vantagem

e consultor de projetos web (http://tiagodoria.

é que o micro-blogging não precisará passar

blig.ig.com.br).

pelo mesmo caminho dos blogs, antes tratado

Para Markun, tal análise deve ser vista tam-

com preconceito nas corporações. Uma empre-

bém pelas mudanças no conceito de publicação

sa madura saberá como lidar com eles. Óbvio,

de conteúdo na web. “A limitação de caracteres

deve haver um filtro que ajude a manter o foco”,

não é uma condição sinequanon. O Twitter tem

acrescenta James.

o limite para que a integração com SMS funcione de maneira adequada, já que esse sistema

Integração com outros ambientes

tem restrições técnicas. A idéia por trás dos

Uma dúvida que surge em relação ao micro-blo-

micro-blogs é enxugar ao máximo a estrutura,

gging é a possibilidade de sua integração com

deixando apenas o conteúdo nu e cru. Em cima

os outros canais existentes na internet. “Ele

desse movimento, sim, se cria uma espécie de

pode ser integrado de diversas formas. Você pode

filosofia de linguagem que dita um padrão de

utilizar a API (Application Programming Interface

‘menos é mais”.

- http://pt.wikipedia.org/wiki/API) dos sistemas para integrar o micro-blogging com seu site, por

Uma nova ferramenta de comunicação corporativa

exemplo, criando uma área de notícias enviadas

O uso pessoal do micro-blogging vem se

por membros da equipe, colaboradores ou usuá-

espalhando rapidamente, causando entre os

rios que estejam autorizados a postar. Os próprios

especialistas uma sensação de que o uso de tal

projetos de micro-blogging oferecem plugins para

ferramenta possa ser ampliado para os ambien-

sites que funcionam dessa forma. Funciona até

tes corporativos.

como sistema de comentários”, diz James.

“Vejo o micro-blogging como uma ferra-

Alguns exemplos confirmam tal cenário. “O

menta que possibilita a rápida distribuição de

site SplashCast (http://web.splashcast.net) per-

informações. Um setor de marketing ou RH bem

mite que as pessoas enviem o link de um vídeo

munido de uma ferramenta dessas, em uma

direto para a sua rede de contatos no Twitter. A

empresa com consciência de rede, poderia fazer

Capricho (http://twitter.com/capricho) o utiliza

articulações orgânicas com uma velocidade

para comentar os bastidores da redação. E devi-

muito maior do que pelas vias tradicionais. E,

do a sua API ser pública, o Twitter consegue ser

tecnologia na web :: 57

integrado ao MSN e ao Flickr”, cita Dória.

Ou seja, a ferramenta vem exercendo a fun-

Serviço de utilidade pública

ção de mais um canal de expressão na rede. “Eu não tenho blog, por exemplo, porque compar-

Uma das principais vantagens no uso do

tilho da visão de um amigo, André Avório, que

micro-blogging se tornou pública recen-

remete a origem do termo e diz que todos nós

temente, durante os incêndios que atin-

temos - querendo ou não - um ‘weblog’ ou, ras-

giram a Califórnia, nos Estados Unidos.

tro na web, composto de frases no Twitter, fotos

“O Corpo de Bombeiros de Los Angeles

no Flickr, comentários em posts e e-mails em

aproveita a gratuidade no envio de SMS

listas de discussão. Assim sendo, vejo o micro-

para mandar aos assinantes de seu perfil

blogging completamente integrado com todas

no Twitter (http://twitter.com/LAFD)

as outras possibilidades na web, cabendo a cada

alertas de incêndio pela cidade. As pes-

um buscar os seus diferentes canais de transmis-

soas recebem as informações no celular.

são e recepção na web”, finaliza Markun.

Durante os incêndios no final do mês de outubro, a ferramenta foi muito utilizada, principalmente por que a internet ficou temporariamente fora do ar no local”, revela Dória.

58 :: Webdesign

Por Bruno Viana (webdeveloper e pesquisador), Diego Maia (webdesigner), Julio Pontes (webdeveloper) e W.Gabriel de Oliveira (gerente de marketing, pesquisador webwriter) da Agência NOIX (www.noix.com.br). Contato: joomla@noix.com.br.

Joomla!, mãos à obra! - Parte 2/4 Continuando nossa conversa sobre o Joomla!, trou-

DOCMAN

xemos para esta edição algumas palavras sobre Compo-

Componente gerenciador de documentos, através

nentes. Explicaremos o que é um Componente Joomla! e

do qual o desenvolvedor pode categorizar arquivos

como você mesmo poderá desenvolvê-lo.

e disponibilizá-los para download no site. Alguns dos

Você verá como incrementar seu Joomla! com

maiores diferenciais do DOCMAN são a possibilidade de

aplicativos específicos para o que precisa, fugindo do

upload de arquivos em lote, a facilidade na modificação

sistema limpo e seco da primeira instalação. Isto porque

do layout do Componente com os temas que ele traz, a

o CMS possibilita a integração de vários Componentes

opção de hospedar todos os arquivos no servidor local

à sua estrutura. Tais componentes podem ser também

ou externamente e a realização de acompanhamento do

padrões (que vêm no ato da instalação) ou desenvolvidos

Componente através de estatísticas, com um contador

por terceiros e de instalação grátis ou não. Temos como

de downloads e logs. Mais informações sobre o DOC-

componentes padrões:

MAN podem ser adquiridas no site http://joomlacode.

- Banners: administrador simples de banners. Com ele,

org/gf/project/docman/news/.

é possível inserir, por exemplo, banners de patrocínio com possibilidade de um melhor controle de cliques e número

RS GALLERY2

de exibições;

Componente gerenciador de galeria de imagens. Por

- Enquetes (Polls): junto com seu módulo, cria rapidamente uma enquete no site; - Conteúdo (Content): considerado o mais impor-

meio dele, você pode facilmente criar em seu Joomla! sua galeria de imagens personalizada. Uma das grandes vantagens deste gerenciador de galeria de imagens é

tante Componente do Joomla!, porque é visto como o

a possibilidade de upload em lote de imagens. Ou seja,

coração deste CMS. Com ele, é possível criar o conteúdo

muitas imagens juntas, compactadas em formato “.zip”,

do site e gerenciá-lo. Também possibilita a divisão do

podem ser enviadas de uma só vez para o gerenciador,

conteúdo do site por seções e categorias, facilitando a

que vai descompactá-las sem problemas, fazendo unzip

publicação de conteúdo.

automaticamente.

Para aqueles, porém, que desejam mais opções a seu site sem precisar comprar uma solução de outros desen-

JACLPLUS

volvedores, existem Componentes Joomla! distribuídos de

Componente que lhe permite cadastrar novos grupos

maneira free na internet.

de usuário na área administrativa do Joomla!. Observe

Você pode encontrar estes componentes, organizados por categoria, no endereço http://extensions. joomla.org/. Caso deseje ver a lista de componentes já

a listagem padrão de grupos de usuários do CMS. Você ainda tem a possibilidade de editar um grupo.

Veja no exemplo do grupo “Manager”, a seguir, esta

instalados no seu CMS, você pode acessar o menu Com-

edição. Na edição, é possível ver todas as permissões de

ponentes, na barra de ferramentas do seu Joomla!.

acesso que este grupo tem, como:

Lembrando que Componentes são facilmente insta-

- Adicionar conteúdo

lados e desinstalados. Eles vêm em formato “.zip”, com

- Editar conteúdo

todos os arquivos de Back-end, Front-end e XML compac-

- Publicar conteúdo

tados, prontos para você fazer upload para o Joomla! e

- Editar itens listados na pagina inicial (com_frontpage)

começar a usá-los.

- Permissão para acesso ao “Media Manager” - Permissão negada para editar módulos - Permissão para logar na área administrativa do site.

tecnologia na web :: 59

Observação: este componente é um HACK para Joomla!, ou seja, um componente que altera o código do Joomla! original. Por isso, muita cautela e atenção no momento de instalá-lo.

Criando um componente Agora, explicaremos como criar seu componente, com todos os arquivos Back-end, Front-end e XML compactados em formato “.zip” para serem instalados no Joomla!. Vamos desenvolver um Componente de Eventos. Com ele, você poderá cadastrar eventos em seu site, informando nome, data do acontecimento e o local. Tudo a partir de um módulo na página principal, que mostrará em uma pequena listagem dos eventos por mês.

Para entender a estrutura, é importante saber que o Componente Joomla! se divide em duas partes: Back-end e Front-end.

Back-end é a parte administrativa do Componente, que ficará dentro do Joomla!! com acesso restrito por login e senha. Já Front-end é a parte mostrada na interface do site, que todos podem ver.

Fazer um componente é como se fosse uma receita de bolo: não é complicado, basta seguir o passo a passo. Você pode encontrar outros passo a passo iniciais muito bons com o pessoal joomla.com. br (http://www.joomla.com.br/artigos-e-tutoriais/tutoriais/programando-componentes-para-joomla-parte-1.html).

Para começar o desenvolvimento do Back-end de seu Componente de Eventos, você deverá criar os seguintes arquivos: admin. eventos.php, admin.eventos.html.php, eventos.class.php, toolbar. eventos.php, toolbar.eventos.html.php, eventos.xml, install.eventos. php e uninstall.eventos.php. Agora que conhece quais arquivos precisa criar para o Back-end, veja como fazê-los: 1) admin.eventos.php Fará parte do controle das atividades do componente. Quando acessamos: http://www.seusite.com.br/index.php?option=com_eventos, enviamos pela URL alguns parâmetros para o Joomla!, que neste caso é o “option”. O parâmetro option informa qual componente estamos acessando, podendo assim visualizar o seu conteúdo de acordo com o acesso permitido para o seu usuário. A princípio, vamos trabalhar com a administração do site, portanto o endereço acessado vai ser: http://www.seusite.com.br/administrator/index. php?option=com_eventos.

Informando o parâmetro “option” com o valor “com_eventos”, estamos dizendo ao Joomla! que ele deve acessar o componente de eventos e por estarmos na parte administrativa do site o arquivo

60 :: Webdesign

que o Joomla! acessará vai ser o admin.eventos.php. Ele

5) toolbar.eventos.html.php

será o responsável por receptar as tarefas (tasks) que o

Dará a listagem dos menus.

usuário está tentando realizar (através do endereço) e realizar um determinado procedimento de acordo com a tarefa escolhida.

Com este código temos a possibilidade de realizar as seguintes tarefas: Criar eventos (new), editar (Edit), salvar eventos novos ou existentes (save), excluir (remove) ou listar eventos(list).

Se o endereço acessado for: http://www.seusite.com.br/administrator/index.php?option=com_ eventos&task=new, estamos dizendo que o valor do parâmetro task (ou seja a tarefa que queremos realizar) é new.

Informando assim, ao Joomla!, que queremos criar um novo evento. Se o valor de task fosse “save”, por exemplo, o Joomla! chamaria a tarefa “save” dentro do arquivo admin.eventos.php, que por sua vez chamaria a função “saveEvento()”, que realizaria todos os procedimentos necessários para salvar o evento.

2) admin.eventos.html.php Layout do componente. Este arquivo contém todos os HTML’s usados. Quando uma tarefa é chamada no Joomla!, ela executa uma função que por sua vez deve chamar uma classe HTML e seu respectivo método para exibir o HTML.

6) eventos.xml Possibilita a instalação do componente, pois faz um mapeamento de todos os arquivos que compõem o componente criado, como imagens, SQL’s, PHP’s etc.; 7) install.eventos.php Este arquivo lhe permite colocar uma mensagem final após a instalação. Você pode, por exemplo, colocar uma instrução de como utilizar o componente ou os créditos do desenvolvedor.

3)eventos.class.php Ligará o componente ao banco de dados. Este arquivo contém uma classe que vai tratar da parte do banco de dados.

8) uninstall.eventos.php Para a remoção do componente.

4) toolbar.eventos.php Fará parte do controle dos menus do componente.

Ok, os arquivos Back-end de seu Componente de Eventos estão criados. Veja na próxima edição como criar os arquivos de Front-end e de XML, para depois apenas compactá-los em formato “.zip” e instalá-los em seu Joomla! Até a próxima.

tecnologia na web :: 61

64 :: Webdesign

66 :: Webdesign Nasceu e cresceu no Brasil, onde estudou Design e Marketing (sem terminar) até que teve a oportunidade de ir para o Japão. Trabalhou como designer de revistas e jornais até se tornar editor de arte (e posteriormente editor) de uma editora japonesa. Em 2001, a editora alemã TASCHEN (www.taschen.com) o contratou para ser o editor responsável pelas áreas de design e pop culture. Por lá, desenvolve o programa de títulos nas áreas de propaganda, graphic design, web, animação etc.

“O nível de transformação hoje é tão dramático, que antecipar as mudanças não é mais suficiente.

Mais importante é inovar”

J.Wiedemann@taschen.com

Julius Wiedemann

Precisa-se de cérebro. Com diversidade área específica. E as notícias con-

apenas como uma subsidiária.

em Cannes no ano passado,

firmam. Recentemente, o Google

Por isso, eles queriam re-

escutei algo simples e que, ao

contratou o executivo Andy Bern-

almente investir nos profissio-

mesmo tempo, não saiu mais da

dt, co-presidente da Ogilvy &

nais. Porém, no mercado inglês,

minha cabeça. Num painel de

Mather, para comandar o recente

“tirar” profissionais de outras

discussão com várias profissio-

criado Creative Labs Unit.

agências é bem mais demora-

No festival de publicidade

nais, entre eles, o presidente do

Isso coincide diretamente

do que nos EUA, onde depois

grupo Publicis, Maurice Levy,

com a multidisciplinaridade e

de duas semanas a pessoa já

e o presidente da JC Decaux

interdisciplinaridade de tudo

se transferiu. Eles finalmente

(segunda maior empresa de

que estamos fazendo. Não

contrataram um creative recrui-

outdoors do mundo), Jean-

interessa para onde você olhe,

ter para poder dar conta das

Francois Decaux, foi dito mais

qualquer empresa que lide com

demandas.

ou menos o seguinte: hoje em

comunicação precisa mais do

dia, não interessa em que área

que nunca de gente que olhe o

pre me fascinou dentro das áre-

você atue, todas as empresas

todo, e mesmo sem entender de

as de criação foi a diversidade

são concorrentes. Por talento.

tecnologias específicas, pode

dos currículos e das formações.

entender como elas afetam suas

Eu mesmo posso ser classifi-

nais que pensem em inovação,

iniciativas, seu ramo de atuação,

cado como um exemplo talvez

produtividade, trabalho duro,

e sabe incorporá-la se isso for

esdrúxulo, pois comecei dois

novas idéias e, finalmente, se

necessário. O nível de transfor-

cursos superiores e acabei por

possível, lealdade, está sendo

mação hoje é tão dramático,

não terminar nenhum (mas isso

disputada fora do espectro

que antecipar as mudanças não

dá um outro artigo). Toda vez

de uma área. Nesse sentido,

é mais suficiente. Mais impor-

que estou no quartel-general

a procura (e o encontrar) de

tante é inovar.

da TASCHEN na Alemanha (uma

A corrida por profissio-

uma pessoa que pode fazer a

Recentemente, numa visita

Umas das coisas que sem-

vez por mês), me divirto quando

diferença ficaram relativamente

a agência americana RG/A, que

sento para almoçar com meus

mais complexas. Significaria

abriu um escritório em Londres,

colegas e deixo eles falarem

dizer que agências do porte

conversei com sua vice-presi-

sobre suas experiências de vida.

da TBWA, McCann, Dentsu ou

dente de comunicação sobre o

Saatchi & Saatchi disputam

processo, principalmente quan-

você tiver um CV tradicional

profissionais com Google, HP,

do se abre um escritório fora.

será praticamente impossível

HSBC e Nike.

São muitas variantes e eles me

ser contratado pela empresa.

disseram que a filial de Londres

Meu editor assistente lá, que

estendeu por um campo muito

deveria ser bem independente

também é brasileiro, já teve

maior, não se limitando a uma

de Nova Iorque, e não atuar

banda de reggae, pratica 500

A dança das cadeiras se

Sempre dizemos que se

Julius Wiedemann - internacional :: 67

com a palavra esportes, é casado com uma alemã e, nas horas

Basicamente, ele advoga uma mudança radical

vagas, comanda uma nova banda de música (de

no nosso sistema de ensino, que deveria colocar

alemães mesmo, é sério, ele é o único brazuca),

criatividade na mesma prioridade de literatura.

além de estar lançando em breve um álbum solo.

Outro exemplo é de um colaborador meu

Nos tempos de user experience, nunca se deu tanto valor a experiência de vida do profis-

de longa data, Ricardo Gimenes, recentemente

sional. Empresas que pensam à frente sabem que

contratado em Londres pela W3Haus de Porto

isso pode fazer a diferença. Pesa também o fato

Alegre, para trabalhar em São Paulo, com provável

dessas mesmas saberem incentivar a diversidade

transferência para a filial londrina. Gimenes é um

aos seus funcionários. Isso é difícil de se fazer

desses profissionais especiais, que entende de

quando tem que se contratar em larga escala,

criação no que vai de vídeo a web, de CMS a Flash,

como é o caso de grandes corporações. Mas mes-

de HTML a animação. A W3Haus está expandindo

mo elas sabem que hoje a mão de obra qualificada

e precisa de gente para dar conta dos desafios da

não é abundante, na verdade bem o contrário.

alta demanda criativa que é imposta pela indús-

Profissionais focados e especializados vão

tria. Para um produto sair hoje de uma idéia e

estar sempre aí, inclusive dentro de estúdios e

chegar as prateleiras, ele exige a interação e/ou

agências. Mas, minha conclusão tem sido que

trabalho em cadeia de milhares de profissionais.

as experiências que eu persigo, tem certamente

Não é que todos temos de ser tão flexíveis,

sido contribuintes para a execução dos projetos

mas em certas áreas, e também empresas, isso

que coordeno e para os livros que edito. Nesse

nem significa que você terá de ser pau para

momento, finalizo um guia dos melhores tips

toda obra, tem mais a ver com a velocidade com

para ter sucesso na web, sempre com os “o que

que você vai reagir e conseguir resolver muitos

fazer” e “os que não fazer”. Foi incrível poder

problemas. E, na internet, velocidade é tudo. Se

recolher exemplos de mais de 150 profissionais

você quer assistir um palestra fantástica sobre o

depois dos nossos briefings. A riqueza da vida é

tema “criatividade e educação”, vá ao site ted.

a diversidade e diria que é a da internet também.

com e procure a palestra de Sir Ken Robinson.

68 :: Webdesign

User Experience Evangelist da Microsoft Brasil. É profissional de internet desde 1996, passou pelas

“Progresso é isso: algumas gerações de tecnólogos e pronto, o mundo nos envolveu como um útero elétrico com torneiras, tomadas, asfalto e amenidades ao alcance da mão”

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 d o “ r a d i n h o d e p i l h a ” ( w w w. radinhodepilha.com), comunidade de profissionais da área. rene@usina.com

René de Paula Jr.

First life first Para onde o sono me leva eu nunca sei, mas a volta eu bem conheço: o despertar pas-

era assim, eu não “ouvia vozes”.

como um útero elétrico com

Como acordarei em 2017?

torneiras, tomadas, asfalto e

Outro dia, num evento da

amenidades ao alcance da mão.

sa sempre por um breve limbo,

Microsoft, estava eu com meus

Não preciso levar um arsenal

um mergulho no amorfo, bons

pares (outros User Experience

comigo. Basta um smartphone

segundos em suspenso até que

Evangelists) refletindo sobre o

e meu escritório me acompa-

eu aceite, quer queira quer não,

futuro, sobre como a tecnologia

nha no bolso. Levo na palma

que acordei na mesma cama,

haveria de se desenvolver, so-

da mão o conhecimento quase

no mesmo quarto e que o sol,

bre tendências e tal. Pensou-se

inteiro da humanidade a um

ainda mais teimoso que eu,

de tudo um pouco, e o exercí-

search de distância numa

vai nascer lá no seu canto sem

cio foi bom. Foi tão bom que

telinha colorida. Um pequeno

maiores cerimônias.

me peguei pensando cada vez

peso extra no bolso me tira dos

mais no futuro e no presente e,

ombros o fardo de memorizar,

Daqui a mais dez anos também.

sobretudo, no passado, em épo-

saber, lembrar, me preocupar

Hoje, porém, desligo o alarme

cas onde o nosso entorno não

constantemente.

do smartphone, confiro a hora,

era assim tão acolhedor. Água?

e ainda na cama dou uma breve

Tinha que buscar. Fogo? Tinha

dar carregado de mais gadgets

olhada nos meus e-mails. Se eu

que fazer. Chão? Cuidado onde

por todos os bolsos apitando e

descuidar da agenda, o que não

pisa. Céu? Uma caixinha de

piscando e vibrando e ficando

é incomum, uma voz metálica há

surpresas. Dia? Labuta. Noite?

sem bateria, como uma árvore

de me avisar a tempo: weekly

Perigos. Partir era morrer um

de natal fantasiada de robo-

conference call in thirty minu-

pouco, e na dúvida melhor levar

cop? Ou (e essa é minha apos-

tes. Ou vai me alertar, impecá-

cantil, punhal, carne seca e fós-

ta) vamos andar cada vez mais

vel, que tenho uma high priority

foros. Ups, não havia fósforos.

desarmados, despreocupados,

Dez anos atrás era assim.

message from... minha chefe.

Hoje, felizmente, tem uma

E daqui a dez anos? Vou an-

cada vez mais humanos? Well,

Ou, do chuveiro, vou ouvir

padaria bárbara na esquina e

não sei quanto a você, mas para

alguém me ligar e o danadinho

só não vou de chinelos porque,

mim futuro não tem cara de

dizer call from fulano de tal.

well, detesto chinelos. Mas eu

second life nem de metaversos,

Nem me preocupo, o fulano

bem que podia. Se eu levar o

futuro para mim é first life first.

pode me deixar recado; se ele

celular e uns trocados já estou

E cada vez mais versos :^)

me ligou no escritório e deixou

coberto. Levo minha câmera por

mensagem, seu recado vai virar

vício, e meu canivete suíço por

rapia, podem me acusar do que

um arquivo de áudio e eu o re-

sentimentalidade.

for, mas eu quero mais é que

cebo anexado por e-mail, para

Progresso é isso: algumas

Podem me mandar para te-

o mundo seja a minha, a tua,

escutá-lo quando quiser. Sem

gerações de tecnólogos e

a nossa ostra. Compromissos?

stress. Há dez anos acordar não

pronto, o mundo nos envolveu

Agenda? Lembrar aniversários

René de Paula Jr - marketing :: 69

com a palavra e contas a pagar? Isso eu relegarei de muito bom

Bluetooth que tenho hoje), eu o escuto e ele me

grado à meu “rené virtual”, um agente virtual que

escuta. Se eu preferir, posso continuar intera-

há de ficar lá na second ou third life cuidando dos

gindo com ele no meu celular por voz, e vendo

meus problemas quietinho e só há de me avisar

imagens na telinha. Se eu precisar de um display

para coisas do tipo:

maior, eu transfiro a conversa para qualquer com-

- René, agora que chegamos em Madri e que você tem a tarde livre e o tempo será belíssimo,

putador conectado.

A mesma experiência, a mesma riqueza de

que tal assinarmos durante a sua estada um ser-

interação em qualquer interface que eu escolha,

viço local de dicas de entretenimento e cultura?

o tempo todo, quando e somente quando eu

Ele é gratuito se você aceitar sugestões persona-

quiser. Alguém desenvolveu algum plug-in ou

lizadas de compras nas imediações em que você

mash-up de algum serviço bacana? Eu o adiciono

estiver. Vamos testá-lo?

ao meu second-rené como o adiciono ao meu

Eu vou aceitar prontamente e vou ficar muito feliz quando meu second-rené me disser: - Que bom que você aceitou o serviço, porque hoje há uma feira de livros antigos no caminho do Museu Reina Sofia e basta esperar o

perfil no facebook. Um universo inteiro de Interoperabilidade e Open Standards e serviços plugand-play para nossos eus virtuais num mundo de augmented reality e pervasive computing.

Que meu second-rené cuide de tudo enquan-

ônibus ali na esquina e eu te aviso quando saltar.

to eu faço o que ninguém pode fazer por mim:

Essa feira está superbem cotada este ano. Aliás,

viver. Enquanto isso não vem, vou matutando em

quer que eu compartilhe com seus amigos onde

como há de ser desenhar experiências de usuário

você está e mande suas fotos?

num cenário desse tipo. Vá pensando também,

Como meu “anjo da guarda” vai falar comigo? Imagino que... De todas as maneiras. Se eu colocar meu fone de ouvido (como o headset

antes que outro designer de carne e osso pense antes de você ;^)

70 :: Webdesign V ice-Presidente de Criação da A g ê n c i a C l i c k . Tr a b a l h a c o m propaganda interativa há mais 10 anos. Acumula prêmios e participação como jurado em quase todos os festivais internacionais, incluindo CannesLion, London Festival, One Show NY e outros. É membro da Academia de Artes e Ciências Digitais de Nova Iorque e responsável pelas estratégias

“A democratização do insight ou da participação de um brainstorm é importantíssimo, mas definitivamente não é sinônimo de um produto criativo”

criativas da AgênciaClick. http://ricfigueira.blogspot.com

Ricardo Figueira

Cuidado com o oba-oba criativo natureza só há espaço para o

de tudo afinidade e a sintonia

todo mundo tem o direito e o

desenvolvimento das primeiras

(palavra boa para esse caso) e

dever de ter boas idéias, boas so-

idéias que vêm na cabeça de

instiguem-os a visitarem seu

luções, boas inspirações e até as-

cada um que estiver ali, isso

repertório, seu consciente, seu

pirações para que as dificuldades

quando os outros não estão ou-

subconsciente, fazerem todas

da vida ou até as necessidades

vindo absolutamente nada, pois

as associações possíveis, previ-

de um cliente sejam resolvidas.

estão construindo mentalmente

síveis e imprevisíveis, misturá-

É a mais pura verdade que

alguma coisa para falar quando

las, ir para frente, ir para trás,

existe um processo que é basea-

o próximo calar-se. São reuniões

selecionar várias, invertê-las, e

do nas suas características indivi-

típicas, onde se passam horas

no momento em que cada um

duais. Algumas pessoas são mais

falando sobre obviedades,

tiver com o que for de melhor

imediatistas, outras práticas,

sobre as referências comuns a

no seu jeito de pensar apresen-

umas racionais, existem também

todos, além de chegar a um sen-

te em uma reunião. Essa reunião

os viajandões, os intimistas e

so quase sempre previsível.

deve ser bem orientada, onde

No entanto, para cada um,

Mas isso não é culpa dos

em cada momento um apresen-

300 anos para falar, mas quando

envolvidos e sim do processo

ta e os outros absorvem, ouvem

falam vale cada segundo em

em si. Isso aconteceria com

e colocam sua contribuição.

que permaneceu calado. Tenho

qualquer sala repleta de gênios.

certeza que cada um tem a sua

Imaginem só, Da Vinci, Van Gogh,

dúvida de que todos terão

solução baseada no seu estilo de

Gandhi, Vinícius de Moraes e Da-

excelentes colaborações em

ser e de suas referências.

rwin tentando resolver qualquer

todas as soluções, e que as so-

até os Barbárvores que levam

Eu não tenho a menor

coisa em conjunto. Não tenho

luções encontradas não teriam

cido muito por aí é o estabeleci-

a menor dúvida que se saíssem

tanta força e riqueza se não

mento como modelo de proces-

dois vivos dessa reunião já seria

tivessem sido buscadas num

so criativo a simples exposição

muito. E o produto da reunião?

processo realmente criativo. E

de insights e dinâmicas de dis-

Talvez o que Darwin chamaria de

o que é um processo criativo?

cussão multidisciplinar, ou seja,

“teoria da confusão”.

É essa atividade que busca, a

Porém, o que tem aconte-

com certeza será considerado

Agora faz o seguinte,

concentração, a atitude de re-

como criativo o que será mais

experimente fazer o contrário:

fletir internamente e de tentar

coerente inicialmente, o que to-

imagine dar um tempo para um

encontrar algo inesperado ou

das as partes concordarem e o

desses gênios ou qualquer pes-

algo que sensibilize, que toque

que por fim não for discrepante

soa, um reles mortal se debruçar

e realmente fale algo de novo

para os objetivos básicos.

individualmente ou no máximo

ou de uma forma nova.

Só que, infelizmente, numa reunião de dinâmica dessa

em dupla, em tripla, ou até em quadra, mas respeitando acima

Bem, é assim que nesse mesmo processo também surge

Ricardo Figueira - publicidade on-line :: 71

com a palavra um escultor que pode fazer uma excelente composição ou até mesmo um pintor que pode resolver enigmas matemáticos. É uma questão de concentração, de criação, não de repentismo, chutaísmo ou discussão, seja você um planejador, um diretor de arte, um atendimento, um jogador de golfe ou um DJ que vai colocar um som numa festa.

Ah, lembrei-me agora daqueles shows beneficentes do tipo Live Aid ou SOS Planet Earth em que no final sobem no palco dez bandas para tocar a última música junto. Aquilo é um horror e não passa de uma política romana antiga do pão e circo. Mas, e você, afinal, o que você preferiria: ter dez mp3 de músicas tocadas por dez bandas juntas ou dez mp3 com as melhores músicas dessas dez bandas?

72 :: Webdesign 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,

“Atormentam você por gostar de videogames? Pois azar deles”

Diretor Associado do Museu de Arte Contemporânea e consultor i n d e p e n d e n t e . A u t o r d o l i v ro ‘design/web/design:2’, administra uma comunidade de difusão do conhecimento digital pelo País. webdesign@luli.com.br

Luli Radfahrer

Acredite. É bom jogar videogames pronto. Pena que os que com-

feito nos últimos dez anos. Nes-

Mas não aquele jogo físico,

preendem você sejam normal-

se caso, sou forçado a concordar

suarento e cansativo que as

mente companheiros na ativida-

com muitos de seus argumentos.

pessoas chamam de “esporte”.

de, falem em termos técnicos e

Até há pouco tempo eram pou-

Nem aquele tipo previsível, de

tenham atitudes tão exageradas

cos os jogos verdadeiramente

tabuleiro ou cartas, com preten-

que a defesa deles não ajuda.

novos. Pouca gente fala, mas da

Então você gosta de jogar.

sões intelectuais ou financeiras.

Não é preciso examinar os

mesma forma que a web 2.0 deu

Nada disso. O jogo que você

argumentos de quem não gosta

aos sites sua verdadeira razão

gosta é digital, de preferência

desse tipo de jogo, de tão ób-

de ser, os jogos de computador

on-line, se possível multiplayer.

vios e repetitivos que eles são.

também sofreram uma revolução

A sua disputa é de imersão. Ela

É divertido, no entanto, compa-

recente. Pena que, como todas

tira o sono, a fome, a vontade

rá-los ao que diziam do mundo

as outras, ela tenha ficado restri-

de sair. É tão envolvente que

digital há uns cinco ou dez anos.

ta ao nicho.

prende toda a sua atenção e faz

Naquela época, quem passasse

Prefiro atacar, neste

com que o tempo voe lá fora.

o tempo todo na frente do com-

artigo, aqueles que defendem

Você passa dias e noites jogan-

putador seria chamado de nerd,

os games. Minha bronca real

do, uma verdadeira mania. Um

ouviria bobagens a respeito de

é com eles. Seja qual forem

fim de semana a jogar é, para

sua vida social, de sua visão,

suas intenções ou o título que

você, um programão.

seu cérebro. Não tardariam a

ostentem em suas pesquisas,

levantar preocupações quanto

seus argumentos são muito,

que essa sua predileção não é

a desenvolver um raquitismo

muito fracos. Ao fazerem uma

compartilhada por muitos. A

ou apatia típicos de presidiário

defesa ruim, a maioria acaba

maioria, aliás, acha esse hábito

sem atividade física, ou, pior,

fazendo mais mal do que bem.

esquisito. Seja lá por que moti-

virar um dependente psíquico.

Um de seus principais argumen-

vos, as pessoas adoram com-

Ser chamado de “usuário”, sob

tos é uma suposta contribuição

pará-lo a uma coisa besta como

o ponto de vista que as pesso-

para a melhoria da coordenação

TV. Os mais radicais chegam a

as poderiam ser “viciadas em

visual e motora. Não é errado,

classificá-lo como “doentio” e

internet” (seja lá o que isso sig-

mas é pouco. E, mesmo assim,

se queixam que você se isola do

nificasse), era, nesses termos,

não há certeza. A única melhoria

mundo, que não vê os amigos,

bastante apropriado.

efetivamente comprovada é que

Não é preciso nem dizer

nhenhenhenhenhé. Indiferente a

Acredito que quem comba-

a prática de jogar aumenta a capacidade de jogar.

essas bobagens, você continua

ta videogames provavelmente o

a jogar. Até porque seus amigos

faça por não ter visto nada mui-

também estão conectados. Por

to mais novo que um Pac Man

fisiológico desses é como

que você joga? Porque sim,

ou um Tetris, certamente nada

defender a dança por ser uma

Defender um benefício

Luli Radfahrer - webdesign :: 73

com a palavra atividade cardiovascular. Ou a leitura dos gran-

aplicativos digitais são determinadas à medida

des romances porque eles podem aumentar seu

que se progride na interface. As regras são ape-

vocabulário. Existem vantagens bem mais claras

nas linhas gerais, cada um é forçado a descobrir

e úteis. Uma das mais evidentes, apesar de pouco

o que deve fazer para se dar bem.

comentada, é que jogos demandam paciência.

Se para você isso parece um desperdício

Em um mundo cada vez mais estressado e conec-

de energia, saiba que há um processo bastante

tado, essa virtude ancestral é muitas vezes esque-

parecido na vida real. Ele se chama metodologia

cida. No entanto, por mais que um jogador de

científica. Não que jogador de Halo ou Warcraft

Grand Theft Auto pareça nervoso, seu caminho

(ou Counter Strike ou Ultima) seja equivalente a

certamente envolveu um grande número de horas

um pesquisador, longe disso, ele está mais para

em que, pacientemente, aprendeu as regras e a

o freqüentador de um clube de strip-tease. Mas

forma de locomoção em seu mundo.

tem, como o cientista, um enorme desejo de ver

A propósito, não é estranho que a maioria

o que há na próxima etapa. Até a indústria dos

dos games mais pareça tortura que diversão? Um

games chegar à sua maturidade, não havia forma

jogador experiente certamente passou muito,

de entretenimento que fosse capaz de proporcio-

muito tempo realizando tarefas monótonas e

nar um ambiente desses, não há como explorar

repetitivas. Sem contar o tempo que, para apren-

filmes, música ou TV.

der a fazê-las, ficou frustrado ou desorientado. É

A grande vantagem dos novos jogos, enfim,

impressionante o quanto se passa sem se divertir

não está no que se pensa, mas na forma como

por ali. Se é assim, por que raios um indivíduo

pensa. Ao jogar, o indivíduo é forçado a tomar

comum, que não tem grandes emoções em seu

decisões o tempo todo. Elas envolvem áreas tão

cotidiano, se empolga a levar uma vida ainda

complexas quanto análise de sistemas, teoria de

mais besta em um ambiente digital?

probabilidades e reconhecimento de padrões.

É quase inevitável a comparação entre o ato

O resultado de tudo isso é uma bela musculação

de jogar videogames e o de aprender a utilizar

mental. Eu não me espantaria se, em pouco tem-

novas tecnologias. Como em Flash ou Photoshop,

po, videogames virassem pré-requisitos para um

os manuais só são consultados em último caso.

vestibular ou currículo.

Antes deles, fóruns de discussão e dicas de amigos são bem mais populares. Como na vida real e profissional, as leis implícitas do mundo dos

E o mais legal disso tudo é que eu não jogo. Ainda.

busca

74 :: Webdesign

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

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

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

Multiplique conhecimento!

Nossos Treinamentos: OpenOffice, Banco de Dados, Gestão e Qualidade, Programação Java, Análise de Sistemas, PHP e MySQL, PHP com Ajax, Gnu/ LINUX LPI tel: (61) 3244.2510 atendimento@x25.com.br SGAS 910 Ed. Mix Park Sul sl 239 – Brasília/DF

Usabilidade, Arquitetura da Informação, Web 2.0, Webwritting, Tableless, Python, Zope e Plone com os maiores especialistas do mercado.

Aprenda conceitos e ferramentas que serão seu principal diferencial competitivo. www.simplesconsultoria.com.br tel: (11)3898.2121 cursos@simplesconsultoria.com.br

Para anunciar nesta seção, envie um e-mail para publicidade@arteccom.com.br, com o título "busca" ou ligue para (21) 2253.0596