agosto 2004 :: ano1 :: nº8 :: www.arteccom.com.

br/webdesign by
agosto 2004 :: ano1 :: n 8 :: www.arteccom.com.br/webdesign

e d i t o r a

arteccom

R$ 6,90

aprenda a
RETORNO
planejar lucro para obter
Webdesign

portfólio e-mais dose imperdível:

Rage dupla! o passo-a-passo
confira o trabalho tudo sobre Blogs do briefing e
desta agência e ainda medindo o
gaúcha como abrir uma retorno de um site
agência web

Abra a Kbça! Estudo de caso Kuat Confira o que os brasileiros conquistaram em Cannes
direitos autorais
3
 Equipe

Editorial
quem somos

Cinco anos de Arteccom! Direção Geral

Adriana Melo
adriana@arteccom.com.br
“Hoje, quando repousar a cabeça no travesseiro, esqueça a distân-
Direção de Redação
cia que ainda tem a percorrer. Veja, ao contrário, quão longe já chegou”
Bete Veiga
(Bob Mowad). bete@arteccom.com.br

Dia 15 de Agosto, a Arteccom comemora cinco anos de uma trajetó- Direção de Arte
ria bem sucedida: primeiro ano: trabalhava como freelancer e funcioná- Patrícia Maia
patricia@arteccom.com.br
ria de uma empresa, quando surgiu a oportunidade de sub-locar um espa-
Ilustração
ço em uma firma no centro do Rio, que já tinha infra-estrutura física e
Beto Vieira

:: A Arteccom não se responsabiliza por informações e opiniões contidas nos artigos assinados, bem como pelo teor dos anúncios publicitários. :: Não é permitida a reprodução de textos ou imagens sem autorização da editora.
burocrática. Levamos nossos computadores, contratamos dois estagiários beto@arteccom.com.br

e nos transferimos. Felizmente, a experiência deu certo! Segundo ano: Diagramação

juntamos algumas economias e alugamos nossa própria agência. Contra- Bruna Werneck
bruna@arteccom.com.br
tamos pessoal, registramos empresa e funcionários. Enfim, além dos im-
Publicidade
postos, conquistamos também nosso espaço! Terceiro ano: com um bom
Daniele Moura
portfólio e um evento idealizado por nós – o “Encontro de Web Design” – daniele@arteccom.com.br

consolidamos nossa marca no mercado. Quarto ano: finalmente, tínha- Webdeveloping

mos uma equipe talentosa e completa: design, tecnologia, comunicação e Fabio Pinheiro
fabio@arteccom.com.br
marketing. Quinto ano: lançamos mais um grande desafio, que está,
agora, em suas mãos – a revista “Webdesign”.
Se nessa trajetória enfrentamos várias dificuldades, elas nos capa- Criação e edição
www.arteccom.com.br
citaram para hoje, unidos, solucionarmos problemas mais complexos.
Patrocínio
Nossa retribuição pelo carinho e compreensão está na página 45: www.locaweb.com.br

uma matéria super útil sobre como abrir uma agência web. E, que daqui a
Produção gráfica
cinco anos, vocês também tenham suas respectivas histórias de sucesso www.ediouro.com.br/grafica

para contar! ;-) Distribuição

www.chinaglia.com.br
Em nome da equipe Arteccom, um grande beijo e obrigada pela com-
panhia!

Adriana Melo.

4
 menu
apresentação matéria de capa

pág. 4 quem somos pág. 19 entrevista: Fernando Tassinari

pág. 5 menu pág. 26 planejar é preciso

pág. 31 debate: planejamento é garantia
de sucesso?
contato
pág. 6 emails e-mais
pág. 6 fale conosco pág. 37 estudo de caso: Kuat
pág. 42 meu querido blog...
pág. 45 como abrir uma agência web
fique por dentro pág. 51 tutorial: montando uma edição em
pág. 9 adote esta página corte seco
pág. 10 clipping pág. 54 tutorial: acelere seu desenvolvimento
nova seção! pág. 12 direito na web usando templates

portfólio com a palavra

pág. 13 veterano: Rage
pág. 18 calouro: João Carlos Ferraz
pág. 56 webexperiences: Clovis La Pastina
pág. 58 webwriting: Marcela Catunda
pág. 60 marketing: René de Paula Jr.
pág. 62 user experience: Claudio Toyama
pág. 64 webdesign: Luli Radfahrer

5
emails
Assunto: NY-Rio
Adorei a reportagem sobre
direitos autorais (ed. 01/
Jan), pois, ao me esclarecer,
evitou que, por falta de
conhecimento, cometesse um
deslize. Aqui, nos EUA, a
legislação para informática
é levada muito a sério. Uma
publicação de tanta
qualidade como a
‘Webdesign’ não pode
ignorar o tema, já que, às
vezes, temos de pagar uma
grande quantia a um
advogado para
esclarecermos dúvidas do
gênero. Sugiro que na seção
‘Com a palavra’, dêem a
palavra a um advogado
especializado para ele nos
ajudar a não infringir as leis
com nossas criações bem
como a proteger nossas
criações e direitos.
Fernanda Oliveira
nanditaolive@hotmail.com
Olá, Fernanda!
Ficamos lisonjeados e gratos ao
mesmo tempo. Sua sugestão já faz
parte desta edição! Verifique, na
seção ‘Fique por dentro’, a coluna
da Dra. Marianna Furtado. A partir
de dúvidas dos leitores, a advogada
abordará os aspectos jurídicos que
:: Os emails são apresentados resumidamente. :: Sugestões dadas através dos emails enviados à revista passam a ser de propriedade da Arteccom.
6
envolvem a questão. Dessa forma,
esperamos facilitar ainda mais o
bom exercício da profissão de
webdesigner. Espero que gostem!
Assunto: Olha você aqui de
novo!!!
Muito obrigado, equipe da
‘Webdesign’, por divulgar meu
email. Custei a crer que era o
meu nome. É gratificante se
destacar dentre tantos
emails, e isto demonstra
também a boa relação da
revista com os leitores.
Na edição 04, cinco
renomados webdesigners do
Brasil entrevistaram seis dos
melhores do mundo,
portanto, sugiro que vocês
permitam que estudantes da
área entrevistem, dialoguem
e debatam com profissionais
do Brasil (assunto não iria
faltar!). O título poderia ser
“Você pergunta e os melhores
webdesigners do Brasil
respondem”.
Sei que o Encontro de Web
Design atende à sugestão
referida, porém como há
estados em que o evento
ainda não chegou, seria uma
boa idéia para preencher
essa lacuna. Espero que
tenha acrescentado à revista
e à equipe que acrescentam
aos webdesigners de todo o
Brasil.
Um forte abraço,
Cristiano Conte
cristiano.conte@ibest.com.br
Oi, Cristiano
Assim você vai virar ‘figurinha
fácil’ nesta seção. Sinal de que
suas sugestões ajudam a fazer
da ‘Webdesign’ uma revista com
Assunto: Programação e
a cara do leitor, capaz de corresponder
oportunidades
às suas expectativas. Que você e os
demais sempre mantenham contato
Olá, ‘Webdesign’ & Cia.!
conosco para que possamos melhorar
Gostaria de dizer que a
cada vez mais a qualidade da nossa
revista está demais! Já
publicação. Um abraço!
estava na hora de lançarem
no mercado editorial uma
revista específica de
webdesign. Compro a
revista desde o seu
lançamento e defendo a
tese de que com ‘crítica
se cresce’, então, sugiro
matérias sobre programação
web. Embora já existam
inúmeras revistas
abordando esse tema, o
Assunto: Chega de briga!!!
design e a programação na
Como designer, toda vez que web são praticamente um
tenho de fazer um layout é par perfeito, um não vive
aquela briga para adaptar sem o outro.
800x600, 1024x768, etc.. Outra coisa: por que não
Sugiro que divulguem uma colocar na revista uma parte
pesquisa que mostre a de ‘Oportunidades’? Acredito
porcentagem de pessoas que que haja inúmeros
ainda usam 800x600 ou webdesigners sem uma
outras configurações. oportunidade, que acabam
Pesquisei na internet e não escondendo seu trabalho ou
encontrei nada. A Locaweb mudando de área por pensar
lançou uma enquete sobre o ‘Vai ser muito difícil’. Talvez,
assunto, mas o resultado não até as empresas buscariam
foi divulgado até agora. talentos na revista,
Renato F. Nascimento anunciando oportunidades
renatonascimento@dgabc.com.br
etc..
Solicitamos essa informação ao
Beijos e abraços!
Cristian, gerente de marketing da Danilo Nunez
Locaweb, e conseguimos o que você danilonunez@terra.com.br
queria. Segue resultado da enquete Obrigada pelas idéias, Danilo.
realizada no site da Locaweb: Você pode encontrar informação
Qual a resolução de seu Monitor? sobre oportunidades nos sites
800 x 600 pixels - 909 votos - 21% apinfo.com, timaster.com.br e
1024 x 768 pixels - 2741 votos - 62% clickjobs.com.br. Quanto à sua
sugestão sobre programação,
Outros - 745 votos - 17%
levaremos para nossas próximas
Total de votos: 4.395
reuniões de pauta. Continue
Um grande abraço,
colaborando com a Webdesign!
Adriana
fale conosco pelo site www.arteccom.com.br/webdesign
7
8
 adote esta página
adotou esta página

“Que cada indivíduo procure auxiliar os interesses alheios

e não somente os seus próprios interesses” Filipenses

Adotando esta página, a Locaweb contribuiu com R$600,00 para a manutenção do projeto Mage-Malien
– Crianças que Brilham, beneficiando integralmente crianças e jovens de comunidades menos favorecidas.
O projeto possibilita o acesso de crianças ao universo da educação, da arte e da cultura através de cursos
e oficinas ministrados gratuitamente pela equipe Beriba-Rei Capoeira. Ocupando de maneira sadia suas
horas de lazer, os jovens aprendem o exercício pleno da cidadania.
A Arteccom acredita na construção de um futuro melhor e agradece este gesto de solidariedade!

Você também pode ajudar a manter o brilho dessas crianças: ligue para (21) 2253-0596 ou
envie um email para arteccom@arteccom.com.br e adote esta página!
Para conhecer o projeto Magê-Malien, visite o site www.arteccom.com.br/magemalien.

9
clipping

Design na Brasa
O terceiro encontro do evento acontecerá no dia 19 de setembro, no Sesi da Internet
Vila Leopoldina, em São Paulo. O evento funciona como uma grande equipe em é bom lugar
que todos contribuem com o necessário e ajudam no possível, gerando
para procurar
parcerias, apoios e patrocínios, dentre eles, Comunidadeweb, Imasters,
Freecode, 10minutos , designGráfico , DSJtraining, Atípico, Redpixel, namorado
Tipocracia, Bacalhau Riberalves, Churrascaria Poncho Verde e Europa Filmes. De acordo com uma representativa
Durante o evento, haverá vários sorteios – quadros pintados na hora pelo enquete do instituto de pesquisa Emnid,
artista plástico e tatuador Marcelo Coelho; cursos de c# pela DjsTraining, os sites de namoro na internet estão em
Tableless pela Atípico, 3ds Max completo em cd pela Red Pixel; sem contar as conjuntura.
camisetas do Imasters; filmes em dvd e muito mais. Quase 9 milhões de alemães procuram
O objetivo do encontro é, entre uma brincadeira e outra, informar e dar dicas parceiros através dos serviços online de
sobre design, criar oficinas, trocar experiências, fazer networking e, claro, contato. Aproximadamente um em cada
saborear um churrasquinho. dois entrevistados acha que a internet é
Para mais informações, acesse www.designnabrasa.com.br. a mídia ideal para isso.
(1)

Lightwave 3D tem revenda exclusiva Museu vai vender downloads

no Brasil
Os profissionais de design já podem enriquecer seus currículos
contando com o apoio de uma empresa totalmente especializada
num dos mais premiados softwares 3D do mercado. A R3F Digital
Design, revenda autorizada Newtek, é a primeira empresa
brasileira dedicada exclusivamente ao Lightwave 3D, oferecendo
além da importação, total suporte e treinamento no produto.
O Lightwave 3D é o mais completo e flexível software capaz de
abranger  todos os tipos de projetos. Considerado um dos
melhores renders realísticos do mercado, o software é utilizado
para modelagem, animação e efeitos especiais. Além de ser o
único multiplataforma (mac/pc) num só produto, tem a melhor
curva de aprendizagem se comparado aos seus concorrentes.
Conheça mais sobre o Lightwave 3D, acessando o site da R3F
www.r3f.com .
de fotos de arte
O Museu Hermitage, de São Petersburgo (Rússia), vai oferecer
downloads de fotos de arte para celulares, disse o diretor da
instituição. “Graças a esse projeto, as pessoas terão outra
oportunidade de conhecer as obras do Hermitage”, disse. “Será uma
oportunidade simples e moderna, que, ao mesmo tempo, não vai
diminuir a importância do Hermitage. Será uma nova oportunidade
de trazer a beleza para nossa vida”.
Piotrovsky disse que reproduções de cerca de cem obras de arte
estarão disponíveis para download, de pinturas de Rembrandt até
imagens de esculturas de ouro. Cada foto será vendida por US$ 1,
enquanto imagens com descrições serão vendidas por US$ 2,50. Ele
não soube dizer quando o serviço começará a ser oferecido aos donos
de celulares russos.
(2)

Cemitérios poderão ter vídeo gravado pelos mortos

Um inventor nos Estados Unidos criou uma forma moderna para permitir que os mortos se
comuniquem com seus entes queridos: instalando telas de vídeo em seus túmulos. Robert
Barrows explicou que as pessoas poderiam deixar mensagens gravadas em vídeo antes de
morrer, e estas seriam mostradas aos amigos, familiares ou até mesmo curiosos.
Barrows disse que essas mensagens poderiam incluir histórias que se passaram com a
pessoa ou a sua opinião final sobre um desentendimento com alguém. A iniciativa
também poderia se transformar em fonte de recursos para os cemitérios. “Você pode
caminhar de túmulo em túmulo e clicar para ver o que aquela pessoa queria dizer
antes de morrer”, disse ele à BBC.
Outra opção seria conectar o equipamento ligado ao túmulo à internet, possibilitando
aos futuros mortos que programem a exibição de mensagens para bem depois de sua
morte. O equipamento no túmulo poderia ainda ter formas de cobrar ao usuário com
moedas ou com cartão de crédito.
(3)

10
 clipping
iTunes Europa vende 100 milhões de músicas
Uma versão de Somersault, do duo britânico Zero 7, foi a milionésima música vendida pela iTunes Europa. O americano Kevin Britten, de
Hays, no Kansas, que pagou US$ 1,86 dólar pela canção, foi premiado com um computador, um player iPod e um voucher que lhe dá
direito a 10 mil downloads. Segundo a Apple, a iTunes, que estreou na Alemanha, França e Reino Unido em junho último, é agora a maior
loja virtual do mundo de download legal de músicas.
Com o fim do Kazaa, rede de troca de arquivos online, anunciado para breve,
a iTunes deve reinar absoluta por muitos anos no cenário da internet. (4) 25% dos internautas já
baixaram filmes; pirataria
Escola ensina a combater hackers deve crescer
Um em cada
Seiscentos alunos de uma escola pública de Cingapura estão invadindo seus
quatro
próprios computadores em rede como parte de um curso que ensina como evitar
internautas já
a ação dos hackers mal-intencionados. “Para pegar um ladrão, você tem de
baixou filmes
saber como ele age”, diz Steven Chew, professor de computação e tecnologia de
ilegalmente e
rede da Politécnica de Cingapura.Chew acredita que seus alunos poderão
o problema
quebrar a segurança do Centro de Operações da escola, que é em parte
deve piorar,
sustentado pela IBM e Cisco Systems, em apenas uma hora. Mas ele não quer
disse a
que nenhum de seus discípulos seja um criminoso cibernético.“Nós também
MPAA,
alertamos nossos alunos sobre a ética e a lei que regem o ato de hackear em
entidade que
Cingapura. Aqui, os infratores podem pegar três anos de prisão e pagar multa de
representa os
5.800 dólares americanos”, esclarece Steven Chew.
(5) estúdios
cinematográficos
dos Estados Unidos e patrocinou um estudo
Espinafre pode converter luz em energia para laptops sobre a pirataria.
Para a pesquisa, a MPAA entrevistou 3.600
A força do espinafre não serve apenas para a personagem dos desenhos animados
internautas de todo o mundo, que regularmente
Popeye. Em um futuro breve, o vegetal também poderá gerar energia para fazer os
vão ao cinema. Vinte e cinco por cento desses
computadores funcionarem.
usuários admitiram ter baixado um filme pirata
Em artigo publicado na revista “Nano Letters”, pesquisadores norte-americanos
da rede mundial de computadores.
relataram ter conseguido criar células solares eficientes e mais baratas utilizando o
O que mais preocupa os estúdios de Hollywood,
espinafre. Estas células poderiam cobrir laptops e fornecer
porém, é que a maioria das pessoas que
energia renovável aos aparelhos. A equipe de Marc
baixaram filmes disse que reduziram as idas ao
Baldo, do MIT (Instituto de Tecnologia de
cinema e estão comprando menos DVDs, disse o
Massachusetts), isolou uma variedade de
site da “BBC” (news.bbc.co.uk).
proteínas fotossintéticas e as colocou entre
O estudo diz ainda, que a pirataria de filmes pela
duas camadas de finas películas condutoras
internet deve aumentar à medida que mais
—neste caso, ouro.
pessoas passarem a usar conexões de banda larga.
Os pesquisadores, agora, estão tentando
Um quinto dos entrevistados disse que não se
repetir o sucesso do experimento com
sente culpado em obter cópias de filmes antes
proteínas extraídas da ervilha.
(6) mesmo de eles estrearem nos cinemas. (7)

(01) http://www1.folha.uol.com.br/folha/dw/ult1908u874.shtml
(02) http://www1.folha.uol.com.br/folha/informatica/ult124u16413.shtml
(03) http://informatica.terra.com.br/interna/0,,OI339889-EI553,00.html
(04) http://www1.folha.uol.com.br/folha/informatica/ult124u16427.shtml
(05) http://www.estadao.com.br/tecnologia/informatica/2004/jul/07/38.htm
(06) http://www1.folha.uol.com.br/folha/ciencia/ult306u12109.shtml
(07) http://www1.folha.uol.com.br/folha/informatica/ult124u16421.shtml

11
direito na web
nova seção! nova seção! nova seção! nova seção! nova seção! nova seção!
Direitos do webdesigner: quando o
cliente vai além do contrato
Sou webdesigner e, no fim do ano passado, um cliente me contratou para criar um
website. Agora, fiquei sabendo que ele quer utilizar o layout do site para estampar
camisas e vender. Não gostaria que isso acontecesse. É possível que, na condição
de criador do site, eu possa evitar essa utilização de alguma forma?
Gustavo Paranhos, gugaparanhos@yahoo.com.br
Sua dúvida refere-se a contratos envol-
Marianna Furtado é vendo direitos autorais dos webdesigners
advogada com pós-graduação (autores do projeto gráfico de um site), mais
em Direito da Propriedade
especificamente sobre os limites de utilização
Intelectual pela PUC-Rio.
Atualmente, pertence à da obra contratada (no caso, o próprio proje-
equipe do escritório to gráfico).
Montaury Pimenta, Machado
Antes de tudo, é importante esclarecer
& Lioce Advogados.
que Direito Autoral, em razão da existência
Envie sua dúvida para:
de vínculos pessoais e patrimoniais entre o
marianna@montaury.com.br
autor e a obra, é subdividido em duas espéci-
es de direitos: os Direitos Morais e os Direitos
Patrimoniais.
Direitos Morais – irrenunciáveis e
inalienáveis, ou seja, nem mesmo o próprio
autor pode dar, vender, alugar, emprestar ou
‘abrir mão’ desses direitos relativos à sua
obra. Possibilitam que o autor reivindique, a
qualquer tempo, a autoria da obra; tenha o
seu nome, pseudônimo ou sinal convencional
indicado ou anunciado na obra como sendo o
autor, na sua utilização; conserve a obra
inédita; assegure a integridade da obra,
opondo-se a quaisquer modificações, ou à
prática de atos que, de qualquer forma, pos-
sam prejudicá-la, ou atingi-lo, como autor,
em sua reputação e honra; modifique a obra,
antes ou depois de sua circulação, ou de lhe
12
suspender qualquer forma de utilização já
autorizada.
Direito Patrimonial – meio pelo qual o
criador realiza a fruição econômica da obra,
ou seja, o autor, ao negociar a utilização de
sua obra por terceiros, está negociando
apenas os seus Direitos Patrimoniais. Os
Direitos Morais, como dito anteriormente,
permanecem com o autor, fazendo com que
o contratante dos serviços de webdesigner
esteja obrigado a sempre utilizá-los nos
moldes expressamente autorizados pelo
autor no contrato.
Se o projeto gráfico foi desenvolvido
pelo webdesigner e contratado apenas para
ser utilizado no ‘site’, isto é, caso no contrato
não esteja expressamente autorizado a utili-
zação do projeto gráfico criado pelo leitor
para estampar camisetas, ele poderá, sim,
impedir esse uso nas camisetas que seu clien-
te deseja comercializar.
Conclusão: qualquer utilização distinta
da expressamente autorizada em contrato
pelo autor consiste em ato ilícito por caracte-
rizar violação de direitos autorais, mesmo
quando, originariamente, vinculados por con-
trato o autor e o usuário da obra.
 portfólio :: veterano
Rage:
talento
que vem
das ruas
por André Philippe

Com apenas 21 anos e já diretor de criação da agência

Rage, Gustavo Rodrigues revela que foi a partir de uma

relação de amor e ódio que nasceu o seu primeiro contato

com o design. Fruto da filosofia de trabalho de sua

agência, que é o foco no resultado, o designer dá a

receita do sucesso de seus projetos.

www.rage.com.br

13
portfólio :: veterano
Ramalho
José Antonio Ramalho é o autor
brasileiro de livros de informática
com mais de 50 títulos publicados
em português. Especialista em
linguagens de programação, teve
oito de suas obras traduzidas
para o espanhol e duas para o
inglês. Um de seus livros mais
conhecidos é o “Iniciando em
HTML”.
www.ramalho.com.br
www.colombo.com.br
14
Não é de hoje que a aversão a com-
putadores tornou-se um grande empeci-
lho à “inclusão digital” dos que não con-
seguiram acompanhar os avanços
tecnológicos do final do século XX. Mui-
tos destes ainda persistem no pensa-
mento de que os jovens antenados
com a informática não tiveram infância ou,
talvez, não saibam mais o significado da ex-
pressão “brincar na rua”. Entretanto, no caso
de Gustavo Rodrigues, foi justamente de um
esporte praticado fora de casa que ele se
:
envolveu no mundo dos pixels e megabytes.
E, por incrível que pareça, partiu de uma ár-
dua luta travada com o bom e velho PC a sua
relação com o design.
Gustavo aproximou das artes gráficas
devido a um fanzine de skate que fazia aos 14
anos de idade. Naquela época, viu-se força-
do a encarar o mundo dos teclados e mouses
para aprimorar o layout de seu informativo:
“Apesar de, no início, eu ter problemas com
computador por odiá-los, precisei aprender
na época o temível Aldus PageMaker. A partir
daí, fui me interessando por design”.
Com formação técnica em design gráfico
pelo Centro Federal de Educação Tecnológica
do Rio grande do Sul (CEFET-RS), seu primei-
ro envolvimento com a internet surgiu da idéia
www.inclusaototal.rs.gov.br
de transfor-
mar o seu fanzine de
skate numa publicação online.
“Aprendi alguns softwares, li alguns li-
vros do Ramalho e comecei com a internet
numa época em que tudo era muito tosco,
cheio de ‘bevels’, sombras e alguns ‘lens-
flares’ perdidos. Desviei-me disso e comecei a
criar de uma forma mais consciente”, afirma
Gustavo.
Simplicidade que dá resultados
Com sede em Porto Alegre, a Rage surgiu
em 2002 e já possui uma conta invejável.
Com trabalhos realizados para o grupo
Iguatemi e lojas Renner, foi premiada por
duas vezes como Agência Web do Ano, con-
cedidos pelo Salão Gráfico e pelo 1º Prêmio
ARP de Mídia Interativa. Para Gustavo, o di-
ferencial da agência é o trabalho com foco no
resultado, indo além da presença da marca
na web: “Encontramos a solução que enten-
demos ser a melhor para o cliente no momen-
to, criando uma linha gráfica adequada e sis-
temas para suprir suas necessidades”.
Gustavo procura inspiração no seu dia-
a-dia e nas pequenas coisas que, talvez,
passem despercebidas aos olhos dos mais dis-

“Somos contratados como especialistas e temos
que agir como tais, sugerindo ações, entendendo os problemas
e oferecendo soluções que vão gerar resultados para o cliente”
traídos. “Gosto de juntar experiências do cotidiano no meu
trabalho. Os meios urbanos me inspiram muito, então, às ve-
zes, saio com uma câmera digital para registrar coisas da rua
e isso me ajuda muito na hora de criar. Gosto também de ver
revistas de comportamento e moda, onde as tendências de
design estão sempre evidenciadas”, conclui o designer.  e intuitivo, que agregou agilidade para o usuário fechar sua
Nos trabalhos da Rage é possível perceber o
detalhamento e a simplicidade que Gustavo demonstra ao
desenvolver um projeto. No hotsite feito para a campanha de
outono-inverno das Lojas Paquetá, a interação entre o cursor
do mouse e o meio é destacada por movimentos suaves que a
setinha faz em relação às “instabilidades climáticas” do
layout. Gustavo utiliza em sua criação elementos inusitados
para cativar o usuário: “O público das Lojas Paquetá é exi-
gente, elegante e ágil. Para comunicar cada campanha, pre-
cisamos desenvolver hotsites que realmente impressionem,
explorando a arte de forma original e interativa”.
Pesquisar para vender
Em outro trabalho feito pela Rage, o designer enfatiza a
pesquisa como fator determinante para definir um modelo ide-
al de interação com o usuário. No site da Colombo, rede de va-
rejo de eletroeletrônicos e móveis, um estudo de caso em e-
commerce foi essencial para o seu sucesso de vendas. “Como
se tratava de comércio eletrônico, toda uma pesquisa foi
necessária. Navegamos nos maiores sites de e-commerce do
mundo atrás das me- lhores soluções para a Colombo, que já
vê seu site como uma lucrativa loja,
pretendendo ampliar suas vendas em
2004”, destaca Gustavo.
Além da customização dos
procedimentos de compras
as fotos nas polaroids foram tiradas por Gustavo Rodrigues, diretor de criação da Rage
portfólio :: veterano
online, toda parte de arquitetura da informação e
navegabilidade foi tratada com cuidado pela equipe da Rage.
“Nossa missão era, além de criar uma linha gráfica atraente,
cuidar da navegabilidade do site, tudo dentro de limites rígidos
de peso em kb. O que conseguimos foi um design interessante
compra. Porém, o e-commerce muda constantemente e temos
que acompanhar o mercado, por isso, esse não é o primeiro
layout desenvolvido para a loja e nem será o último. É uma cor-
rida contínua para atender cada vez melhor o cliente”, explica.
Cliente amigo
No que diz respeito ao relacionamento do cliente com a
agência, Gustavo enfatiza que ouvir o outro lado é sempre
muito importante, pois ninguém mais do que o dono conhece a
própria empresa. Entretanto, ele alerta que, às vezes, questi-
onar algumas coisas antes de começar a produzir é importante.
“Somos contratados como especialistas e temos que agir como
tais, sugerindo ações, entendendo os problemas e oferecendo
soluções que vão gerar resultados para o cliente”, afirma.
Mas, nem tudo são flores na hora de criar soluções que
Link:
agradem não só aos usuários, mas, principalmente, a quem
Ramalho
está contratando os serviços na web. Algumas limitações téc-
José Antonio Ramalho é
nicas podem determinar os rumos de um projeto na internet.
o autor brasileiro de livros de
Para Gustavo, o obstáculo que impede a livre criação é o tama-
informática com mais de 50 tí-
nho em kbytes que uma peça pode atingir: “Muitas vezes, dei-
tulos publicados em portugu-
xamos de fazer algo muito legal para que todos possam ver da
ês. Especialista em lingua-
mesma forma. Outras vezes, optamos por perder alguns usu-
gens de programação, teve
ários para oferecer uma solução mais interessante”. Uma bar-
oito de suas obras traduzidas
reira também apontada pelo designer são os diferentes ambi-
para o espanhol e duas para o
entes que cada usuário utiliza em relação à resolução de
inglês. Um de seus livros mais
vídeo, navegador e sistema operacional.
conhecidos é o “Iniciando em
HTML”.
15
portfólio :: veterano
“O crescimento não deve somente se limitar ao ambiente em que você está
inserido. Aprenda a aprender sozinho, pois o que forem ensinar para você, com
certeza, já estará ultrapassado”
Ao lado, dois hotsites para as lojas
Renner: o de cima foi para o mês das
crianças, e o de baixo, da campanha
“Tempo de Mulher”, que promoveu
palestras e workshops sobre e para
mulheres.
16
Estudar nunca é demais
Outra dica importante é sobre como se
sobressair no mercado de trabalho. Segundo
Gustavo, a capacitação técnica do profissio-
nal é cada vez mais um fator determinante
para o seu sucesso: “Não adianta saber, tem
que ser o melhor no que faz. O mercado é
focado, mas tente, além de conhecer a sua
função, estudar e entender o processo num
todo, isso vai ajudar se algum dia você preci-
sar passar uma tarefa para alguém. Compa-
re seu trabalho, não só com o do colega ao
lado, mas também com os feitos para gran-
des marcas”.
E para os micreiros de plantão, que não
saem da frente do computador e desprezam
a expressão “brincar na rua”, fica aqui o
exemplo de Gustavo: nela se aprende muito
sobre a vida e, principalmente, como
retratá-la em suas diversas vertentes. Seja
no relacionamento com o colega de trabalho,
seja na sua visão de mundo, seja em apren-
der errando ou, simplesmente, na hora de
criar um site, vivenciar determinadas
emoções é essencial na hora de
transpô-las em sua arte. “O cresci-
mento não deve somente se limitar
ao ambiente em que você está in-
serido. Aprenda a aprender sozi-
nho, pois o que forem ensinar
para você, com certeza, já
estará ultrapassado”, finali-
za o ex-skatista.
 Na coluna ao lado, de cima para baixo:
páginada loja de calçados Paquetá
<www.paquetá.com.br>,
teaser Paquetá na página em
construção e hotsite
<www.paquetá.com.br/
outonoinverno>

Abaixo: cartões da coleção Summer Hits

“Compare seu trabalho não só com o do colega ao lado,

mas também com os feitos para grandes marcas”

17
portfólio :: calouro
Ele é ‘safo’!
Paulista de Carapicuíba, João Carlos Botelho Ferraz tem 31 anos e
desde a infância mostrava uma vocação precoce para artes
gráficas que, com o passar do tempo e a evolução da tecnologia,
transformou-se em vocação para arte digital.
Ainda no colégio, João Ferraz cursou segundo grau técni-
co de desenho publicitário, que foi complementado com o cur-
so de ilustração publicitária na Escola Panamericana de Arte.
Apesar de não ter cursado faculdade, vem conseguindo se
manter no mercado há dez anos. Entretanto, embora valorize
mais a vocação do que a formação acadêmica superior, reco-
nhece a importância do terceiro grau: “É muito vantajoso ter
um embasamento cultural e técnico, mas se não puder cursar
uma faculdade, sente na frente do computador e fuce, fuce,
fuce... estude o máximo possível na web”.
Dividindo-se entre trabalhos freela e fixos, João ficou
conhecido principalmente na área editorial, onde, segundo
ele, há uns oito anos atrás era muito raro encontrar ilustrado-
res 2D e 3D. “Essa foi uma grande vantagem, que me abriu
portas para trabalhos fixos”. Dentre seus clientes estão edito-
ras Abril e Escala e jornal Valor Econômico.
“Lidar diretamente com o cliente é o ponto positivo de ser
freela, enquanto o negativo é a instabilidade. Já no ambiente
Interfaces de dvds projetados por João Carlos
O site do João Ferraz é <www.lightshock.hpg.ig.com.br> e o email para contato, ferraz02@terra.com.br.
18 Para participar da seção portfólio, cadastre-se no site www.arteccom.com.br/webdesign.
auto-caricatura
empresarial, a mesma segmentação de funções que agiliza a
produção pode acabar filtrando o processo criativo, anulando
a identidade do trabalho num fenômeno que apelidei de ‘telefo-
ne-sem-fio’”.
Quanto ao mercado de design, analisa: “O mercado está
sucateado, não existe uma tabela de preços definida, aliás, nin-
guém pratica a tabela da ADG porque é muito elevada. Estas va-
riações geram uma confusão que se reflete até em grandes edito-
ras e agências, afinal, ‘o sobrinho faz!’. Fora isso, a exigência de
nota fiscal devido à prática da terceirização obriga à abertura de
uma microempresa, coisa que não é tão simples assim”.
Precavido como todo bom taurino, afirma convicto: “Gos-
to muito de ser freelancer, porém sempre tenho o meu fixo!”.
Mas também tem ideais: “Sonho em fazer outras modalidades
de animação e design 3D – curtas, filmes pequenos (nada mui-
to pretensioso). Adoro fazer ilustrações lúdicas e desenhos em
3D bem-humorados. Sucesso e dinheiro são conseqüências de
um trabalho bem feito”, conclui.
“Há uns anos era
raro encontrar
ilustradores 2D e
3D. Essa foi uma
grande vantagem,
que me abriu portas”
 entrevista
PLANEJAMENTO
uma via de mão-dupla
Por André Philippe

Em entrevista à Webdesign, Fernando Tassinari, diretor de planejamen-

to da Euro RSGC 4D (filial brasileira da Euro RSGC Worldwide, agência de
marketing digital que presta consultoria para empresas como Intel, Nokia,
Tim e StarOne), nos revela preciosas di-
cas sobre planejamento estratégico
na rede. Numa conversa produtiva,
ele aborda aspectos importantes da
web, como usabilidade e arquitetura
da informação, e fala sobre como al-
cançar bons resultados. Prestem
atenção às suas palavras, pois
poderão ser muito úteis na
hora de planejar seu pró-
ximo produto para a
internet.

19
entrevista
Wd :: Existe uma diferença real em pla-
nejar estrategicamente para web ou há
apenas uma adaptação das técnicas já
utilizadas em outros meios?
Tassinari :: Há diferenças em planejar
para a internet, embora não se possa dizer
que são radicais. Levamos em conta as
mesmas técnicas, porém com formas de
execução muito diferentes. Na internet,
por exemplo, precisamos entender como o
usuário se relaciona com a marca, pois o
meio permite isso. Em outras mídias, os
consumidores são impactados pelas men-
sagens, mas dificilmente interagem com
elas. No caso da web, eles ‘usam’ o meio
para se relacionarem ou se manifestarem
com uma determinada empresa, o que faz
com que tenhamos a necessidade de en-
tender os diferentes cenários para tal
interação. A possibilidade de análises e
mensuração de resultados também implica
em modificações durante o planejamento,
pois com a internet conseguimos, na mai-
oria dos casos, ter efetivamente a compro-
vação do retorno.
Wd :: Como é medido este retorno e quais
ferramentas são utilizadas para isto?
“Na internet, precisamos entender como o usuário se relaciona com a marca, pois
o meio permite isso. Em outras mídias, os consumidores são impactados pelas
mensagens, mas dificilmente interagem com elas”
20
Tassinari :: Existem diversas formas,
mas sempre dependentes dos objetivos
do cliente. É preciso definir o que será
mensurado e que métricas de mercado se-
rão usadas como base. Se o projeto for de
comércio eletrônico, por exemplo, calcula-
mos o retorno por leads de vendas, que é
o número (gerado por page views) de
pessoas interessadas em uma compra. Os
softwares utilizados podem ser vários já
difundidos no mercado, desde o
webtrends, um dos programas mais co-
nhecidos para mensuração de acesso, até
ferramentas personalizadas, desenvolvidas
especificamente com esse objetivo. 
Wd :: É feita alguma comparação entre
o retorno de um site e as outras ações
de marketing da empresa e como estes
resultados influenciam nos investimen-
tos futuros de uma organização?
Tassinari :: Os dados são apresentados
em conjunto, porém não necessariamente
devem ser comparados, já que apresentam
diferentes métricas. Mesmo assim, muitas
empresas já estão fazendo essas compara-
ções. Ainda não sei se os resultados po-
dem ser considerados favoráveis ou desfa-
 entrevista
voráveis porque ainda há pouco histórico,
por incrível que pareça.
Wd :: Nas grandes produtoras existe o
diretor de planejamento, designado es-
pecificamente para a estratégia de um
produto online. Resumidamente, quais
“O profissional de
são suas atribuições?
planejamento
Tassinari :: Basicamente, é quem entende
direciona e define
a demanda de marketing do cliente e define
os passos do
internamente quais as estratégias a seguir
projeto, seja ele
para tentar atingir os objetivos desejados.
de comunicação,
Ele pode, por exemplo, propor o uso de
marketing ou
mensagens para reforçar o ‘branding’ de
relacionamento, e
determinado produto e estimular o processo
o que será
de compra. Isso faz com que o arquiteto da
mensurado após
informação e os profissionais de criação pen-
sua realização”
sem em conjunto. O profissional de planeja-
mento define também os passos do projeto,
seja ele de comunicação, marketing ou rela-
cionamento, e o que será mensurado após
sua realização.
Wd :: Com relação ao cronograma de pro-
dução de um site, qual é o motivo mais
freqüente para o seu atraso?
Tassinari :: Falhas ou atrasos na valida-
ção dos milestones, que são pontos de ve-
rificação de cronograma e entrega das eta-
pas de desenvolvimento de um projeto.
Tanto a empresa que solicita o projeto como
a que está desenvolvendo têm responsabili-
dades no cumprimento do cronograma. Por
isso, empresas com um processo de traba-
lho eficiente levam vantagem em relação a
outras, que, normalmente, ‘vendem’ a um
custo menor. 
Wd :: Pela sua experiência, em mui-
tos casos o briefing entregue pelo
cliente já contempla o escopo de um

21
entrevista

projeto ou isto é definido em conjunto com o profissional de planejamento? 

Tassinari :: Não há regras, há briefings com e sem escopo definido. Depende muito do
momento e da empresa. Para projetos demandados pelo departamento de tecnologia da
informação das grandes empresas, normalmente, o escopo vem detalhado, definindo em
profundidade as funcionalidades e telas a serem desenvolvidas, sem impactar no plane-
jamento e na arquitetura da informação. Por outro lado, há casos de projetos demandados
por outros departamentos, como o de marketing ou comunicação, por exemplo, que ape-
nas apresentam seus objetivos e esperam que a agência defina o escopo como parte da
primeira fase do projeto. Mas para toda regra há exceção.
Wd :: Um bom planejamento estratégico custa caro?   
Tassinari :: Não, mas claro que depende muito do tamanho do projeto e dos seus obje-
tivos. Todo produto online demanda um planejamento, mas, para os grandes trabalhos,
esse planejamento tem que ser bem detalhado e envolve diferentes profissionais, tanto
de atendimento como de criação, arquitetura de informação e de tecnologia. Neste caso,
é necessário um investimento mais alto.
Wd :: Quando um cliente deseja divulgar seu negócio ou produto na rede, existe
algum tipo de consultoria para analisar se o seu empreendimento proporcionará
o retorno esperado na web?

Conte-nos,
Indecisão por parte
em até 8 linhas, as do cliente quanto ao projeto
principais causas de traçado, o que causa mudança repentina
de linha de projeto no seu meio ou, até
atraso no cronograma.
mesmo, alteração total em relação
Acesse www.arteccom.com.br/webdesign
ao projeto inicial.
para participar das enquetes!
Rodrigo Leandro Matos
<rodrigo@kriativus.com>

Prometer ao cliente
uma coisa que não sabe. Você
perde tempo aprendendo (quando é
fácil, tudo bem, mas minha empresa já me
colocou em cada uma...). Isso faz com que leve
tempo para finalizar. Djavan Carvalho
<djavancarvalho@uol.com.br>
Normalmente, o cliente não
disponibiliza o conteúdo completo
para o desenvolvimento do site, mesmo
quando informamos a necessidade do
planejamento. Andrea Soares
<asoares@ipqtecnologia.com.br>

22
 entrevista
Tassinari :: Claro, existem consultorias que têm o papel de ajudar as empresas a melhor
se posicionarem no ambiente online, inclusive, buscando parceiros de investimento. A
Euro é uma empresa que até dá essa consultoria, mas somente para grandes clientes,
como Intel, Nokia, Tim e StarOne. Em casos menores, há consultores independentes, pro-
fissionais que trabalharam na área como autônomos.
Wd :: Que prejuízos podem ser gerados pela falta de planejamento estratégico?
Tassinari :: Se for um projeto crítico, vários como uma má definição sobre o valor do inves-
timento e um desperdício de verba como um todo. Projetos que estão alinhados com lança-
mentos de produtos, por exemplo, muitas vezes têm que entrar simultaneamente em várias
mídias e também na internet. Esses trabalhos envolvem prazos que não podem ser alterados
e têm objetivos de vendas já determinados. Imagine o lançamento de um novo modelo de
uma montadora de carros, que tem que acontecer simultaneamente com a campanha feita
nas concessionárias, com as ações de marketing realizadas diretamente com os usuários de
cartões de crédito, com a propaganda em TV e revistas e com a venda online. Todas as ações
desenvolvidas pelas diferentes agências têm que ficar sob uma coordenação única de
marketing do cliente. No caso da internet, a ação acaba envolvendo também detalhes de
tecnologia, usabilidade e arquitetura da informação, que podem fazer um projeto atrasar,
impactando diretamente nas vendas online. Todos os esforços de marketing acabariam em um
site que ainda não está vendendo. Dá para imaginar os prejuízos?

O cliente não envia o

material, aí vc tenta fazer algo
pra ir adiantando, pra não apurar seu
trabalho depois, mas, quando ele te entrega o
material, não tem nada a ver com a proposta.
Aí, vc tem q refazer. E realmente perder
tempo e trabalho... Andréia
<dreyia@hotmail.com>

Nossa empresa tem fechado

muitos negócios (sites) e isso trouxe um
acúmulo de serviço. Somos pequenos e
precisamos de capital, por isso, estamos
trabalhando em três turnos.
Andre Bianchi
<andre@centropaulista.com.br>

23
entrevista

A Webdesign também conseguiu com João Binda, supervisor de

mídia internet, e Ana Maria Machado, coordenadora de projetos,

ambos da AlmapBBDO, algumas dicas sobre:

Estratégias
A estratégia é sempre a mesma, atingir o objetivo do cliente.
Dependendo do caso, o planejamento é único para todos os meios. Isso varia de
acordo com cada ação a ser planejada.
Retorno
O retorno obtido com o site pode ser medido de diversas maneiras: audiência, núme-
ro de cadastros etc.. E as ferramentas utilizadas são os softwares de análise de na-
vegação e audiência que existem no mercado, como o Predicta Atmosphere, da
Predicta. 
Cliente
Avaliamos o conjunto total das ações: site, planejamento, ações de mídia. E
como  esses resultados são sempre positivos, procuramos mostrar ao cliente
o efetivo potencial da web para ações de comunicação/relacionamento, a fim de que
este meio esteja presente de forma consistente no planejamento e investimentos
futuros da empresa.
Cronograma 
Discutimos muito com o cliente antes de começar a produção de seu site, procurando
entender claramente seus objetivos para não termos problemas com o prazo estipu-
lado. 
Briefing
Acontece das duas maneiras, e nós, da ALMAP, se recebemos o escopo de um projeto
de internet, temos a total liberdade de expressarmos nossa opinião a respeito do
mesmo. A relação entre cliente e agência tem que ser a mais transparente possível.  
Consultoria
Na verdade, há nossa experiência, feeling, conhecimento da rede e cases
anteriores com dados estatísticos, que nos dão subsídios para direcionar as futuras
ações. 
Prejuízos 
O maior prejuízo por não se fazer um bom planejamento é o fato de o retorno da
campanha acabar por não atingir os objetivos traçados; isto pode prejudicar a ima-
gem da internet perante o cliente, fazendo com que este não mais acredite no meio
para fazer parte dos seus planos de comunicação.

24
25
planejar é preciso
Planejar é preciso
Por André Philippe Foi-se o tempo em que ter um site na
internet já significava estar à frente dos
concorrentes. Com a evolução da web, al-
guns pensamentos também mudaram e,
hoje, a idéia de possuir uma marca na rede
não reside somente no fato de estar
antenado com o mundo digital, mas tam-
26
bém, e principalmente, na preocupação
com o retorno institucional e financeiro
que esta mídia pode oferecer a uma orga-
nização.
Para obtê-los, um bom planejamento
estratégico é importante. E quando se fala
nisso, é bom ter em mente que, além do do-
mínio de algumas técnicas, é fundamental
possuir um requisito básico: o olhar crítico.
Na web, ter a visão voltada para o futuro é
sinônimo de imaginar possíveis cenários e
antecipar tendências. As empresas que se
aventuram na rede não podem deixar de
prever que a realidade amanhã poderá ser
mais estranha e menos previsível que qual-
quer cenário de ficção científica. Sendo as-
sim, o planejamento, baseado em um pensa-
mento estratégico que não seja linear e limi-
tado, tem que entrar em ação.
Considerado o alicerce de todo pro-
jeto, seja de uma empresa ou de uma
idéia, planejar estrategicamente significa

pensar nas ações necessárias ao cumpri-
mento de um objetivo específico. É esta-
belecer metas e prazos, e realizar o
monitoramento e a avaliação de tudo o
que foi idealizado. Pode parecer simples,
mas o planejamento feito para internet
requer tempo e paciência, pois talvez
seja a etapa mais importante de todo o
processo de elaboração de um produto
online. É nela que se decide o sucesso ou o
fracasso de um trabalho na web.
Mantenha os faróis ligados
O termo estratégia vem do grego
strategos e significa “arte do general”. Isso
se deve ao fato de que antigamente, para
melhor planejar suas táticas de guerra, os
militares do alto escalão se mantinham nos
locais de maior altitude do campo de bata-
lha, conseguindo uma visão melhor de
suas ações. Em relação à internet, a falta
de um olhar sobre o todo pode comprome-
ter seriamente como uma empresa vai se
posicionar, se comunicar e se relacionar
com seus públicos. Pode ainda, colocar em
risco os recursos investidos em um proje-
to, que deixam de ser utilizados de forma
racional e otimizada para serem desperdi-
çados em fórmulas mal adaptadas a cada
iniciativa.
Para Fabiano Finger, diretor de negó-
cios da produtora web Aldeia, certas em-
presas poderiam ter sua presença na rede
de forma mais intensa, oferecendo novos
serviços e formas de transação mais ágeis,
captando e fidelizando clientes com maior
facilidade e enxugando processos adminis-
trativos. Ele afirma que essas organiza-
planejar é preciso
ções, além de não combinar em a estraté-
gia para web com o planejamento integral
da empresa, deixam de visualizar o inegá-
vel potencial desta mídia.
Fabiano explica que quando a Aldeia
inicia um novo trabalho com um cliente, a
agência define a “estratégia de relaciona-
“Nem sempre é
mento digital corporativo”. Este conceito
possível brifar com o
determina como será desenvolvida a co-
municação online com cada público - con- cliente, mas o
sumidores finais, funcionários, distribuido- mercado está se
res, acionistas etc.. “Inicialmente é feita a
tornando mais
análise dos modelos de negócios da em-
maduro e eles já estão
presa, dos perfis do público-alvo, dos con-
correntes locais e globais, das tendências exigindo e esperando
do mercado, dos referenciais e do legado isso das empresas”
tecnológico. Como resultado, são definidos
Daniel Gunji
os conceitos que nortearão os quatro as-
pectos essenciais de um projeto web:
marketing, conteúdo, design e tecnologia,
bem como a distribuição dos recursos e os
indicadores que serão analisados a partir ATENÇÃO!
da implantação do projeto”, conclui.
Em linhas gerais, o
Respeite a sinalização briefing feito com o
cliente deverá conter:
Um bom plano de ações começa no
:: Informações institucionais
briefing. Para isso, são necessárias algu-
da empresa
mas referências do projeto e do cliente. :: Informações sobre os
produtos e serviços
Para Daniel Gunji, Diretor de Planeja-
:: Mercado do cliente
mento da Tange Comunicação Digital, o
:: Target
profissional de planejamento deve bus- :: Concorrência
:: Recursos disponíveis para
car as informações referentes ao produ-
o projeto
to web e elaborar, junto com as equipes
:: Objetivo do cliente
de criação e tecnologia, o design, a ar- :: Ações, promoções e
materiais publicitários
quitetura da informação, a usabilidade e
:: Referências
a acessibilidade. Lembrando que é ne-
:: Prazos
cessário realizar, nesta fase, uma avalia- :: Objetivos do projeto
:: Tecnologia
ção de riscos do projeto.
:: Descrição do projeto
27
planejar é preciso

Recebido o feedback do cliente com
sua aprovação, inicia-se a fase de novo reco-
lhimento de briefing de criação e tecnologia
para validar o que foi proposto anteriormen-
te e corrigir eventuais deficiências. Finaliza-
da esta etapa, o desenvolvedor começa a revi-
são e os testes do produto. Posteriormente,
“É aconselhável
esta fase é juntamente com o cliente. Com
procurar agências
tudo acertado, implementa-se o projeto.
interativas ou Daniel afirma que é mais produtivo
esperando isso das empresas. Com isso,
podemos adequar melhor a maneira e o
momento de investir os recursos”, explica.
No caso de um projeto de estratégia de
presença, Fabiano diz que as perguntas do
briefing devem abordar tópicos como os va-
lores que inspiram e norteiam a companhia,
quais os objetivos estratégicos a curto e lon-
go prazo e os pontos fortes e fracos da em-
presa, dos produtos e de seus concorrentes.

desenvolvedores que criar o briefing com o cliente, pois as infor-
mações são recolhidas com maior foco e
detenham experiência
detalhamento. “Nem sempre é possível
em recolher as
brifar com o cliente, mas o mercado está
informações se tornando mais maduro e eles já se
Velocidade controlada
Segundo Daniel, no mercado web
existem poucas empresas que podem, ou
conseguem, se comprometer com resulta-
dos na internet, seja pela falta de recursos

pertinentes à posicionam de forma diferente, exigindo e ou, até mesmo, pela falta de conheci-
mento. Para ele, é obrigação das produ-
elaboração de um bom
toras propor isso aos clientes. “É aconse-
plano de
Controle de painéis :
lhável procurar agências interativas ou
Sistema de medição semelhante ao
monitoramento de desenvolvedores que detenham experi-
que o IBOPE faz. É uma espécie de

resultados” pesquisa por amostragem. É ência em recolher as informações perti-

Daniel Gunji
Tags
Metodologia que implica na inclusão
de um comando html dentro do
próprio código da página. Ao
requisitar um página na internet, a
tag é o último item a ser carregado,
portanto, a página só será
contabilizada quando essa tag for
visualizada.
instalado um software, com a devida
nentes à elaboração de um bom plano de
permissão, nas máquinas que os
usuários utilizam. Através desse
monitoramento de resultados”, diz.
sistema são contabilizados os sites Daniel explica que, atualmente, o mer-
ou as páginas acessadas, tempo de
cado possui três formas de medir os núme-
uso, pageviews etc..
: ros de um projeto web: controle de painéis,
medição por log-files, medição por tags.
A escolha do método a utilizar dependerá
única e exclusivamente da necessidade e da
cultura de cada cliente. Para ele, o retorno
Target :
de investimento na internet não está ligado
É o objetivo ou público-alvo de um
somente aos números ou estatísticas pro-
projeto, ação ou campanha.

Log-Files :

Aplicativo que mensura, por meio da

digitação da URL no navegador, o
número de visitas em um site.

28

porcionadas por essas ferramentas, mas sim
no que fazer com eles. “São necessárias a
análise e a interpretação das métricas para
saber como utilizar e converter esses núme-
ros e estatísticas em ações e decisões que
propiciem redução de custos, lucratividade e
justificação de recursos investidos”, conclui.
Além das metodologias já citadas,
existem outras formas de aferição do re-
torno em um projeto online. Fabiano cita
como parâmetros o seu número de pedi-
dos (caso seja um e-commerce), os conta-
tos feitos com a equipe de vendas, a am-
pliação do mailing e das consultas sobre
seus produtos. Ele explica que essas infor-
mações são obtidas por meio de ferramen-
tas incorporadas aos projetos e de pesqui-
sas junto aos clientes.
Verifique os freios
Planejar é também evitar problemas
no futuro. Cada projeto requer um plane-
jamento específico, e saber lidar com cada
diferença é essencial. No caso de um site
que necessite de uma ferramenta de
gerenciamento de conteúdo, com sua base
de dados alimentada dinamicamente pelo
cliente, isso requer uma atenção redobra-
da. Fora o estudo de sua interface com o
planejar é preciso
Interpretação das métricas :
É o resultado final que deve ser realizado após
a contabilidade dos números e estatísticas
gerados pelas ferramentas de medição. Saber
somente as visitas e pageviews não agrega
nenhum valor às possibilidades fornecidas por
essas metodologias. Transformar os números
em ações e decisões é a grande chave para
poder justificar os recursos investidos,
construir novos projetos e identificar quais são
os pontos fortes e fracos dos projetos web.
usuário comum, também é importante
para o profissional de planejamento prever
qual é o perfil da equipe que vai utilizar
este gerenciador.
Um site jornalístico, por exemplo, que
geralmente é atualizado por uma equipe
especializada, tem que ter a sua rotina de
trabalho adaptada às necessidades desse
grupo específico. Desse modo, na hora de
elaborar um projeto online, é importante
se colocar no lugar, não só do usuário fi-
nal, mas também do cliente, prevendo
29
 como ele utilizará o site e quais tipos de problemas podem acontecer.
Como em tudo na vida, planejar é saber lidar com todas as variáveis no
cumprimento de um objetivo. Quando se trata de um website, as horas de
transpiração, organizando o conteúdo, arquitetando as informações e esta-
belecendo as metodologias e prazos, podem trazer ótimos resultados. Entre-
tanto, algumas empresas ainda não se deram conta disso e desprezam esses
aspectos, colocando em risco todo o recurso investido e a sua própria ima-
gem. No famoso livro “A Arte da Guerra”, de Sun Tzu, general chinês que
viveu no século IV a.C., ele afirma: “Aquele que não faz planos ou estra-
tégicas, e menospreza o inimigo,  seguramente será capturado pelo opo-
nente”. Adaptado aos dias de hoje, pode-se dizer que o inimigo é o pró-
prio mercado, e ser “capturado” pelo concorrente não será nada bom para
o faturamento de uma empresa.

Planejamento:
você cumpre esta etapa?
60% Sim
34% Às vezes
6% Não

www.arteccom.com.br/webdesign
Acesse e participe!

Com que freqüência

você acompanha as estatísticas
de acesso do seu site?
24% Diariamente
28% Semanalmente
16% Mensalmente
14% Raramente
9% Nunca
9% Não sei como fazê-lo
(Total de votos: 257)
www.arteccom.com.br/webdesign
Acesse e participe!

30
31
debate

A combinação de qualidade, preço e prazo é o que todo

mundo procura (clientes e designers). O ideal seria ter-
mos sempre tempo de analisarmos, cuidadosamente,
cada proposta, público-alvo etc.. Mas todos sabemos que
a realidade nas agências é bem diferente... Muitos pro-
jetos têm que ser desenvolvidos, executados e publica-
dos para ontem. Nesses casos, a etapa de planejamen-
to pode acabar sendo reduzida, ou até suprimida. Por
outro lado, o desafio do curto tempo disponível pode
servir de estímulo para a produção. Na sua opinião...

32
 debate
“Como diz o velho ditado: ‘É de pequeno que se torce o
pepino’. Um projeto começa pela fase do planejamento, fase
esta onde estudos sobre o target, metodologia e proposta do
“ PLANEJAMENTO NÃO É
site são concebidos e o alicerce do projeto é fomentado. GARANTIA DE SUCESSO, MAS
É verdade que várias vezes não temos tempo hábil para
a fase de planeajmento, porém, muito mais tempo é desper-
PLANEJAR É OBRIGATÓRIO”
:: Michel Lent Schwartzman, Sócio-
diçado na fase de produção, uma vez que várias refações
Diretor de Criação da 10’Minutos.
existirão e, por fim, ainda existe o risco da não aprovação por www.10minutos.com.br

parte do cliente. Não podemos dizer que o planejamento é a

garantia de sucesso, mas também não podemos afirmar que
“Planejamento não é garantia de sucesso, mas
se ele não existir o projeto será um fracasso.
planejar é OBRIGATÓRIO. Para ser mais radical, di-
Nunca podemos esquecer que um projeto tem várias
ria que não existe trabalho sem planejamento. O
etapas, todas com sua importância, e vários times envolvi-
planejamento pode durar três semanas e resultar em
dos. O design, a programação, a tecnologia, a coordena-
‘powerpoints’, pranchas de arquitetura e especificação
ção, o atendimento, todos formam o conjunto de um pro-
funcional, ou ser feito em 15 minutos, à mão, numa
jeto de sucesso.
folha de papel. Mas ele PRECISA existir.
Acredito que a fase de planejamento e arquitetura de
Planejar é determinar público-alvo, objetivos do
informação é vital a um projeto, pois o início será baseado em
projeto, mas é, acima de tudo, racionalizar tempo
um documento, e o cliente terá uma visão concreta do mes-
disponível x quantidade de trabalho. E nesse ponto,
mo. Partir direto para a produção pode ser um erro grave e,
mais do que nunca, ou desenhamos um ‘mapa’ do
muitas vezes, no meio do desenvolvimento, uma parada será
que teremos que fazer e em quanto tempo, ou não
necessária para alinhamento das expectativas e resultado ob-
chegaremos a lugar nenhum.
tido. A falta de tempo tem que ser encarada como desafio e,
Se planejamos temos garantia de sucesso? Não.
para tal, uma estratégia se faz necessária, sendo o planeja-
Mas ajudamos a garantir que o trabalho ficará pronto
mento o documento que irá nortear todo o processo.”
no prazo. E prazo é meio caminho andado para o su-
:: Rodrigo Chibly de Robert
Gerente de Tecnologia cesso. O resto do caminho? Isso depende de você”.
J W Thompson - JWT

“A FALTA DE TEMPO TEM QUE SER ENCARADA COMO DESAFIO E, PARA TAL,
UMA ESTRATÉGIA SE FAZ NECESSÁRIA, SENDO O PLANEJAMENTO O
DOCUMENTO QUE IRÁ NORTEAR TODO O PROCESSO”

33
33
debate
“COMO REVERTER UM CLIENTE
PRAZOS CURTOS PARA PROJETOS RENTÁVEIS?
A ALTERNATIVA QUE VEJO É A PRÓ-ATIVIDADE DA AGÊNCIA”
É muito complicado afirmar que a garantia de suces-
so é simplesmente um trabalho bem planejado. Planeja-
mento é a base de um projeto. Tem a mesma importância
da etapa criativa, de produção, e não pode ser uma etapa
simplesmente esquecida. Um trabalho sem uma base pla-
nejada não tem um resultado a longo prazo e complica a
vida de todos os envolvidos no processo: do cliente, da
agência, dos criativos e dos consumidores finais, que aca-
bam não encontrando maneiras de se identificar com o
produto da marca.
Contudo, vejo, hoje em dia, um amadurecimento da
etepa do planejamento, principalmente na cabeça dos cri-
ativos. E, aos poucos, os clientes vão assimilando a impor-
tância de se investir mais verba e tempo para os projetos.
Cliente que realmente quer ver a sua marca
posicionada, busca um planejamento e um trabalho a lon-
go prazo. Coisa que era difícil de se achar, mas acredito
que as coisas estão mudando um pouco: pesquisas mos-
tram que o e-commerce cresceu muito mais do que o pró-
prio comércio varejista. As vendas de produtos pela
34
QUE COSTUMA TER
internet cresceram 46% no primeiro trimestre de 2004. O
varejo cresceu apenas 7,5%, e isto faz com que as empre-
sas olhem com outros olhos como planejar suas ações na
internet.
Como reverter um cliente que costuma ter prazos cur-
tos para projetos rentáveis? Acho que essa é a pergunta
que passa na cabeça de todos os profissionais do mercado,
hoje em dia. A única alternativa que eu vejo é a pró-ativi-
dade da sua agência. Você terá que conseguir de alguma
forma, uma brecha no seu dia-a-dia para construir um pla-
nejamento para posicionar a marca do cliente. Segundo
passo é apresentar isso e mostrar a importância de se
posicionar a marca como ela deve ser posicionada. Agora,
se isso não der certo e o cliente descordar, pelo menos,
você tentou fazer da melhor forma, e já tem um bom ma-
terial para conseguir a conta da concorrência”.
:: Sérgio Mugnaini
Diretor de Arte da DM9DDB
www.mug9.com

“QUANTO MAIS TEMPO BEM APROVEITADO,
BEM PLANEJADO, MELHOR SE ADEQUARÁ O PRODUTO AOS
DESEJOS
“Quando o cliente, uma vez já estipulado um
cronograma, resolve antecipar as datas críticas de um pro-
jeto, sejam elas de criação, produção, revisão ou publica-
ção, é hora de apertarmos, imediatamente, o ´freio de
emergência’ – isto é, precisamos deixar óbvio para o clien-
te que, com menos tempo disponível, sua expectativa tam-
bém deve, proporcionalmente, ser reduzida. Sim, é fato:
quanto mais tempo bem aproveitado, bem planejado, me-
lhor se adequará o produto aos desejos do cliente; com
menos tempo, e a mesma expectativa, as chances de frus-
tração, tanto dele quanto da agência, são enormes. Não é
agradável nutrir expectativas, pensar em idéias interessan-
tes, para depois vê-las descartadas. Readequação deve ser
a palavra de ordem nesses casos, e isso implica em uma
rápida re-avaliação de todas as entidades envolvidas no
projeto, do início ao fim.
Sou um ‘coração-mole’: quando comecei minha carrei-
ra, como freelancer, eu me comovia facilmente com os ape-
los chorosos de meus clientes, aceitando prazos, muitas
vezes, inconcebíveis para produzir o mesmíssimo produto.
Resultado: o cliente acabava por transformar aquilo que
seria uma exceção, em regra; e eu, tendo que aumentar a
carga diária de serviço a níveis sobre-humanos, numa ati-
tude auto-destrutiva. Por isso mesmo, temos de estar aler-
debate
DO CLIENTE”
tas para a presença de um diálogo aberto, pois quando ele
não acontece, é sinal de que algo está errado.
Lembrando a ótima palestra de Gabriel Borges, no 9º
Encontro de Web Design, em Belo Horizonte, alerto que o
desafio de um prazo menor, a oportunidade de surpreender
o cliente – forças que podem se transformar em motiva-
ção, estímulo (até como fenômeno natural de auto-defesa)
– são verdadeiras bombas-relógio. Isso, porque quando se
supera a expectativa do cliente, ele transformará essa ex-
periência num referencial, e o que era o seu ‘normal’ já não
será o suficiente. Se você quiser surpreender (e isso é fun-
damental), ou tem alguma ‘carta na manga’ que possa pro-
mover a marca do cliente de maneira a surpreendê-lo,
faça-o, mas mostre a ele, de maneira clara, o quanto mais
de tempo e investimento serão necessários para tal. É uma
atitude estrategicamente defensiva e, ao mesmo tempo,
demonstra um planejamento mínimo de recursos, o que
revela o grau de percepção da empresa para com seus fun-
cionários (colaboradores) e suas ferramentas (talentos). E,
de quebra, aproveita para reafirmar sua postura profissio-
nal firme e transparente.
Se você fosse o cliente, e uma agência cobrasse o mes-
mo preço pelo mesmo serviço, feito em tempo inferior ao pro-
posto inicialmente, o que você pensaria dessa agência?”.
:: Ronaldo Gazel
Diretor de Arte da Bhtec
www.bhtec.com.br
35 35
36
 ”

estudo de caso :: kuat

ÇAS
KB
“ PENSA NTES Po r An dr é Ph
ili pp e

Em entrevista à Webdesign, Roger Rocha,

diretor de criação da agência Tribo Interactive, revela como foi

o processo de elaboração do hotsite da promoção “Abra a Kbça” do Guaraná Kuat. Inserida

numa estratégia de marketing abrangente, na qual a internet é peça fundamental, fica claro o

grande retorno e o alcance que o meio online já proporciona a esse tipo de iniciativa.
Preferências à parte, e independentemente do guaraná que você beba, conheça um pouco mais

sobre a mecânica que existe por trás de uma campanha feita na web, que teve como principal
foco uma veiculação massiva na TV.

37
estudo de caso :: kuat
Wd :: Como é feito o planejamento de
um site que faz parte de uma campa-
nha publicitária televisiva? O cliente, no
caso, a Coca-Cola, estipulou alguma arte
pré-definida, ou foi dada total liberda-
de para criar?
Roger :: No caso de Kuat, havia um fato ante-
rior à própria campanha: a ação promocional.
Tudo girou em torno de sua mecânica. Nossa
maior preocupação foi realizar um trabalho
absolutamente integrado com as demais equi-
pes, do cliente e da DPZ Rio, que se encarre-
planejamento : garam dos diferentes aspectos do projeto.
analisar (possibilidades) Na fase de planejamento, várias sugestões e
priorizar (funções)
possibilidades foram listadas. Mas temíamos
escolher (foco)
criar muitos fatos em torno da promoção
quando a principal função do site seria dar
suporte à participação das pessoas. Nessa
hora, optou-se pela objetividade. Do
mei
ponto de vista criativo, a li-
do
berdade foi li-
r sos
recu
experiência
d os
ão
ç a r m uma
o s lan
ram es com
“Pr
ocu c e r t o s padrõ
de
a d o v ídeo do que
mais próxim mitada apenas
pelo bom senso (como convém). O site foi
uma das peças de uma ação bem maior, com
veiculação massiva na TV, ações focadas de
mídia online, outdoors e materiais de ponto-
de-venda. Assim, tivemos acesso aos
layouts e ao roteiro bem antes dos materiais
estarem finalizados. Procuramos explorar o
que o meio digital oferece de melhor, mas
sempre alinhados com as demais iniciativas.
Wd :: Um hotsite de uma campanha pu-
blicitária tem a característica de ser um
38
produto com um apelo estético mais for-
te. Quais foram os elementos do briefing
que vocês mais focaram na produção
desta peça e por que?
Roger :: Havia dois pontos fundamentais
que deveriam ser explorados: o conceito
“Abra a Kbça”, que reflete o posicionamento
do produto, e o fato de o prêmio ser, em par-
te, ter a foto impressa em milhares de emba-
lagens de Kuat distribuídas por todo o país.
“Abra a Kbça” sugere revisão de valores, am-
pliar os horizontes, fazer diferente. Procura-
mos lançar mão dos recursos do meio para
proporcionar uma experiência mais rica nesse
sentido, mais próxima do vídeo do que de cer-
tos padrões comuns na
internet. No mais,
na r
r c i o
po
pro-
a pro
o par
e sentido,
m a is rica ness
t”
n a interne
u n s
c u r a mo s
utilizar todos os elementos que com-
põem o universo do produto e que formaram
o contexto da campanha. Até o ator do co-
mercial foi utilizado no site.
Wd :: Quais foram os fatores limitantes
para a elaboração deste hotsite?
Roger :: Não creio que houve fator
limitante. Os limites foram impostos pelo bom
senso. Estávamos empenhados em evitar que
o material ficasse excessivamente pesado –
considerando todas as animações, transi-
ções, trilha etc. – mas sem abrir mão da expe-
riência do usuário. Também ficamos de olho na
 estudo de caso :: kuat
s
ra o
a pa
iv a ”: dic b ç a ”
criat bra a
K
a lm ente e it o “A
ser r
e con c inde
que rça o a: br
“tem refo n a lat ão
ntes ola r moç
ic ip a ir e c a pro
part im prim c e ito d
r a co n
lo pa rça o
Rótu refo

facilidade de uso do sistema para envio de
fotos, uma vez que o site canalizou a grande
maioria das participações que podiam ser fei-
tas via correio também.
Wd :: Quantas pessoas formaram a equi-
pe responsável pela criação deste proje-
to? Quanto tempo levou para produzi-lo?
Roger :: O processo todo, se contarmos o
período do recebimento do briefing à apre-
sentação das primeiras linhas criativas, foi
mais longo. Mas para produzir e lançar creio
que tivemos dez dias, contando com o
envolvimento de oito pessoas entre criati-
vos e técnicos.
Wd :: Devido ao grande número de acesso
que uma promoção desse nível gera e pelo
fato de o site ser peça fundamental para o
sucesso da campanha, pois os usuários
enviavam suas fotos através dele, quais
foram as medidas adotadas para evitar
eventuais problemas técnicos?
Roger :: No nível técnico, havia duas preo-
cupações: segurança e facilidade de uso. Foi
desenvolvido um sistema de upload de fotos
que gravava as participações diretamente
nos servidores da Coca-Cola. E todo o acesso
ao sistema era feito em ambiente com certifi-
cado de segurança. Para enviar uma foto,
bastava seguir os passos indicados em cada
interface. Como havia algumas restrições de
peso e formato, caso a pessoa tentasse subir
uma foto fora das especificações, o sistema
indicava exatamente qual era o problema
para que a correção fosse feita e o processo
seguisse sem maiores complicações.
Wd :: Pelo fato de o guaraná Kuat ter um
produto similar no mercado, foi levado
em consideração o site do concorrente,
no caso, o Guaraná Antárctica?
Roger :: Ficamos de olho em tudo o que esta-
va rolando de melhor para um público de per-
fil similar, no Brasil e lá fora. Especialmente,
nos projetos da Vodafone e da Volvo, que in-
tegravam vídeo e Flash.

39
39
estudo de caso :: kuat

“há um claro reconhecimento do valor e da

um d ia ”

i t a l ia-
em a -
dig do
d
ura r t e
ult pa
ac
e m
d á faz Wd :: Fale um pouco
i a j
nc log
s
a ngê o sobre a escolha da tipografia e
abr ot
ls ef da palheta cromática deste projeto.
e
pix
e ga Que outros elementos foram utilizados
em
qu no site para a caracterização do produto
em
n do Guaraná Kuat?
mu Roger :: Os tipos escolhidos estavam muito
em linha com os materiais impressos. O mais
complicado era a adaptação das curvas que
haviam sido utilizadas para compor os títulos
do material POP e que eram pouco
aproveitáveis para o design das interfaces.
Então, nos concentramos em uma certa
‘desconstrução’ das frases que deram ritmo e
tornaram as telas mais dinâmicas. A palheta
de cores, com tons de verde e vermelho, foi
totalmente baseada no universo do produto.
Wd :: O menu de navegação possui uma
tela de
erro n
o envio
estética diferenciada,
da foto
com uma variação de
movimento interessan-
te. De onde partiu seu
conceito?
Roger :: Queríamos que
a atenção se concentras-
se na lata e no prêmio:
ter as fotos vencedoras
impressas nas embala-
gens. Kuat precisava
estar diretamente rela-
cionado à interação
ado
menu anim
com o usuário. Então,
nada melhor do que

40
40
compor o menu utilizando a lata como elemento animado. E a
própria composição do menu era decorrência de uma rápida
narrativa que resumia a idéia por trás da ação promocional.
Tudo integrado, tudo feito em função de um objetivo maior.
Wd :: Dado o sucesso da campanha, qual aspecto consi-
dera mais interessante neste hotsite e por que?
Roger :: Primeiro, há o aspecto da logística. Conseguiu-se re-
alizar a ação com investimentos modestos se comparados à
maneira de fazer concursos e promoções em voga até pouco
tempo atrás: ‘mande uma carta’, ‘envie 3 embalagens’, ‘recor-
te o código de barras’... Aquelas montanhas de cartas jogadas
para o ar ficaram para trás. Depois, há um claro reconheci-
mento do valor e da abrangência da “cultura digital” em um
mundo em que megapixels e fotologs já fazem parte do dia-a-
dia. Só uma marca antenada com o seu público poderia ter uma
iniciativa como essa.

A promoção foi válida até dia 31 de maio de 2004.

Atualmente, se encontra no site a lista com os nomes
dos 20 vencedores e suas respectivas fotos.

41
blogs

Meu querido Blog...

Ele chegou com ar de modismo, mas, aos poucos, deixou de ser um mero hobby infanto-
juvenil e se tornou uma ferramenta de comunicação prática e, muitas vezes, viável. De diário

virtual à canal de comunicação de corporações e classes profissionais, o blog proliferou em

alcance e aplicações. Desde o seu surgimento na internet, ele vem sendo adaptado para

servir às mais diversas funções e assume novas facetas. E para falar sobre o assunto, a
Webdesign convidou o colunista Luli Radfahrer.

Blog deriva de “web log”. Considerado

por alguns como uma evolução da homepage,
é um registro na web de informações que vão
de experiências pessoais (seja no âmbito
emocional ou profissional) à apresentação de
produtos. A popularização cada vez maior da
internet, que já faz parte do dia-a-dia de
uma significativa parcela da sociedade con-
temporânea, socializou o blog, que seguiu, na
contra-mão do caráter individualista das rela-
www.mufumo.com/pensamento
ções pós-modernas, em busca do coletivo.
Compartilhar é a palavra de ordem e parece
ser isso que motiva os blogueiros. Paradoxal-
mente, um reforço do individualismo pode es-
tar implícito no mundo dos blogs, conforme
analisa Luli Radfahrer: “Acredito que os blogs
sejam o fruto de uma nova forma de comuni-
cação – eles são uma forma de expressão,
de manifestação de identidade. Na verdade,
são formas de se individualizar frente a uma
massificação opressiva. Como elementos da
http://blogdeusabilidade.blogspot.com

42

época que representam, são verdadeiros
pastiches e colagens de vários materiais. O
que importa não é a originalidade do conteú-
do, mas de suas combinações. Mais ou menos
como cozinhar ou compor música, compõem-
se mídias interativas”.
A falta de sigilo e a participação do sexo
masculino estão entre as peculiaridades des-
tes “diários virtuais”. Diferentemente dos
tradicionais diários de papel, associados ao
universo feminino e à confidencialidade, os
blogs são superexpostos e também são fei-
tos por homens. Já em relação às
homepages, eles mostram mais dinamismo e
facilidade de atualização. Para Luli, os blogs
não são mera releitura do velho diário que
atravessou séculos: “Isso vale para muitas
ferramentas da web, mas não para o blog.
Ele começou assim, mas sua capacidade de
colagem, a participação do público e a ligação
com vários outros endereços fazem com que
ele seja uma ferramenta de comunidades
única, só disponível via internet”, explica.
Com a febre dos blogs, logo surgiram os
bloggers - sites especializados em apresentá-
los, que dividem organizadamente os blogs
segundo seus temas. Tais sites contam com
um grande público e, credibilidade à parte,
acabaram se tornando um celeiro de informa-
ções. As publicações variam bastante em
tema e qualidade. Textos, artigos, crônicas,
poesias, biografias psicológicas; comentários
sobre arte, eventos, notícias, cinema, tea-
tro; teorias e estudos filosóficos e científicos
são alguns exemplos. São tantos que desper-
tar a atenção tornou-se um desafio. Sob a
óptica de nosso entrevistado, “o blog é uma
manifestação de identidade. Como fazer
blogs
para não ser ‘mais um’ na sociedade? Como Vantagens da utilização
criar uma diferenciação? Para o Blog o desa- de blogs em sites:
fio é o mesmo. Não existem respostas, ou • popularidade crescente;
• extrema facilidade de
existem tantas respostas que para cada caso
utilização;
a solução é diferente”. A seguir, alguns tipos • dinamismo/rapidez na
de blogs: informação;
• atualizações/alterações
Blog pessoal – traz informações de
instantâneas;
caráter pessoal, experiências de vida, fatos • feedback mais veloz;
marcantes... É mais acessível aos internautas • maior controle de
informações em comparação
em geral não só pela variedade de ferramen-
aos fóruns (evita-se a
tas disponíveis mas também pelo baixo custo. inclusão/confusão de temas
Blog de opinião – contém pontos de vis- parecidos).
ta, coincidentes ou não, sobre questões e
assuntos diversos. A troca de informações
passa a ser o meio para ampliar e enriquecer “O blog é uma
conhecimentos.
manifestação
Blog profissional – expõem relatos sub-
jetivos sobre o desempenho de certas ati- de identidade.
vidades profissionais, onde sensações e Não existem
emoções prevalecem ao invés de procedi- r espostas, ou
mentos e técnicas. Ex.: Blogs de jornalis-
existem tantas
tas. Alguns enxergam neste tipo de blog a
possibilidade de um jornalismo alternativo r espostas que
de baixo custo, sem compromissos com as para cada caso
instituições do sistema. a solução é
Blog corporativo – direcionados a con-
d i f e r e n t e”
sumidores e usuários, abordam lançamentos,
atualizações dos produtos e dicas de utiliza- Luli Radfahrer
ção dos mesmos.
Os blogs têm se mostrado tão versáteis
que chegaram aos ambientes de trabalho,
onde podem ser usados para estreitar rela-
ções entre os públicos interno (departamen-
tos, setores, seções) e externo (filiais, con-
sumidores). Em 2002, a Macromedia pôs no ar
quatro blogs de produtos. Para os defenso-
res desta modalidade de blog, o incentivo ao
trabalho em equipe é um dos proveitos dessa
43
blogs
http://www4.mtv.com.br/blogosfera/?b=blog_do_bonfa www.markme.com/mesh/archives/cat_weblogs.cfm
inovação. Luli é um deles, pois afirma que
“Com um blog obtém-se maior agilidade a um menor custo:
corporativo, “É rápido, simples, barato, interativo, dinâmi-
co e extremamente prático. O público fica
a empr esa
sabendo o que acontece na hora e vice-versa
pode saber a – a empresa pode saber a repercussão de
r epercussão suas ações em tempo real e com investimento
de suas quase zero”.
Em contrapartida, há quem ache que a
ações em
informalidade e a subjetividade característi-
tempo r eal e cas dos blogs destoam da postura exigida no
com meio profissional. Divergências à parte, ao
investimento que tudo indica, o papel dessa ferramenta na
estratégia empresarial ainda está em fase
quase zero “ experimental.
Luli Radfahrer Mas por que os blogs exercem um fascí-
nio tão grande sobre seus adeptos? Haveria
poesia, romantismo, sensibilidade em muitos
de seus conteúdos? Seria pela sua versatili-
dade? Ou pelo resgate de valores esqueci-
dos? (Sim, existem blogs familiares). É possí-
vel que a resposta para essa questão esteja
na simplicidade, acessibilidade, espontanei-
dade e liberdade de expressão peculiares ao
formato blogueiro, além da forte interação
proporcionada. A ausência de edição (leia-se
44
cortes) permite que se exteriorize e compar-
tilhe pensamentos sem censura, num estilo
próprio. Dentro desse contexto, o blog até
parece ganhar ares de revolucionário dentro
daquela que revolucionou a comunicação
pós-moderna – a web.
E quanto ao futuro, o que se pode espe-
rar dos blogs, eles ainda têm o que evoluir?
Para Luli Radfahrer, sim: “Fotologs (Flogs),
Videologs (Vlogs), Mobilelogs (Mlogs) etc.. O
céu é o limite”, finaliza.
BLOG PESSOAL
www.mufumo.com/pensamento
www.nonlinear.art.br
www.anteface.com/respiradoido
www.cora.blogspot.com
www.elismonteiro.blogspot.com
BLOG DE OPINIÃO
www4.mtv.com.br/blogosfera/?b=blog_do_bonfa
BLOG PROFISSIONAL
www.blogsdireito.blogger.com.br
http://blogdeusabilidade.blogspot.com/
www.usabilidade.com/
http://vignamaru.com.br/
www.webpagesthatsuck.com/dailysucker/
BLOG CORPORATIVO
http://radio.weblogs.com/0106797/
http://radio.weblogs.com/0106884/
http://vvmx.blogspot.com/

O pontapé inicial:
como abrir uma agência web
por André Philippe
Do sonho à realidade, trabalhar
por conta própria é hoje uma
alternativa viável de ganhos na
rede, porém é preciso saber
driblar algumas armadilhas na
hora de montar o seu negócio.
como abrir uma agência web
Se você trabalha com o meio online, considera-se um empreendedor e
não se contenta em viver sem desafios, está lendo a matéria certa. Para o
profissional de internet, abrir uma agência web tornou-se uma forma possível
de sobreviver numa época em que o emprego formal é algo cada vez mais raro
no mundo atual. Uma tendência que talvez reflita um cenário de incertezas,
pode ser para alguns a chance de novas oportunidades, em que a criatividade
pessoal, o conhecimento específico, a autonomia e a liberdade são atributos
presentes no perfil desse novo trabalhador.
E no caso da web não é diferente. Começar um negócio online pode dei-
xar qualquer candidato a freelancer empolgado, pois não ter um patrão regu-
lando e ter um aumento na renda é animador. Mas, atenção, pois alguns pro-
blemas costumam aparecer e acabam por desestimular alguns “web empresá-
rios” de primeira viagem.
45
como abrir uma agência web
Exemplos como o da agência Wcenter, atual Tribo 12, que
mantém sua sustentação de oito anos na internet por meio da
qualidade de seus serviços e pela divulgação boca a boca,
mostra que é possível viver de web. Para Eduardo Vieira, sócio
e diretor de criação da produtora, o mercado está cada vez
mais exigente e muitas empresas que tiveram investimento pe-
sado no passado não obtiveram necessariamente sucesso.
“Aquele boom de empresas de tecnologia da informação com
muito dinheiro acabou e ninguém pensa mais na internet como
um meio de fazer fortuna em pouco tempo. O resultado disso é
que agências vitaminadas, com muito capital e grande investi-
mento em propaganda, mas sem qualidade de trabalho, não
conseguiram se manter”, afirma.
Outra boa iniciativa na área é a dos jovens da Forpix,
produtora web fundada em janeiro deste ano e que, com apoio
de parceiros importantes como o Serviço Nacional de Aprendi-
zagem Comercial (Senac), já possui um número considerável de
clientes. Segundo seus donos, Wagner Viana, de 24 anos, e
Marcelo Casimiro, de 31, a criação desta agência é mais do que
uma oportunidade de trabalho, é a realização profissional que
eles tanto buscam para as suas carreiras. “Aqui, na Forpix,
estamos realizando um sonho. Trabalhamos com sentimento e
damos de tudo, pois esse negócio é a nossa realização”, afirma
Wagner.
O domínio do campo
Para se lançar em um empreendimento é preciso saber,
antes de mais nada, onde se está pisando. Segundo Caroli-
na França, sócia e diretora da Cadois Comunicação Visual, a
banalização do modo de produção na internet e a falta de
uma reserva de mercado geram uma disputa injusta para as
“Aquele boom de empresas de tecnologia da informação com muito dinheiro acabou
e ninguém pensa mais na internet como um meio de fazer fortuna em pouco tempo”
Eduardo Vieira, sócio-diretor da Tribo 12
46
boas empresas. “Qualquer um que desenha bem se denomi-
na designer e cobra um pequeno preço para desenvolver um
trabalho que, muitas vezes, pode arruinar toda uma marca.
Isso gera dificuldades para os escritórios que possuem bons
profissionais se manterem ativos”, explica.
Compartilhando da mesma visão, Vicente Cerqueira, pro-
fessor de design da Escola Superior de Desenho Industrial da
Universidade do Estado do Rio de Janeiro (Esdi/Uerj), cita que
a postura e o amadorismo de muitos profissionais criam uma
desvalorização cruel no mercado. “Se abrirmos o Caderno de
Informática do jornal O Globo, poderemos ver pessoas ofere-
cendo logotipos por R$200,00, sites por R$500,00 e catálogos
eletrônicos por R$400,00. Infelizmente, o profissional que
cobra valores assim não sabe que está depreciando o mercado
de trabalho em que ele mesmo está inserido. Isso dá margem
para quem não é designer trabalhar com esse tipo de coisa”,
afirma o professor.
É importante também destacar que o mercado está ab-
sorvendo um novo tipo de agência. Além da alta qualidade
técnica, as produtoras de internet estão agregando em seus
serviços todo um planejamento em comunicação. Não so-
mente como uma executora técnica de sites, as empresas de
web estão investindo em profissionais especializados em
gestão do conhecimento. Etapas como a arquitetura da in-
formação, aplicação dos conceitos de usabilidade e os cui-
dados com a redação em um site já são quesitos tão impor-
tantes quanto a sua tecnologia e o seu design. Isso já reve-
la uma certa maturidade na demanda por produtos, não só
bons tecnicamente, mas com conteúdos bem planejados e
que tragam resultados.

“Se a sua agência não tiver muita relevância para a sua vida, vai ser difícil ter
energia para enfrentar os problemas”
Lucimar Dantas, da COPPE/UFRJ
Receita da vitória
Depois de estudar e de conhecer bem o
mercado em que pretende atuar, prestar
atenção a certas dicas pode contribuir para a
longa vida de sua agência. No caso da Forpix,
Wagner diz que foi imprescindível ter um pla-
no de negócios consistente, como também
possuir total domínio sobre os produtos e ser-
viços que a produtora presta. “Somos asses-
sorados por uma incubadora de empresas,
com infra-estrutura, treinamentos e suporte
gerencial, o que nos tornou ainda mais madu-
ros para oferecermos soluções inovadoras,
sólidas e confiáveis”.
Para Carolina, da Cadois, a vivência
profissional é determinante para o sucesso
na internet, pois explica que antes de abrir
uma agência web, é interessante que o pro-
fissional tenha adquirido experiência em
atender e captar clientes como freelancer.
Ela enfatiza, ainda, que trabalhar em um es-
critório de design também é válido, porque
além do aprendizado do dia-a-dia e do
portifólio, pode-se conseguir projetar o nome
no mercado. Carolina atenta para a necessi-
dade de se montar uma boa equipe de traba-
lho para que todas as etapas do processo de
atendimento, criação e produção tenham alta
qualidade e supram as expectativas.
como abrir uma agência web
Um dos ingredientes na receita de Eduar-
do, da Tribo 12, é a motivação, pertinente
Oito mandamentos de um
àqueles que sonham e não têm medo de assu- empreendedor
mir certos riscos. “Não há nada mais motivante
Iniciativa
do que lutar por algo que realmente é seu,
Capacidade de agir diante dos
onde você põe seu sangue e suor a cada dia. problemas. Pensa rápido e
Tenho alguns colegas que sentem uma falta de parte para a solução.
Aceitação do risco
perspectiva de emprego no mercado e estão
Mesmo precavido, aceita
optando pelo setor público, ou mudando sua desafios.
área de atuação e até fazendo outra faculda- Auto-confiança
Acredita em si mesmo. Arrisca
de”, explica.
e ousa.
Responsável pelo Programa de Design Decisão
da incubadora de empresas da Coordena- Toma decisões e se
responsabiliza por novas
ção dos Programas de Pós-graduação de
tarefas.
Engenharia da Universidade Federal do Rio Motivação
de Janeiro (COPPE/UFRJ), Lucimar Dantas Não necessita de retorno
financeiro imediato, pois é
diz que a receita do sucesso reside na visão
capaz de se entusiasmar
empresarial. Ela aconselha que o empreen- somente com suas idéias e
dedor pense muito no mercado, quem é o projetos.
Espírito de equipe
seu cliente, qual a sua necessidade, na
Acredita nela e obtém
concorrência e nas tendências para o futu- resultados por meio da sua
ro. Ela alerta sobre a questão de se levar motivação.
Otimismo
em conta se o negócio tem grande significa-
Acredita nas possibilidades que
do pessoal para o empreendedor, já que a são oferecidas e na solução dos
única certeza é que ele terá muito trabalho problemas.
Persistência
pela frente. “Se a sua agência não tiver
Insiste até que as coisas
muita relevância para a sua vida, vai ser di- funcionem como quer.
fícil ter energia para enfrentar os proble-
mas”, lembra.
47
como abrir uma agência web
Pequeno guia passo-a-passo
para formalizar a sua
agência web*:
1_ Consulta Prévia para fins de
Alvará de Funcionamento
2_ Registro da empresa no
cartório de Registro Civil de
Pessoas Jurídicas
3_ Cadastro Nacional de Pessoa
Jurídica (CNPJ) na Secretaria da
Receita Federal
4_ Alvará de Licença/Corpo de
Bombeiros
5_ Alvará de Licença e
Funcionamento
6_ Inscrição no cadastro
Mobiliário de Contribuintes na
Secretaria Municipal de Fazenda
7_ Inscrição na Previdência
Social/ Instituto Nacional de
Seguridade Social (INSS)
8_ Autorização para impressão
de Documentos Fiscais na
Secretaria Municipal de Fazenda
9_ Inscrição no sindicato patronal
10_ Inspeções, Registros,
Licenças junto a outros órgãos
públicos
Caso tenha alguma dificuldade
ou falta de tempo em adquirir os
documentos acima, existem
empresas especializadas que
fazem este trabalho. O valor
aproximado de todos os itens
citados é de R$ 600,00.
Terceirizando os serviços, seu
custo será em torno de R$
1.200,00. Para quem ainda tiver
dúvidas nessa etapa, o
advogado Dr. Luiz Antonio
poderá dar uma ajuda no e-mail
trat@trat.com.br.
* Fonte: Sebrae
48
Tabelinha de sucesso
Para que uma empresa possa se desen-
volver, é necessário, acima de qualquer coi-
sa, que as partes envolvidas se conheçam
bem. O otimismo inicial de uma sociedade fei-
ta por amigos, por exemplo, pode ser muito
benéfica quando se trata de começar algo
novo. Os laços de amizade ajudam a criar o
alicerce necessário para continuar prosse-
guindo nos momentos das vacas magras,
contudo, não são sinônimos de sucesso em
um empreendimento.
Segundo Eduardo, além dos conheci-
mentos sobre gerenciamento, os parceiros
devem se complementar por suas qualidades
técnicas e não somente pela afinidade pesso-
al. “No caso da Tribo12, um vem da área de
tecnologia da informação e o outro é
designer. Procuramos semear esse espírito
de amizade, confiança e sinceridade entre
nós, a equipe e nossos clientes. Além disso,
descobrimos na prática como é importante in-
vestir no conhecimento sobre administração
e organização interna para conseguir lidar
com dinheiro e equipe”, explica.
O bom entendimento e a transparência
entre os sócios podem definir quais rumos
uma empresa deve seguir. Isto se resume em
discutir e colocar na mesa os objetivos co-
muns de cada um. Para a professora Sandra
Korman, coordenadora de ensino de
empreendedorismo da Pontifícia Universidade
Católica do Rio de janeiro (PUC-RJ), os
anseios das partes envolvidas têm que andar
lado a lado para que um empreendimento ga-
nhe força. “Uma característica essencial para
que uma iniciativa se configure como uma
oportunidade de sucesso reside na chance de
envolver outras pessoas no negócio, e aqui
entra a idéia de se ter visões compartilha-
das”, afirma Sandra.
O Perfil de quem é craque
Sozinho ou acompanhado, quem quer
abrir um negócio, seja online ou não, tem
que, no mínimo, ter uma certa intimidade com
um termo que se faz muito presente entre os
empresários de sucesso: empreendedorismo.
Diferente do que muitos pensam, empreen-
dedores não são apenas pessoas que resol-
vem abrir um negócio, mas também quem
“foge do lugar comum” e prova que tudo é
possível, desde as simples coisas até a cons-
trução de novas metodologias.
Segundo Sandra Korman, é importante
levar em consideração algumas questões
como a descoberta da causa pessoal, o en-
tendimento do contexto sócio-político-econô-
mico em que o empreendedor se encontra, o
seu auto-conhecimento e o conhecimento da
cadeia produtiva do setor em que pretende
atuar. Deve também saber de onde parte,
aonde pretende chegar e qual o objetivo real
do seu negócio.
Para Vicente Cerqueira, da Esdi, o su-
cesso de um empreendedor reside na sua
vontade e no seu objetivo de realizar algo.
“Eu tive bons alunos que não conseguiram se
colocar no mercado de trabalho e já tive alu-
nos que não eram tão bons assim, mas que
por causa do espírito empreendedor, obtive-
ram sucesso com suas empresas e estão há
mais de 15 anos atuando profissionalmente”,
destaca o professor.
 como abrir uma agência web
“Uma característica essencial para que uma iniciativa se configure como uma
oportunidade de sucesso reside na chance de envolver outras pessoas no negócio,
e aqui entra a idéia de se ter visões compartilhadas”
Sandra Korman, da PUC-Rio

Em busca do primeiro gol Design, no Rio de Janeiro, e já obtivemos uma

Uma das dificuldades encontradas no iní- menção entre os primeiros colocados no con-
cio de uma agência web é o momento de conse- curso de sites promovido naquela ocasião, o
guir os primeiros trabalhos. No caso da Tribo que já trouxe alguma projeção”, diz Carolina.
12, como a produtora já existia com o nome de Nem tudo são glórias
Wcenter, os donos tiveram que adotar estraté- Numa empresa, nem todos os momentos
gias diferentes para atrair novos projetos e são um mar de rosas e nem sempre a sua boa
manter os antigos. “Por incrível que possa pa- intenção se transforma em resultados concre-
recer, abordar novos clientes foi mais fácil, pois tos. Apesar de a internet ser uma mídia nova, a
a gente já tinha um portfólio consistente para experiência conta muito na hora de saber lidar
apresentar. Já com os clientes antigos, precisa- com os problemas. Segundo Eduardo, o apren-
mos mostrar que as mudanças, especialmente dizado adquirido pela Tribo 12 nesses oito anos
na imagem da empresa, que ficou mais jovem e é refletido nos caminhos que a empresa deve
bem-humorada, eram para melhor. O resultado seguir. “A vivência acumulada nos permite to-
foi excelente. Em alguns casos, conseguimos mar certas decisões, e até negar alguns tipos
até ampliar alguns contratos de serviço”, expli- de projetos, justamente por já ter aquele
ca Eduardo. feelling sobre os riscos a serem assumidos”,
Ele afirma também, que a Tribo 12 teve explica o designer.
grande parte de sua divulgação feita espon-
taneamente pelos trabalhos desenvolvidos.
“Até agora, nossa principal forma de dissemi-
nar o nome da empresa foi a qualidade do
nosso portfólio. Cientes disto, apostamos
muito no nosso site, pois é o nosso melhor
cartão de visitas”, conclui Eduardo.
No caso da Cadois, a conquista dos pri-
meiros clientes veio por meio das assinaturas
nos trabalhos da empresa e na sua presença
em eventos especializados da área. “Nós
nunca anunciamos em mídia paga. No início,
participamos do sétimo Encontro de Web

49
como abrir uma agência web
Para Ana Paula Wernek, gestora do Programa de Incuba-
doras de Empresas e Parques Tecnológicos do Serviço Brasilei-
ro de Apoio às Micro e Pequenas Empresas (Sebrae), detalhes
essenciais como o aspecto financeiro, o de negociação, a sele-
ção dos colaboradores, a análise de mercado e a busca de re-
cursos financeiros precisam ser bem administrados pelas em-
presas. Ela cita ainda que a preocupação com o modo de distri-
buição e com a qualidade do produto é vital para o bom anda-
mento de um empreendimento, assim como um plano de negó-
cios que seja efetivamente cumprido e atualizado.
Não se pode esquecer também das questões burocráti-
cas que envolvem uma empresa. Tão importante quanto a
competência em realizar bons trabalhos, é saber administrar
bem a sua agência. Na Forpix, seus sócios dividem suas fun-
ções entre os projetos e o gerenciamento da produtora. “Te-
mos o desafio de exercer várias atividades como a de finan-
ças, marketing, comercial e administração que não estão dire-
tamente ligadas à área de tecnologia e design. Além disso, a
burocracia e os custos para abertura de empresa aqui no Brasil
são, de fato, uma dificuldade”, lastima Wagner.
Do treino aos gramados
Após tudo planejado, chegou a hora de transformar sua
produtora em realidade, ou seja, formalizá-la. É importante
saber que todos os estados dispõem de órgãos e entidades
de auxilio à microempresa e à empresa de pequeno porte.
Essa ajuda vem por meio de treinamento, consultoria na im-
plantação, acesso ao crédito, obtenção de tecnologia e de-
senvolvimento gerencial do empresário. Uma boa dica é
procurar o Sebrae, ou então, acessar o site no endereço
www.sebrae.com.br. Lá se encontram as informações neces-
sárias sobre como legalizar sua empresa, além de dicas impor-
tantes referentes a questões tributárias.
Uma outra alternativa é participar de programas de incuba-
50
dora de empresas que algumas instituições possuem, oferecendo
orientação, treinamento e o ambiente necessário para o cresci-
mento de novos empreendimentos. Geralmente, a infra-estrutu-
ra fornecida compreende salas de reuniões, auditórios, sistemas
de telefonia, acesso à internet, suporte em informática, recepci-
onista e office-boy. São prestadas assessorias gerenciais em
marketing e finanças, apoio jurídico e contábil, assessoria de im-
prensa e a assistência permanente no dia-a-dia da empresa.
Para se candidatar a uma incubadora, além da análise do
projeto, são avaliados o perfil do empreendedor e a habilidade
técnica referente ao seu negócio. Aos interessados, aqui fica a
sugestão: procurem saber se na sua cidade existem entidades
que têm programas de incubadoras de empresas. É muito comum
que elas funcionem junto a universidades ou centros de pesqui-
sas, pois estas instituições são de geração de conhecimento,
fundamental para o gerenciamento dos novos produtos e servi-
ços das empresas incubadas.
Independente do caminho que escolha para iniciar o seu
projeto, as dificuldades que poderão surgir na sua agência,
como também os dias gloriosos em que você poderá fechar
aquele contrato tão almejado, vão fazer parte do seu dia-a-
dia. É importante que fique claro na cabeça do empreendedor
que abrir uma produtora de internet requer uma rotina diária
que inclui a busca constante por novos clientes, atualização no
mercado e o cuidado permanente pelos projetos desenvolvi-
dos. Saber inovar, sair do lugar comum e possuir um bom rela-
cionamento com seus clientes e, principalmente, com a sua
equipe de trabalho serão de vital importância para prosperar
no meio online. Tenha em mente que nada cairá do céu e que o
domínio do conhecimento técnico, refletido na qualidade de
seus produtos, aliado à persistência em sempre dar o melhor
de si, trará, conseqüentemente, para junto de sua empresa
bons clientes. Então, mãos à obra!

Montando uma edição em
O que é corte seco ?
Corte seco é quando editamos um de-
terminado filme sem algum tipo de transição
(efeitos). Exemplo: Quando uma novela vai
de uma cena para outra, você percebe que
não há efeito algum; o mesmo acontece em
um filme.
Geralmente, numa edição mais profissi-
onal usa-se muito pouco transição em
vídeos. Quem costuma usar muito efeitos de
transição são os profissionais que gravam
festinhas de casamento, 15 anos etc..
Para montarmos uma edição em corte
seco utilizaremos as janelas de projeto,
timeline e monitor.
Janela Project
Janela Monitor
tutorial 1
corte seco por Alex Falcão
Na janela Monitor temos duas opções:
Janela Source – é onde você vê o mate-
rial bruto e onde vamos inserir os cortes
(edição).
Janela Program – depois de editado o
filme da janela Source, você arrasta para a
janela Program. Na janela Program, você
visualiza como está ficando a edição final e a
duração total do filme já com a edição. Se
você precisa editar um filme de 20 segundos é
exatamente nesta janela que você vai poder
controlar a duração.
Timeline
Na janela timeline, conforme você vai
editando e arrastando para a janela Program,
perceberá que os vídeos vão sendo inseridos
ao mesmo tempo na Timeline.
Agora, colocaremos em prática:
Vamos importar nossos vídeos. Acione o
Menu File / Import / File.
Selecione todos os arquivos e clique em
Abrir.
Obs.: Baixe os arquivos no site da Revista
Webdesign para você praticar.
Repare como a janela Project carrega
todos os vídeos na imagem a seguir:
51
tutorial 1
Na janela Project, clique no Video 1.avi
e arraste para a direita, na janela Source.
Dica: Nesta janela é importe que você
assista ao vídeo todo, primeiramente. Assista
quantas vezes forem necessárias, pois so-
mente assim você verá qual parte realmente
quer editar. Para você assistir ou parar o filme
(Play ou Stop), você pode usar a Barra de Es-
paço do seu teclado.
Conforme você assiste ao vídeo, na ja-
nela Source, repare que é mostrado o tempo
do filme.
Ao lado esquerdo, a duração do filme
todo, ao lado direito, o quanto a cena já foi
rodada.
Dica: Ao pressionar a Barra de Espaço
para iniciar o filme, eu logo em seguida uso as
52
teclas seta para direita e seta para a esquer-
da para avançar ou retroceder quadro a
quadro. Assim, você tem um melhor controle
de onde você quer editar o filme.
Exemplo: Através da seta para esquer-
da e direita eu consigo definir exatamente
que meu corte comece aos 6 segundos do fil-
me e que termine aos 12 segundos.
Então, para entendermos corretamen-
te, vamos fazer na prática. É importante que
sigam como eu mencionar:
Corte seco pelo teclado
1º - Pressione a barra de espaço para
iniciar o filme e fique de olho no tempo até
chegar de 4 a 5 segundos. Quando chegar
em 4 ou 5 segundos pressione a Barra de Es-
paço novamente para parar o filme.
2º - Agora que o filme está parado, pres-
sione a seta para direita em seu teclado vári-
as vezes até chegar em 6 segundos.
Para você editar a partir dos 6 segun-
dos, existe uma tecla de atalho. ( i ). Quando
você pressiona a tecla ( i ), a sua janela
Source fica com uma tarja verde em Set
Location.
Repare na imagem acima, que estou
editando exatamente nos 6 segundos.

Mas o que significa eu pressionar ( i )
Input em 6 segundos ?
Significa que de 6 segundos para a es-
querda, não vou querer em meu vídeo.
3º - Pressione a Barra de Espaço nova-
mente para continuar o filme e quando chegar
no tempo 10 segundos, pressione a tecla
seta para a direita.
4º - Pressione a seta para direita até
chegar ao tempo 12 segundos. Depois, pres-
sione a tecla ( o ) Output. E veja como fica em
Set location após pressionar a tecla ( o ).
Mas o que significa eu pressionar a tecla
( o ) output em 12 segundos ?
Significa que de 12 segundos para fren-
te, não interessa para edição, ou seja, o que
nós vamos aproveitar mesmo do vídeo é do
instante 6 a 12 segundos.
5º - Feito isso, clique em cima do vídeo
na janela Source e arraste para a direita na
janela Program. Você terá apenas a parte
editada do filme, ou seja, apenas os 6 segun-
dos que você editou.
6º - Repare que ao arrastar para a jane-
la Program o mesmo aparece na timeline.
7º - Agora, arraste o próximo vídeo para
a janela Source e repita o mesmo processo a
partir do passo: CORTE SECO PELO TECLA-
DO. Procure manter o padrão de corte para o
segundo vídeo de 6 segundos.
Alex é instrutor da Data Byte de Sto Amaro e administrador do portal ComunidadeWeb. É formado em
processamento de dados e TI pela Faculdade Radial.
tutorial 1
Obs.: Não é necessário que você comece a
editar a partir de 6 segundos, mas tente
deixar a edição final em 6 segundos. Você
pode editar do instante 10 a 16 segundos ou
18 a 24. Não importa a ordem, o que importa
é você deixar como o padrão do primeiro.
Quero deixar bem claro que isso não é uma
regra. Se você quiser que o primeiro vídeo
tenha 6 segundos, o segundo tenha 15 e o
terceiro tenha 9, isso não importa.
8º - Após ter feito o mesmo processo para
o vídeo 2, arraste-o para a janela Program.
Repare que o mesmo insere novamente o vídeo
na timeline, na frente do vídeo 1.
9º - Caso queira visualizar o andamento
de sua edição, clique na janela Program e
pressione a Barra de Espaço.
Edite os 3 vídeos que você baixou do
site da Revista Webdesign.
Após terminar toda a edição, repare que
na timeline fica uma barra vermelha. Isso
significa que todo esse filme precisa ser
renderizado.
Para renderizarmos, selecione o menu
Timeline / Render Work Area.
Obs.: Este processo, dependendo de sua
máquina e do tamanho da edição final do
vídeo, pode demorar muito.
Tem como eu inverter a posição do
vídeos ?
Sim! Na timeline, basta arrastar o vídeo
que você quer para a frente do outro. Após
este processo, será necessário renderizar
novamente.
53
tutorial 2
Acelere seu desenvolvimento
usando templates
A idéia dos templates não é recente, nem sua
implementação, única, mas apenas recentemente surgiram
ferramentas e padrões de desenvolvimento que tornam esta
interessante forma de desenvolver páginas web mais útil.
Para começarmos a falar em templates, é preciso que
se saiba o que são. Podemos definir que templates são do-
cumentos que podem ser usados como um modelo para ou-
tras páginas com o mesmo layout, uma espécie de gabarito
que serve como base de layout para todas as páginas que
os utilizam.
Ao longo de um projeto de desenvolvimento web, uma
das maiores dificuldades é ter que fazer pequenas mudanças
no projeto ou na aplicação, depois de tudo pronto. Imagine
que um projeto tenha ao todo 250 páginas e que em todas
elas apareça um telefone de contato no final da página. Se
este telefone mudar, imagine que entre abrir o arquivo, locali-
zar o telefone e alterá-lo, um designer demora em torno de 5
minutos por página. Quanto tempo demoraria para atualizar os
250 arquivos? Neste ritmo, 1250 minutos ou, aproximadamen-
te, 200 horas, ou 5 semanas de trabalho!
Um outro exemplo de manutenção trabalhosa na apre-
sentação: imagine que você tem Projeto Web em mais de uma
língua. Você teria que montar páginas duplicadas com línguas
diferentes com o mesmo layout. Caso se torne necessário adi-
cionar mais um idioma, esse trabalho terá de ser repetido, com
todo o esforço, custos e riscos que traz uma alteração genera-
lizada das páginas de uma aplicação.
Nos dois exemplos acima, o uso de templates pode reduzir
o tempo necessário para este tipo de alteração para poucos
minutos ou poucos dias, e com riscos de se ‘quebrar’ a aplica-
ção a quase zero.
54
por Fernando Guerra
Em uma aplicação criada sobre templates, todos os docu-
mentos estão vinculados a um modelo de layout único. Com
isso, ao alterar o template, todos os documentos criados sobre
este modelo são atualizados automaticamente.
Os templates funcionam da seguinte forma:
O designer pode perceber facilmente quais são as divi-
sões comuns que todas as páginas têm, como área de conteú-
do, menus, cabeçalhos etc.. Estas são as áreas que têm um
html comum, que não teria de estar presente em todas as pági-
nas do site se fosse possível simplesmente ‘inserir’ o html de
uma página já pronta naquele local. É exatamente aí que en-
tram os templates. Eles são páginas ‘limpas’, apenas com as
definições dos locais onde as coisas devem ser colocadas.
Utilizando componentes especializados para templates,
como o ASPTemplate ou o Smarty (esse último para PHP), o pro-
gramador apenas especifica nas suas páginas o que deve ser
encaixado em cada lugar e o componente monta a página final.
Ao se criar esse molde, é fundamental que se defina quais
regiões podem ser alteradas e quais regiões serão comuns
entre as páginas.
Exemplo:
 Conforme a imagem acima, um template pode ter suas regiões definidas
da seguinte forma:
Região Editável {{conteudo}} : É a área de conteúdo (pode ser alterada).
Regiões de Repetição {{topo}}, {{menu}} e {{rodape}} : São as áreas 7PDÐ
OÍP
QSFDJTB
QBHBS

bloqueadas contra alterações que serão repetidas em todos os documentos
derivados do template.
NBJT
DBSP
QBSB
GB[FS

USFJOBNFOUPT
PmDJBJT
"EPCF
F
.BDSPNFEJB
/ÍP
QFSDB
UFNQP
7FOIB
QBSB
RVFN
NBJT
DPOIFDF
%SFBNXFBWFS
$PME'VTJPO
Nessa figura, já temos o layout de um site de exemplo totalmente pronto. A li-
'JSFXPSLT
nha pontilhada vermelha mostra claramente onde foi definida cada região do molde 'MBTI
/ template. Todas as regiões precisam ser definidas de antemão no template, inclu-
sive, eventuais regiões opcionais, onde pode ou não haver conteúdo.
Usando este template, portanto, é possível criar centenas de páginas onde
apenas a área do conteúdo muda, por exemplo. As demais áreas são preenchi-
das utilizando páginas estáticas, que podem ser alteradas individualmente. As-
sim, se for necessário alterar um telefone de contato que conste no rodapé de
todo o site, esta alteração só terá que ser feita em uma única página que con-
1SFNJFSF
tém todo o html do rodapé e, automaticamente, todas as páginas que utilizam o
template passarão a mostrar este novo rodapé alterado.
*O%FTJHO
Aqui vão algumas dicas para quando for criar seus templates:
*MMVTUSBUPS
- Inicialmente, crie uma única página que contenha todos os elementos que 1IPUPTIPQ
você quer incluir no template; F
NVJUP
NBJT
- utilize tags para substituir todos os blocos de elementos comuns que você
perceber em sua página. Por exemplo, se em todas sua páginas existir um cabeça-
lho ou um rodapé, substitua-os por tags, como no exemplo acima. Eles definirão os
locais onde o conteúdo e os elementos comuns serão substituídos.
Agora, com seu template definido, utilize-o ao máximo em seu site. Você
perceberá rapidamente o quanto isto acelera o desenvolvimento e aumenta seu
controle sobre o conteúdo de seu projeto web.

55
webexperiences
www.nec.co.jp/eco/en/
ecotonoha/index.html
www.vodafone.com/flash/
futures/index.jsp
www.doubleyou.com/festivals/
nikesansilvestre/web1/index.html
56
Clovis La Pastina
Durante a sua carreira offline, Clovis foi redator da Better e da McCann por mais de 12
anos. Trabalhou na Thunder House/Zentropy desde 1999 até o início deste ano, chegando
a atuar como Gerente Geral. Atualmente, é redator da Euro RSCG 4D. Ganhador de dois
Leões de Cannes (Ouro e Prata), um Grand Prix do NY Fests, The One Show, Art Director’s,
Clio Awards e CCSP, também é jurado dos principais festivais internacionais.
clovislapastina@hotmail.com
Cannes: todo ano é tudo sempre igual?
Mais um Festival de Cannes acabou e o saldo final é um tema ‘prato cheio’ para esta coluna
que fala de experiências na internet. Aliás, falar de Cannes é sempre mexer no vespeiro. É
como futebol ou religião, não há consenso de jeito nenhum, mas, vamos lá.
Ano passado foram nove Leões para o Brasil. Este ano foram 23, sendo cinco de ouro, oito
de prata e dez de bronze. Tivemos onze agências diferentes premiadas. Segundo o Presidente
do Júri de Cyber, Robert Greenberg, está sobrando competência por aqui, certo? Bem… na mi-
nha modesta opinião, o nível técnico das peças brasileiras não estava assim tão bom (lá vem
pedrada!). Mas é verdade, eu fiquei decepcionado com o que vi este ano.
Realmente, ainda engatinhamos em websites. Somos melhores em comunicação. Fazer o
que? Talvez seja uma questão cultural, ou uma síndrome qualquer, típica dos habitantes do
hemisfério sul. Não estou menosprezando o Brasil, não. Pela primeira vez ultrapassamos os
EUA na premiação, o que não é pouca coisa.
Mas é fato que estamos um pouco longe do nível técnico dos gringos. Já que é para anali-
sar performance, o que merece ser discutido é: será que os trabalhos agraciados com o GP e
os Leões fizeram realmente justiça ao prêmio?
Lá esteve o que de melhor aconteceu na internet da safra 2003/2004, certo? Não há dú-
vida de que havia muita coisa boa, com uma produção invejável. Mas Cannes sempre foi consi-
derado um festival que privilegia, antes de mais nada, a idéia criativa com um apelo universal.
Ou seja, aquela idéia que qualquer ser humano, em qualquer parte do planeta, de qualquer
cultura, olhe, entenda e ache a idéia brilhante.
Partindo deste princípio, vamos analisar o GP, o trabalho japonês da NEC. É, sem dúvida,
um belo case de marketing viral com uma produção de cair o queixo. Mas, será que ele merecia
ser GP? A sua idéia foi a mais original de todo o festival, ou havia algum trabalho tão bom quan-
to, ou superior? É uma questão subjetiva, porém, válida. O site da Vodafone, por exemplo,
não seria melhor? Ou mais adequado?
E o que podemos dizer do Leão de Ouro do site San Silvestre Vallecana da Nike? Ele é bonito,
sem dúvida, mas é um site que tem um apelo bem regional, o que põe por terra aquela premissa da
idéia criativa com apelo universal. Muita gente que viu a peça, não a entendeu. Isso vale ouro?
Não seria este site da Nike, lindíssimo, na visão apurada dos designers, por utilizar uma
nova estética visual, apenas isso e nada mais do que isso? Ou será que a simples presença do nome
Nike já credencia o trabalho da agência a ir direto para o topo, sem escalas? Estaria a Nike acima do
bem e do mal por tudo o que já fez (e faz) na sua comunicação? Se a Nike fizer um arroz com feijão

“Realmente, ainda engatinhamos em websites.
Somos melhores em comunicação”
básico, isso já lhe garante o direito de ganhar um prêmio desta
envergadura? Produção por produção, os sites da Volvo, ou do
Seinfield, que ganhou prata, não seriam melhores?
Ou o pior: estaria o Festival de Cannes viciado, estigma-
tizado, previsível? Ou será que eu estou errado? Veja as pe-
ças, tire a sua conclusão e, caso seja possível, escreva
aqui para mim com a sua opinião. Assim, eu vou poder
saber se sou eu que estou ficando viciado e previsí-
vel… ;- ).
Afinal, o legal de Cannes é isso.
 É impossível discutir o Festival sem
esbarrar em paixões. Sem melindrar al-
guém e sem ser contestado. Bem… antes
assim.
BRASILEIROS PREMIADOS EM CANNES (2004)
Leões de Ouro
:: “Dog” e “Bird”, da Ogilvy para CNA English School
www.ourwork.com.br/subtitles/banner_dog.html
www.ourwork.com.br/subtitles/banner_bird.html
:: “Tattoo”, da AgênciaClick para INDT
www.virtualsofa.net/tattoo/
::“Flor Summer 03”, da F/Nazca S&S para B4-Flor
www.fnazca.com.br/festival/06/
:: “Kiss”, da Publicis Salles Norton para Kiss FM
www.publicissallesnorton.com.br/cannes2004/kissfm.html
Leões de Prata
:: “Morph”, da Ogilvy para Graacc (OgilvyOne)
www.ogilvy.com.br/ourwork2004/morph/
:: “Identidade O Filme”, da VirtualNet para a Columbia Pictures
www.identidadeofilme.com.br/cannes/
:: “Disguise”, para a propria AgenciaClick
www.agenciaclick.com.br/english/
:: “Off Road”, da AlmapBBDO para Audi
www.almapbbdo.com.br/awards/2004/audi/road/
:: “Deers” e “”Elephants”, da F1rst/Loo para o Zoológico de São Paulo
www.loo.com.br/zoo/zoo1.htm
www.loo.com.br/zoo/zoo2.htm
:: “Testimonial”, da DM9DDB para TAM Express
www.dm9ddb.com.br/awards/cannes/testimonial.html
:: “Trick”, da Loducca para 2001 Videolocadora
www.loducca.com.br/cannes/trick/
:: “Drag”, da Euro RSCG 4D para Intel
webexperiences
http://demo.fb.se/e/v50/site/index.html
www.jerry.digisle.tv/room.html
www.bluepuff.com/english/25/
:: “Grip”, da Tequila\BR para Adidas
www.tbwa.com.br/2004/awards/grip.html
Leões de Bronze
:: “On Demand Simulator”, da Ogilvy para IBM
www.ourwork.com.br/simulator/
:: “Karate”, “Basque Pelota”, e “Rocket”, da DM9DDB para o Speedy, da Telefonica
www.dm9ddb.com.br/awards/cannes/stepbystep_01.html
www.dm9ddb.com.br/awards/cannes/stepbystep_02.html
www.dm9ddb.com.br/awards/cannes/pocketbooks_01.html
:: “Plug” e “Lost”, da DM9DDB para Itaú
www.dm9ddb.com.br/awards/cannes/plug.html
www.dm9ddb.com.br/awards/cannes/lost.html
:: “Africa”, da AgênciaClick para a agencia Africa
www.virtualsofa.net/AFRICA/flash.htm
:: “Silent Movie”, da Loducca para 2001 Videolocadora
www.loducca.com.br/cannes/silent
:: “Tony Hawk”, da Euro RSCG 4D para Nokia
www.bluepuff.com/english/14/
:: “So Big”, da Rapp Digital para Citroën
http://www.rappdigital.com.br/cannes2004/C8sobig
:: “Multi-câmera”, da Rapp Digital para Sky
www.rappdigital.com.br/cannes2004/multicamera
:: “A New Solution”, da Tequila\BR para TBWA
www.tbwa.com.br/2004/awards/solution.html
:: “Homeless”, da Publicis Salles Norton para Abrigo Bezerra de Menezes
www.publicissallesnorton.com.br/cannes2004/bezerra.html
57
webwriting

Marcela Catunda
Trabalhou nas redes Bandeirantes, TV Gazeta, Manchete e Globo.
Foi redatora da DM9DDB e supervisora de criação de mídia interativa
da Publicis Salles Norton. Atualmente é autônoma.
marcelacatunda@terra.com.br

E agora, Margarida?
O que eu vou ser quando crescer?
Nunca me perguntei isso. Só fui crescendo. Acho que foi por ter encontrado o grande
amor da minha vida tão cedo: a TV. Eu não sabia muito bem o que queria dela. Mas uma certeza
eu tinha, a de que viver sem ela seria impossível (momento novela mexicana).
E AGORA, MARGARIDA, qual a programação?
Não me programei pra ser nada. Não pensava em ser uma produtora de pauta, editora de
imagens, ou uma diretora de externas, ou uma diretora de programa, ou uma redatora de
Internet, ou uma roteirista, ou uma autora de livros... Mas isso tudo acabou acontecendo.
E AGORA, MARGARIDA, que papo é esse?
O papo é o seguinte: tenho recebido muitos emails (e agradeço a todos), muitos deles me
perguntando como fazer para trabalhar na agência, A, B ou C. Alguns são verdadeiros desaba-
fos, outros têm um ‘Q’ de preocupação tipo: ‘será que consigo entrar em tal lugar’, ‘meu sonho
é trabalhar na YZWXFGT’, ‘como eu faço pra encontrar o meu lugar ao sol nas grandes agências?’
e por aí vai e vão.
São tantos que resolvi abordar o tema na coluna de hoje.
Estou longe de ser uma consultora de rh, ou qualquer coisa que o valha, mas como vocês
estão perguntando, vou tentar (humildemente) responder, ou não vou responder nada... sei
lá, nem comecei a escrever ainda.
E AGORA, MARGARIDA? Qual é o caminho? Que caminho é esse?
Exemplo: eu fui parar na internet porque o corajoso Michel Lent achou que eu tinha algum
talento. Mal sabe ele que eu passei os primeiros vinte minutos da nossa entrevista pensando
que eu estava me candidatando à vaga de produtora de internet, e não à vaga de redatora.
Levei o maior susto quando ele pediu minha pasta. Mas que pasta? A de dentes? Ah, uma pasta
de trabalhos? Ah! E eu lá tinha isso?
E então, em um dia nove, às nove e nove da manhã, eu comecei meu primeiro dia na DM9,
e aprendi a trabalhar com a internet e o talento que o Michel acreditou que eu tinha.
E daí, MARGARIDA?
E daí que as coisas acontecem. O universo realmente conspira, coisas boas realmente
surgem, pessoas realmente geniais aparecem para nos ajudar e tudo se torna magicamente real
no mundo virtual (Ai! Forcei na filosofada). Mas é verdade. Nesse trem da internet, uma coisa
eu aprendi: é muito fácil descobrir se você leva ou não jeito pra coisa. Eu, por exemplo, desco-
bri que não levava (gargalhadas).

58
 webwriting
“ Se eu estava fazendo o que eu gostava,
isso já era bom demais pra mim”

Cuide do ordinário, que do extraordinário quem cuida é Deus

Nunca tracei minha carreira pensando nesse ou naquele
lugar. Se eu estava fazendo o que eu gostava, isso já era bom
demais pra mim.
Claro que eu sonhava. Sonhava em ser rica, famosa, lin-
da, poderosa... Mas isso tudo eu resolvi jogando ‘The Sims’,
ainda mais, agora, com o pacote de expansão ‘Superstar’.
O bom de ir fazendo aniversário todos os anos é que
a gente aprende que tem coisas que não têm a me-
nor importância.
Por isso, não se preocupe em
como entrar lá, aqui, ou com fazer parte
da panelinha de tal lugar. O que eu sem-
pre digo é que o caminho que a gente
tem que seguir a gente sabe encontrar,
e sempre encontra.
Eu acredito que a gente pode tudo.
Claro que tem dia que eu não acredito nem em
Papai Noel, mas isso faz parte.
Resumindo e embrulhando
Não adianta ficar pensando no que vai dar errado
se você não está dando o primeiro passo certo: acredi-
tar em você.
Se alguém não quiser o seu roteiro, pense:
‘Spielberg o adoraria’.
O melhor de tudo nessa vida é poder rir da gente
mesmo. Não perca essa oportunidade.
E não desanime. Todos nós temos uma estrela, uns
nascem pra lustrar, outros pra brilhar... (brincadeira).
Sempre dá pra brilhar um pouquinho.
Como diria um ex-amigo meu: ‘Força na peruca, que
no final, dá tudo certo’.

59
marketing

René de Paula Jr.

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

Ó abre-alas!
Álbum de família sempre tem uma foto amareladíssima, surrada, em que o vovô ou a vovó
aparecem de marinheirinhos, baianas, ainda crianças, todos felizes e arrumadinhos. Isso em
outros carnavais, claro (e literalmente). Quanto aos nossos netos, tomara que nunca encon-
trem nenhum flagra nosso em bailes momescos. Pelo sim, pelo não, veja lá o que você acaba
publicando no seu fotolog, senão vai ter netinho no futuro precisando de terapia.
Dizem que carnaval era coisa de rua. Alguma coisa aconteceu, ruim decerto, para que vi-
rasse coisa de salão, com banda e bar, e outras coisas devem ter acontecido para criarem um
autorama de desfiles, com cronômetro e disputas por centésimos de ponto. O que era espontâ-
neo, dionisíaco, virou um misto de parada militar, olimpíada e concurso de miss. Vai entender.
Felizmente, nem toda história é assim, uma queda inesperada do paraíso ingênuo rumo ao
inferno planificado. Se olharmos pra internet, o movimento é inverso: da paranóia militar, pas-
sando pelo olimpo acadêmico, desembocando numa festa popular digna de Olinda.
Todo mundo tem blog. Todo mundo está no Orkut. Todo mundo cria comunidades como se
fizesse trenzinho no baile. Todos trocam mensagens instantâneas como se fosse confete ou
serpentina. A vida é uma alegria só, um baile do havaí self-service. Já estou começando a me
sentir levemente inútil, uma relíquia anacrônica, uma calçadeira de sapatos no mundo dos tênis
e havaianas.
Vou lhe confidenciar uma coisa. Coisa ao pé do ouvido mesmo, para não parecermos estra-
ga-prazeres nessa zorra toda. É impressão minha ou o baile está esfriando? É impressão minha
ou tem menos emails chegando? É só comigo ou as pessoas estão demorando mais para respon-
der mensagens?
Outro dia, vi um outdoor de uma marca X de tênis. O slogan era: ‘Desconecte-se’. Será que
o povo está com ressaca digital?
Eu tenho uma teoria aqui comigo: assim como os bailes de rua da vovó começaram um dia
a ficar barra-pesada, o digimundo também está deixando de ser limpinho. Um PC típico (o da
sua sogra, por exemplo) é a casa da sogra: vírus toda semana, bandos de spywares pra todo
lado, disco lotado, desktop caótico, windows sem update...
Toda vez que me deparo com PCs sujinhos, minha primeira vontade é deixá-los de molho em
cândida. Ao usuário leigo, pobre alma, o que resta é frustração, impotência e, por fim, desinteresse.
Um PC típico é uma folia breve que vira quarta-feira, quinta, sexta-feira de cinzas para
sempre.

60
 marketing
“Será que o povo está com ressaca digital?”

A festa ficou boa de novo quando apareceram os ‘salões

A lição é simples: pessoas são pessoas em qualquer lu-
de baile’ do digimundo: Orkut, Yahoogrupos, Linkedin e tantos
gar, digital ou não. Pessoas precisam se sentir seguras, pes-
outros. Agora, sim, estamos de novo entre gente ‘de bem’;
soas gostam de respeito, pessoas prezam conforto, dignida-
agora, sim, podemos nos despir de novo sem o susto de uma
de, privacidade.
mão-boba.
Pessoas são maravilhosas quando o ambiente favorece,
Preste atenção: uma das grandes graças desses espaços
e viram porcos-espinhos se pisarem no calo. Pessoas só dan-
digitais é justamente serem seletos, limpos, seguros. Os
çam conforme a música se não houver outra opção; se come-
spams, os vírus, os malfeitores ficam todos de fora,
çar um baile melhor ali do lado você vai ficar tocando bumbo
sacaneando nossos inbox cada vez mais terra-de-ninguém.
sozinho.
Tem alguma lição aí para nós, profissionais do digimundo?
Quem não gosta de gente, bom webdesigner não é. É
Eu acredito que sim. Isso não está em nenhum manual de
ruim de internet ou profeta sem fé.
Dreamweaver nem de Photoshop. Isso não está em nenhuma
bíblia de PHP. Engenheiros e arquitetos desenham e constro-
em, mas quem faz quarteirões serem um bom bairro?

61
user esperience

Claudio Toyama
Sócio-fundador da Brand Experience|Studio – consultoria em experiência do cliente e
marcas, em Londres. Mestre em interatividade e multimídia (London Institute), formou-
se em Administração pela FGV, fez pós-graduações em Marketing (CEAG) e Comunicação
e Artes (Mackenzie), e especializou-se em Design Gráfico (Instituto Europeo di Design –
Comunicazione em Milão, Itália).
webdesign@claudiotoyama.com

Mas o que vem a ser Experience Design???

Walt Disney World, Universal Studios, Busch Gardens. Quem nunca ouviu falar das expe-
riências inesquecíveis dos visitantes a esses parques temáticos? O conceito no qual se baseiam
– a experiência – já era aplicado pelos profissionais das artes cênicas e da narrativa há séculos
e, nos últimos anos, tem se estruturado e possibilitado a construção de um diferencial, assumin-
do posição central no mundo dos negócios e do design.
Mas o que vem a ser Experience Design (ED)? É uma nova comunidade de profissões, con-
cebida por Terry Swack e Clement Mok, nos EUA, em 1998, apoiados pelo então chefe do
American Institute for Graphic Arts (AIGA), Richard Grefe. A denominação – Experience Design
– ocorreu com o advento das novas mídias e do mundo digital, que provocou a ausência de um
objeto tangível a ser projetado, diferentemente do que aconteceu antes em toda a história do
design, com designers de produto, gráficos, de moda, etc.. O ED desvincula-se, então, do ob-
jeto em si e associa-se à experiência que o usuário terá com o meio interativo, pois esta expe-
riência passa a ser o produto final, tendo a importantíssima função de fazer com que um cliente
vivencie a marca/produto/serviço em sua totalidade.
Inicialmente, ED concentrou-se nas experiências digitais, mas logo se chegou à conclusão
de que estas somente poderiam ser entendidas quando colocadas no contexto completo das
vivências diárias das pessoas.
Experience Design foi concebido na mesma época em que Pine II e Gilmore apontaram
para uma nova mentalidade econômica em seu livro ‘The Experience Economy’ (traduzido na
versão brasileira por ‘O Espetáculo dos Negócios’ – Ed. Campus, 1999), no qual deixam claro
que produtos e serviços podem ser copiados no momento em que são lançados
(commodities) e a qualidade da experiência que o consumidor terá com determinada marca
e/ou empresa passa a ser o fator diferenciador, tendo que se conectar com o lado emocional
dos consumidores por meio de experiências memoráveis.
ED, pode ser definido então, como a entrega, através do design, da promessa feita pelo
branding em todos os pontos de contato com a marca, de uma experiência diferenciada e que
supere as expectativas dos clientes.
Entretanto, ED não ficou centrado somente no designer, mas englobou profissionais de
áreas tão díspares e complementares como estratégia de marcas e de negócios, branding,
pesquisa de mercado, usabilidade, arquitetura da informação, design da interação, entre ou-
tros. Alguém que, por exemplo, escolher a denominação experience designer para seu cartão
de visita, estará dizendo que possui experiência em mais de uma dessas áreas.

62
 user esperience
“produtos e serviços podem ser copiados
e a qualidade da experiência que o consumidor
terá com determinada marca e/ou empresa
passa a ser o fator diferenciador”

Nos artigos anteriores, abordamos o conceito de Flow e
fizemos uma pequena introdução às areas de Usabilidade e
Acessibilidade. Todos, de forma geral, fazem parte do leque de
conhecimentos de um Experience Designer.
Além de referenciar diferentes modalidades do design
(gráfico, de produto, moda), ED também faz alusão às artes
cênicas (teatro, narrativa), bem como à arquitetura, no in-
tuito de apresentar conceitos e métodos que servirão como
base para a criação de experiências realmente interativas e
interessantes, como afirma Nathan Shedroff, em seu livro
‘Eperience Design 1’ (New Riders).
Além dos exemplos notórios citados no começo deste ar-
tigo, podemos citar outros mais ‘normais’, como é o caso da ca-
deia de lanchonetes Pret-a-Manger que, segun-
do o jornal Times de Londres, ‘revolucionou o
conceito de preparação e consumo de sanduíches’
(http://www.pret.co.uk); o restaurante
temático Rainforest Café, que nos aco-
lhe com uma placa dizendo ‘a sua aventu-
ra começa aqui’ (http://www.therainforestcafe.co.uk/ – con-
vém notar que o website não condiz com a experiência propor-
cionada pelo espaço físico do restaurante), ou o Nike Town,
em Londres e Nova Iorque (http://niketown.nike.com – veja
também o website da empresa que trabalhou com a parte de
entretenimento, iluminação e mídia da NikeTown em Nova
Iorque http://www.illuminatingconcepts.com/120802/
retail_exp/nike.html).
Numa época na qual o que irá diferenciar uma empresa da
outra será a qualidade das experiências vividas pelos consumi-
dores, o design toma a dianteira na forma do Experience
Design.

O grupo AIGA Experience Design

<http://experiencedesign.aiga.org>, coordenado no Brasil
conjuntamente por Roberto de Oliveira e Claudio Toyama,
tem por objetivo estabelecer uma nova comunidade de
profissionais cujo desafio é projetar (design) para um
mundo cada vez mais exigente.
Para maiores informações sobre a atuação do AIGA no Brasil,
entrar em contato direto com o Claudio
<webdesign@claudiotoyama.com>.

63
webdesign

Luli Radfahrer
PhD em Comunicação Digital, já dirigiu a divisão de internet de algumas das
maiores agências de propaganda e de alguns dos maiores portais do Brasil. Hoje, é
Professor-Doutor da ECA-USP, Diretor Associado do Museu de Arte Contemporânea
e consultor independente. Autor do livro ‘design/web/design:2’, administra uma
comunidade de difusão do conhecimento digital pelo país.
webdesign@luli.com.br

Porque odiamos slideware

Qualquer pessoa de bom senso odeia uma reunião. Pior ainda se essa reunião se der em
uma sala fechada, escura, em que um sujeito de terno faz um ditado besta enquanto avança
telas intermináveis cheias de textos enormes que piscam, cantam e voam. Componentes es-
senciais da chatice corporativa, as apresentações gerenciais em que se usam programas de
slideware para projetar conceitos em um telão são para muitos o equivalente do inferno com
ar-condicionado. Neles, o visual é um must: a escolha dos formatos, cores, fundos de tela e
imagens é, em muitos casos, mais importante que o conteúdo a ser apresentado.
Qualquer estagiário de arte sabe que escolher padrões de fundo de difícil leitura, abusar
de contrastes agressivos (como azul-amarelo), degradês, efeitos especiais ou gráficos
tridimensionais são práticas comuns para desrespeitar seu público. Isso, sem contar o odioso
hábito de se transferir um texto inteiro para a apresentação e ler o conteúdo tela a tela, cha-
mando a platéia de analfabeta. Por que será que é tão difícil para os clientes entenderem isso?
Provavelmente, porque eles não fazem a menor idéia do que realmente signifique design.
Por mais chic que seja o termo, repetido em todos os lugares, são poucos aqueles que realmen-
te se preocupam em usar os elementos visuais para transmitir uma mensagem. A maioria não
sabe e nem quer saber. Mas, mesmo inconscientemente, o usa.
Apresentações à base de slideware costumam obrigar a platéia a observar, em silêncio, o
discurso do apresentador. Ao elevar a forma sobre o conteúdo, esse tipo onipresente de reu-
nião transforma tudo em discurso de vendedor. E, como todo vendedor, acha que é o maior do
mundo e que tem uma capacidade ilimitada de fazer amigos e influenciar pessoas. Sua conveni-
ência sacrifica o conteúdo e a audiência.
O slide médio tem, em geral, pouquíssima informação e pode ser lido pela audiência em
segundos (por falta de coisa melhor, ela costuma fazê-lo). Por isso, são necessários muitos de-
les para se passar qualquer conteúdo que preste. A constante repetição torna o discurso mo-
nótono, anestesia a platéia em uma chatice hipnótica e mina qualquer resistência.
Em termos de design, esses programas são um atentado: as cores não fazem sentido nem
para um daltônico, as cliparts são infantis de se dar medo e, acima de tudo, a forma não reflete
o conteúdo, o que torna a apresentação gráfica muitas vezes estéril e inútil.
Ao quebrar, monopolizar e banalizar o conteúdo, esse formato de apresentação acaba
funcionando como um frevo de trio elétrico ou enredo de escola de samba: incoerente, baru-
lhento, longo, simples, descartável, pitoresco, patético.
O slideware corre o risco sério de se tornar o substituto da apresentação que deveria com-
plementar. Por ser popular, pragmático e de aplicação simples, ele já se espalha além dos domí-

64
 webdesign
“se seu discurso é entediante,
pode ser por uma falha de conteúdo
ou contexto, não de decoração”

nios das empresas. Muitos professores disponibilizam suas

aulas nesse formato, e não são poucos os sistemas de apren-
dizado à distância que fazem o mesmo, correndo o risco de for-
mar uma geração incapaz de escrever um texto corrido, já que
se comunicará por tópicos.
Enfim, o slideware nos ajuda a esquecer as máximas de
uma boa exposição: se seus números são chatos, você tem
os números errados; se seu discurso é entediante, pode ser
por uma falha de conteúdo ou contexto, não de decoração
(portanto, colorí-lo, ilustrá-lo ou animá-lo não o tornará mais
relevante).
E, acima de tudo: respeite a inteligência da platéia.

65
66