You are on page 1of 68

julho 2005 :: ano 2 :: nº19 :: www.arteccom.com.

br/webdesign

publicidade
R$ 7,90 e d i t o r a

arteccom

online
criatividade,
personalização
e estratégias
para aparecer
na web

entrevista:
Suzana Apelbaum
prova que viver intensamente é
essencial para alimentar boas
idéias

portfólio: 10’ Minutos


“Há vida além do webdesign.
Mídia, gerência de projetos,
atendimento... algumas funções
apresentam mais oportunidades
de trabalho” Michel Lent

case: Shoptime.com
o projeto mostra como é
possível convergir tv e web,
sintonizando as campanhas
dessas diferentes mídias

sites experimentais
veja como eles podem enriquecer seu portfólio e abrir as portas para novos clientes
direitos autorais
3
Equipe

Editorial
quem somos

“Publicidade tem alto impacto e vida Direção Geral


Adriana Melo
curta, design tem baixo impacto e vida adriana@arteccom.com.br
Direção de Arte
longa” Patrícia Maia
Assim, o veterano designer Alexandre Wollner conseguiu distinguir, patricia@arteccom.com.br
Ilustração
sucinta e eficazmente, essas duas profissões. Mas isso não quer dizer Beto Vieira
beto@arteccom.com.br
que elas estejam tão distantes assim, principalmente quando se fala de
Diagramação
um ambiente multidisciplinar como a internet... Jeferso n Costa
jeferson@arteccom.com.br
Numa agência web, convivem profissionais das mais diferentes
Direção de Redação

:: 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.
áreas (jornalismo, marketing, design, negócios etc.). Dessa forma, Andr é Philipp e Iunes
andre@arteccom.com.br
quanto mais valorizarmos e aprendermos com essa diversidade, melhor Redação
Tatiana Serra
será a sintonia entre os setores e isso se refletirá na qualidade do
tatiana@arteccom.com.br
produto final. Assinaturas
Jan e Costa
Nesta edição, vamos conhecer mais sobre o papel do publicitário na
jane@arteccom.com.br
web, que começa na criação de uma campanha e vai até a análise dos Gerência de Tecnologia
Fabi o Pinheiro
resultados obtidos. Discutiremos sobre inspiração, criatividade, fabio@arteccom.com.br
Webdeveloping
estratégias e relacionamento. Dentro disso, alguns profissionais falam
Eric Nascimento
sobre a personalização da propaganda e a importância de tratar, cada eric@arteccom.com.br
Financeiro
vez mais, o consumidor com exclusividade e, principalmente, com
Luana Rocha
emoção. Resgatar o lado humano, tocar os sentimentos, emocionar: luana@arteccom.com.br

essa deve ser nossa busca com design, publicidade, jornalismo ou


A Arteccom é uma empresa de design, especializada na
qualquer outra especialidade na web. criação de sites e responsável pelos seguintes projetos:
Revista Webdesign :: www.arteccom.com.br/webdesign
Boa leitura a todos! Curso Web para Designers :: www.arteccom.com.br/curso
Encontro de Web Design :: www.arteccom.com.br/encontro
Portal Banana Design :: www.bananadesign.com.br
Projeto Social Magê-Malien :: www.arteccom.com.br/ong

Criação e edição
www.arteccom.com.br
Adriana Melo
Produção gráfica
www.prolgrafica.com.br

Distribuição
www.chinaglia.com.br

4
menu
apresentação matéria de capa

pág. 4 quem somos pág. 20 entrevista: Suzana Apelbaum

pág. 5 menu pág. 26 Tudo para chamar atenção

contato e-mais

pág. 6 emails pág. 40 estudo de caso: Shoptime.com

pág. 6 fale conosco pág. 46 artigo: Alquimistas da web


pág. 54 tutorial : Padrões Web

fique por dentro


pág. 8 direito na web com a palavra

pág. 10 clipping pág. 58 webwriting: Bruno Rodrigues

pág. 11 adote esta página pág. 60 marketing: René de Paula Jr.


pág. 62 criação: Marcos Nähr

portfólio pág. 64 webdesign: Luli Radfahrer

pág. 12 veterano: 10’ Minutos


pág. 18 calouro: Osmar Junior
emails

Assunto: Está chegando...


Aqui em Sorocaba, temos
Olá,
uma certa dificuldade para
Gostaria que, além dos
encontrarmos bons projetos.
modelos de Briefing e Tabela
Geralmente, quando você
de valores, o site da
começa a falar sobre valores
Webdesign tivesse também
acima de R$ 1000,00 o
um Modelo de Contrato de
cliente já expressa
Prestação de Serviço, pois
certa insatisfação. Talvez a
acho que seria muito útil.
maioria das pessoas ainda
Fernando Souza
fernando@fesz.net não dê o devido valor para
Projetos Web, ou o
Fernando, temos uma boa notícia: afastamento da cidade em
relação à capital (São Paulo)
estamos redesenhando o site da
interfira no quanto a pessoa
revista, que terá, além do modelo de
espera investir em projetos
contrato que você sugeriu, outras
desse tipo (se bem que as
novidades, como um fórum para os
diferenças, devido às
leitores trocarem opiniões sobre as distâncias geográficas, fazem
edições. Veja ao lado uma prévia cada vez menos sentido). 
Oi Antônio, Assunto: Debate: valores de
do layout, só para dar um “gostinho”... sites
Conforme pedido, envio, em anexo,
e aguarde o lançamento oficial ;) Nossa, que diferença. Mas você deve
o debate, a entrevista e a matéria
Gostaria de fazer uma sempre explicar o valor do seu
principal da Revista Webdesign nº 17.
Assunto: Auxílio observação quanto aos trabalho, ok? O que o cliente está
Abraços!
valores divulgados na tabela adquirindo e que retorno terá, para
Sou assinante da revista do site da webdesign, não sei que ele entenda como um
Muito obrigado pela resposta. se você poderá esclarecer...
desde o primeiro número e investimento.
A matéria será de grande Tenho alguns amigos em
fico muito satisfeito com a Ah, gostaria de aproveitar para fazer
valia para a conscientização agências aqui em Sorocaba e
abordagem feita e os uma pesquisa “informal” sobre
do pessoal da minha equipe e os valores causaram
assuntos tratados até hoje. O
valores de sites.
minha gestora. discórdia. Como vocês
tema abordado na edição 17,
Abraços e parabéns (que Peço aos leitores que me enviem
conteúdo, é atualmente nosso chegaram a esses valores?
nunca são demais) pela emails com uma média dos valores
calcanhar de Aquiles aqui na Aproveito o email para
excepcional revista. cobrados em suas cidades. Aguardo
administração do nosso portal parabenizá-la pelo excelente
de comunicação de vendas. Antônio Felipe Fernandes trabalho apresentado pela o contato de vocês! Divulgaremos
asfernandes@timbrasil.com.br os resultados no novo site da Revista!
Bem, o que venho lhe pedir é Arteccom e pelo excelente
se eu poderia receber a conteúdo da revista []’s
matéria via e-mail para poder Webdesign e do site Adriana
apresentar a minha gerente e BananaDesign. adriana@arteccom.com.br
ao meu coordenador. Grato,
O mais importante para nós é Vinicius Serpa
www.vserpa.cjb.net
o debate pois até cita a
ferramenta que estamos
adotando: Vignette. Olá Vinicius,
Desde já agradeço a atenção. Bem, fizemos uma pesquisa com os
Abraço. profissionais das agências do eixo Rio-
-São Paulo. O que vocês acharam
dos valores?

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


:: Os emails são apresentados resumidamente. :: Sugestões dadas através dos emails enviados à revista passam a ser de propriedade da Arteccom.

6
7
direito na web

Imagens e direitos autorais


Gostaria de saber se eu posso modificar imagens, fazer montagem com fotos e
outras imagens e colocar no meu site.
Luckinha (luckasffernandes@yahoo.es)

As imagens podem ser digitalizadas, nas imagens (fotos), o que demandaria


sendo passadas do suporte gráfico para o também o consentimento de artistas,
suporte virtual ou fixadas diretamente arquitetos, cenógrafos.
através de câmaras digitais. Podem ainda ser Só não se constitui como violação as
criadas por designers gráficos (autores da paródias, ou seja, caricaturas ou alterações
obra, no caso). À exceção do próprio em fotos com finalidade humorística, uma
Marianna Furtado é advogada fotógrafo ou da pessoa a quem cedeu forma de liberdade de expressão do
com pós-graduação em Direito
da Propriedade Intelectual
direitos de comercialização, ninguém mais pensamento crítico. Diz o legislador nessa
pela PUC-Rio. Atualmente, poderá colocá-la no espaço virtual (web). E o hipótese, no entanto, que as alterações não
pertence à equipe do escritório
Montaury Pimenta, Machado & mais importante: ninguém poderá alterar a poderão implicar-lhe (à obra) descrédito.
Lioce Advogados.
foto se não seus autores ou titulares. Como essa linha é muito tênue, prevalece o
Envie sua dúvida para: Portanto, modificar ou fazer montagens interesse público manifestado através do
marianna@montaury.com.br
utilizando imagens alheias, alargando-as, exercício do humor, sobre o direito individual
diminuindo-as, alterando-lhe as projeções, do autor ou do artista, desde que não
seccionando-as, modificando suas cores ofendam alguém em particular.
geram danos de ordem moral ao autor e, em
alguns casos até material, vez que são atos
contrários a legislação vigente, o que enseja
a condenação do infrator em reparar os
danos causados ao autor da imagem
(fotografo ou designer).
O acima exposto se aplica no caso do
fotógrafo, por exemplo, titular de direitos
autorais sobre a fotografia que clicou,
porque ilícitos outros, como alterar o rosto
ou o corpo da pessoa retratada, implicam
violações aos direitos de personalidade da
pessoa retratada, e também dos direitos de
outros autores de desenho, pintura,
gravura, escultura, maquete de engenharia
ou arquitetura, projeto cenográfico e
assemelhados, porventura representado

8
9
clipping

Brasil é campeão em navegação Complemento de nossa edição 18


pela Web Para complementar nossa matéria sobre Cursos, destacamos a ENG
DTP & Multimídia, que também mantém instalações de treinamento e
Último ranking da Nielsen/NetRatings mostra o Brasil como líder de tempo
capacitação em tecnologias web para atender portadores de
de navegação na Web, no mês de abril. Os brasileiros passaram em
deficiência físicas. Visitamos a empresa em São Paulo e coletando
média 15 horas e 14 minutos “folheando”, em casa, páginas de sites,
novos aspectos que impressionam os visitantes.
tomando o primeiro lugar do Japão (14 horas e 20 minutos) e dos
Além da equipe capacitada, com certificação nas tecnologias mais
Estados Unidos (13 horas e 21 minutos).
procuradas pelos alunos, a empresa inaugurou um novo laboratório
Os sites governamentais continuam
totalmente projetado para atender às necessidades educacionais em
entre os mais visitados, ao lado
vários níveis e para atender à grande procura pelos seus cursos e
dos blogs e dos relacionados à
provas de certificações.
saúde. O Nielsen/
”Para poder atingir este nível, investimos regularmente há mais de
NetRatings apurou ainda
12 anos na capacitação e certificação de nossos instrutores e o nosso
que houve um aumento
laboratório recebeu novos equipamentos DELL com com monitores
do uso da internet entre
Slim de tela plana, e foi instalado num espaço climatizado e
20 e 22 horas, horário
altamente adequado para uso dos alunos”, afirma o engenheiro
nobre da televisão.
Álvaro José Venegas, diretor da ENG.
(01)
A nossa reportagem constatou também que a ENG, para atender a
um mercado altamente competitivo onde cada vez mais as empresas
Telecom japonesa transmite cheiros buscam profissionais altamente treinados, anunciou novas turmas
pela internet para cursos e certificações COREL, Macromedia, Microsoft e Adobe,
Depois de muitas empresas terem tentado sem sucesso, a NTT incluindo treinamento para o desenvolvimento de aplicações
Communications, do Japão, anuncia a criação de um dispositivo que multimídia e multitarefas a partir do uso de softwares da COREL,
transmite cheiros pela internet. Segundo o USA Today, o aparelho, Macromedia, Microsoft e Adobe para uso em plataformas LINUX e
semelhante a uma bola de cristal, acoplado a um PC por uma porta USB, Microsoft. Os treinamentos emvolvem a criação de aplicações para
recebe informações do site da NTT e as transforma, por meio de um web services com acesso a banco de dados e aplicações para uso na
software, em diversos aromas, misturando substâncias armazenadas em comunicação móvel. Mais informações: http://www.eng.com.br .
seu interior. A NTT começará a vender a engenhoca somente no Japão
no próximo trimestre por cerca de 680 dólares.
(02)

Vírus bloqueia arquivos e pede resgate


Um novo tipo de vírus, que começa a se espalhar pela internet promete
dar muita dor de cabeça. Ele bloqueia os arquivos das máquinas
infectadas e pede resgate de US$ 200 dólares para liberá-los.
Descoberto pelo Websense Labs e batizado de “seqüestrador digital”, o
vírus traz também um endereço de e-mail através do qual a vítima pode
se comunicar com o seu autor para pagar o valor do resgate.
O FBI, que está investigando casos já
relatados, quer saber como o
estelionatário receberá o
dinheiro. Uma coisa é certa:
por conta bancária não
é porque seria fácil
rastreá-lo.
Erratas
(03)
1. Na edição anterior, a URL da R3F está incorreta. O endereço
certo é: www.r3f.com .
(01) www.estadao.com.br/tecnologia/internet/2005/mai/18/120.htm
2. Na mesma edição, na seção “portfólio calouro”, não publicamos
(02) www.estadao.com.br/tecnologia/internet/2005/mai/25/33.htm
(03) www.estadao.com.br/tecnologia/internet/2005/mai/24/154.htm
a url da agência Beta: www.betaid.com.br.

10
adote esta página

A renda deste anúncio é integralmente revertida para o projeto Magê Malien - Crianças que brilham.
adote
esta
Anunciando aqui, a AZMT contribuiu com o Magê Malien, projeto social que
possibilita a crianças de comunidades carentes, o acesso à educação, arte e cultura,

página
através da prática da capoeira, dança e oficinas de teatro.

!
Faça como a AZMT, anuncie nesta página e ajude a manter o brilho dessas crianças.

Informações: tel. 21 2253-2464/e-mail publicidade@arteccom.com.br


Visite o site www.arteccom.com.br/magemalien

11
11
portfólio veterano :: 10’ Minutos

10’Minutos
para interagir
por Tatiana Serra

O mundo da comunicação tradicional, ou unilateral, hoje divide espaço com a interatividade. Para o

público, as opções aumentaram, e para as empresas, ficou mais prático e “inteligente” contratar
uma única agência que integra todas as etapas de um negócio com uma mesma linguagem.

Enquanto as novas mídias, o celular, a internet, a tv interativa e outros tipos de MOD (mídias on-

demand) ganham espaço no mercado, antes ocupado apenas pela tv, pelo rádio e pela mídia
impressa, a agência 10’ Minutos Interactive foca seu trabalho na mídia interativa, dando especial

atenção ao marketing online e ao design de interface.

12
12
portfólio veterano :: 10’ Minutos
10’Minutos :
Nascida em 1996 no Rio de Janeiro, e desde 2002 em São
A 10’Minutos foi assim batizada com base em uma pesquisa
Paulo, a 10’Minutos Interactive segue os moldes das que, em 1996, indicava que o tempo médio de navegação em
agências de publicidade tradicionais que, geralmente, trabalham um site era de 10 minutos. “Achamos também que era legal ter
um nome menos usual, misturando números, e que fosse fácil
com clientes de diversos segmentos, sempre procurando evitar o
de se guardar”, diz Michel Lent.
conflito de interesses. “Portanto, buscamos ir mapeando o
mercado para trabalhar com, ao menos, um cliente de cada
segmento: entretenimento; alimentação; bebidas; bancos etc. O programadores e gerentes de projeto. Em negócios:
diferencial da 10’Minutos está na sua experiência de mercado e planejamento, atendimento, mídia e novos negócios.
foco no marketing para as novas mídias”, diz Michel Lent Fazendo parte da 1ª geração de empresas de internet do
Schwartzman, sócio-diretor da agência. País, a 10’ é considerada como referência no mercado web.
A 10’ considera a busca do equilíbrio entre a criatividade, a “Iniciamos a 10’ sem 1 centavo de investimento, em um quarto da
inteligência de planejamento, a qualidade de produção e a minha casa, no Rio de Janeiro. Nossa estratégia inicial, para
maximização de resultados, como seu produto final. Para Michel, ganhar visibilidade, era trabalhar sites de personalidades que
este equilíbrio, normalmente bem difícil de se conseguir, deveria gerassem mídia espontânea”, lembra Michel. Os dois primeiros
ser condição “si ne qua non” de qualquer projeto. Afinal, “de que projetos foram o site do cantor Ivan Lins e do jogador
adianta um trabalho criativo, se ele não traz resultado para o Ronaldinho. “Este (o do Fenômeno) gerou até uma notícia de 40
cliente? Para que serve um projeto muito bem executado segundos no Jornal Nacional. A exposição do nosso trabalho
completamente fora do prazo?”. trouxe, na seqüência, clientes de porte, como a IBM e a
Foco, planejamento, visão de futuro e austeridade Petrobras”, destaca ele.
administrativa Pedra no sapato do cliente e da agência
Segundo Michel Lent, “o sucesso de uma empresa é, antes Relembrando as histórias dos primeiros sucessos da agência,
de tudo, sua sobrevivência financeira e, em seguida, ver onde Michel considera que o maior problema enfrentado pelo designer na
ela consegue chegar”. Para atingir o equilíbrio e conquistar o criação de um site é conciliar um belo projeto de interface (funcional,
sucesso a cada projeto, a equipe 10’Minutos é composta por 30 elegante, adequado) com os objetivos do cliente. “Estes dois
profissionais e está estruturada em 2 áreas: criação e negócios. mundos estão sempre se sobrepondo. Conseguir levar adiante um
Na criação: diretores de arte, designers, redatores, bom projeto de interface que cumpra os objetivos do cliente é uma
tarefa complicada; exige uma boa dose de colaboração e
perseverança por parte dos dois lados”, confessa ele.
E, um bom relacionamento com os clientes depende de
alguns fatores. Para tratar esses fatores, Michel Lent aposta
numa mistura de profissionalismo e psicologia. É preciso trabalhar
com método, prazo, qualidade, além de entender o que o cliente
quer e do que ele precisa. “Costumo falar pra minha turma de
atendimento que o principal é descobrir onde está a pedra do
sapato do cliente, com o que ele se incomoda, do que ele precisa.
Se conseguirmos descobrir isso e, como resposta, entregarmos
um projeto profissional, estaremos chegando perto de um bom
www.carmim.com.br/verao2005 relacionamento...”, completa Michel.

13
13
portfólio veterano :: 10’ Minutos

RSS :
Internet: principal ponto de contato
Segundo o sócio-diretor da agência, a internet é o mais perto É um formato de distribuição de informações pela Internet,
como notícias. Ao usar RSS, o internauta fica sabendo
que um consumidor pode chegar de uma marca. “Nenhum
imediatamente quando uma informação do seu interesse é
consumidor visita o prédio da empresa da marca ou encontra algum publicada, sem que ele tenha de navegar até o site de notícias.

representante na rua. A presença na internet é, portanto, o principal O UOL é o primeiro portal brasileiro a implementar o RSS.

ponto de contato”. Ele lembra ainda que, “se tivermos isso bem claro
na cabeça, o resto vem automaticamente”. E basta entender que a Designer gráfico, mestre em Telecomunicações Interativas pela
divulgação da marca na internet implica em boa apresentação, New York University, Michel teve a felicidade de começar a carreira
informações, serviços, adequação de conteúdo etc. no momento em que a própria carreira estava começando, o que lhe
Michel acredita que “estamos vivendo um momento único na dá status de pioneiro. “O status de pioneiro te dá privilégios, mas
história do mundo. Estamos vivenciando uma revolução tecnológica também traz obrigações. Sinto que temos um papel importante na
que afeta mercados, produção, comunicação, indústria. É um formação profissional do nosso mercado, tanto no treinamento de
momento fantástico para estar no nosso mercado (web)”. pessoas no trabalho, quanto na publicação de artigos, matérias e
Começando junto com a carreira palestras”, admite ele.
A 10’Minutos pretende se consolidar entre as 10 maiores ROI: peça-chave da internet
agências de mídias interativas do País. E, para trabalhar com Por falar em artigos, em “Esse tal de ROI” - um dos artigos de
comunicação interativa, é preciso ser interativo também, Michel Lent, que pode ser encontrado no site da 10’Minutos -, ele fala
especialmente, no momento da inspiração. Se definindo como um sobre a importância de ter um bom plano de ROI para colocar um
consumidor de mídia audiovisual compulsivo, Michel Lent passa o dia projeto na internet, além da necessidade de comprovar esse retorno
na internet, a noite na tv assiste de 8 a 10 filmes por semana (entre constantemente, para que o projeto seja levado a sério. E que,
cinema, DVD e tv a cabo), assiste novela, jornal, ouve rádio e se enfim, hoje, há a constatação de que os projetos são, sim,
informa via RSS. “Acho que a inspiração vem da mistura de todos interessantes do ponto de vista do ROI.
estes elementos de informação dentro da minha cabeça”, diz ele. Para Michel, este famoso “ROI” é uma das peças-chave da
internet. “É um dos poucos ambientes onde é possível se ver na luz a
verdade sobre o retorno dos projetos: quantas pessoas clicaram no
banner, quantos visitantes, quantos cadastros, quantas vendas”.
Ele diz que há um lado bom e um lado ruim, ambos mostrados pela
internet: é bom poder medir e é ruim perceber que nem sempre os
números são tão fantásticos assim.
O sócio-diretor da 10’ acredita que, em qualquer projeto de
internet, “é fundamental definirmos exatamente o que queremos
com ele e de que forma vamos medir o seu sucesso. Colocar um site
na rede sem divulgação e esperar que isso aumente suas vendas é,
por exemplo, um ROI mal pensado (uma vez que ninguém visita um

ROI :

Return Of Investment ou Retorno de Investimento.

14
14
portfólio veterano :: 10’ Minutos
site sem qualquer divulgação)”. Por outro lado, ele ressalta Campanha ‘Você Nasceu Para Voar’, TAM
que, “usar a web como mídia tem se mostrado extremamente Recente campanha feita para a Young&Rubican / TAM. “Nossa
vantajoso para os anunciantes, que, comparando com outros parceria com a Y&R começou no momento da concorrência, quando
meios, gastam muito menos para divulgar e vender”. participamos com ela do processo, uma vez que a internet é uma mídia
Atuais Projetos estratégica para este segmento”.
A respeito dos atuais projetos da 10’minutos, Michel
informa que a agência iniciou um contrato com a Fox para o
marketing online de seus filmes no Brasil e em 24 países da
América Latina. O primeiro projeto da agência foi o lançamento
do filme 5J=H9=HI111. Segundo Michel, há uma renovação
freqüente de clientes, “no sentido de que temos crescido em
número de clientes. Mas, geralmente, nosso relacionamento
com eles se dá em longo prazo, com uma carteira fixa, seja por
projetos ou free mensal”, explica ele.
A 10’Minutos também tem trabalhado ativamente com a
Globo.com, o Banco Real, a Gradiente, a Kaiser e a Seara. Além www.bancoreal.com.br

dos clientes diretos, trabalhamos também em parceria com


agências como a Africa e a Young & Rubican. Entre os projetos
da 10’, Michel destaca dois de interface e uma campanha:
Redesenho do Portal Brasil, Banco Real
O primeiro projeto de peso da 10’Minutos, em São
Paulo, foi o redesenho do Portal Brasil, do Banco Real.
Foram feitas todas as áreas abertas do portal, criando
normas e manuais de estilo para a manutenção. O projeto
correu durante 8 meses, nos anos de 2002 e 2003, e foi
importante por diversas razões: ”vencemos uma
concorrência de muito peso, com diversos players, em uma www.paparazzo.com.br

época que a 10’Minutos tinha apenas cinco pessoas”, diz


Michel, destacando também que “o altíssimo padrão técnico
e acadêmico do cliente exigiu muitíssimo da 10’ em termos de
planejamento e documentação”.
Redesenho Paparazzo, Globo.com
Recém-finalizado (maio de 2005), este foi um projeto
desenvolvido a quatro mãos pelas equipes da 10’Minutos e da
Globo.com. “Neste projeto, o foco da 10’Minutos ficou 100%
no projeto de interface, uma vez que a implementação também
ficou a cargo do cliente. O resultado pode ser conferido online
no www.paparazzo.com.br.” Campanha online para a TAM em parceria com a Young & Rubican

15
15
portfólio veterano :: 10’ Minutos

Conheça um pouco mais sobre Michel Lent


Michel Lent Schwartzman decidiu fazer Design Gráfico porque “multimídia” era um conceito quase inexistente em 1988. Era
aficcionado por computadores, música, fotografia e cinema. “O Design era onde eu podia chegar mais perto de todas estas coisas.
Se fosse para começar de novo, acho que faria tudo de novo, ou iria para Hollywood tentar a vida como diretor de cinema”, diz ele,
que nasceu nos Estados Unidos, mas passou a maior parte da vida no Brasil, já que sua família é brasileira.
Michel já palestrou em universidades e instituições por todo o Brasil, desenvolveu dezenas de projetos de comunicação
interativa, estruturou departamentos, equipes e processos. Ele também participou e ganhou diversos prêmios internacionais,
quando trabalhava em outras empresas. Entre eles: Cannes, New York Festivals, Clio e One Show. Para o próximo ano, ele planeja
inscrever a 10’Minutos em prêmios, pela primeira vez. “Prêmios e resultados nem sempre caminham juntos, mas acho uma forma
legítima de se reconhecer o que consideramos bom”, ressalta Michel, que também está envolvido em premiações como articulista
do Webinsider, júri do Prêmio Ibest, desde 1999, e do Festival de Gramado. Aos 36 anos, ele também é coordenador de design
interativo da Miami Ad School e professor do MBA da ESPM (Escola Superior de Propaganda e Marketing).
Michel costuma desenvolver projetos experimentais voltados ao conteúdo, serviço ou comunidade. Ele criou o “Que Página Legal”,
depois, o “Eu Vi Primeiro”, o “Top 10 Brasil” e o “WDJobs” (que hoje se chama ClickJobs). “Mantenho o meu fotolog comunitário de fotos do Rio
de Janeiro (www.fotolog.net/rio) e, mais recentemente, comecei o ‘Viu Isso?’ (www.viuisso.com.br), meu blog de notícias comentadas”.
Além disso, Michel criou a WDBrasil (listas de discussão), em 1996, devido a dificuldade de encontrar pessoas que fizessem o mesmo que
ele. Logo, a WDBrasil se tornou a mais importante do País, e foi assim durante alguns anos, “reunindo uma turma muito legal e dando espaço
a iniciativas muito interessantes como a PROMIT, sites e projetos coletivos”. As listas ainda se mantêm ativas, divididas em 4 grupos de
interesse. A WDDesign é a mais importante, com cerca de 1900 assinantes. As inscrições podem ser feitas pelo site da 10’Minutos.

Dicas
Michel se considera absolutamente entusiasmado pelo meio no qual trabalha. “Trabalhar pra mim é um grande prazer,
e isso me parece um raro privilégio”, afirma ele. Porém, há uma coisa que deixa Michel triste: “jovens com a cabeça voltada
para o passado, para o velho, para os modelos que já eram, que não percebem o momento especial em que vivemos e as
oportunidades que eles estão perdendo. Não posso exigir que um profissional de 50 anos de idade entenda todo este
contexto, mas, para um jovem, esta é sua obrigação”.
Ele aproveita para dar algumas dicas aos profissionais que estão começando no mercado da web:
- Absorva o máximo de informação especializada (da nossa área) que você conseguir:
revistas, jornais, sites, fofoca entre os amigos - saiba quem faz, o que e aonde;
- Compreenda o movimento do mercado e suas especializações. Cada vez mais, as
empresas começam a se especializar em nichos: marketing, e-learning, sistemas, design de
interfaces, publicidade. Entenda o funcionamento destes segmentos, escolha o que mais lhe
interessa e procure se especializar;
- Entenda as diferentes disciplinas existentes no mercado. Há vida além do
Webdesign. Pense em tecnologia, mídia, gerência de projetos, atendimento. Determinadas
funções apresentam muito mais oportunidades de trabalho.

1616
17
portfólio calouro :: Osmar Junior

Design no mundo de Oz por Bete Veiga

Osmar Licio Ferreira Junior, também conhecido como OZ, cursa o quarto e último ano do curso de

Design da Universidade Estadual de Maringá e já leciona Web Design no Cebrac (Centro Brasileiro de
Cursos) de Cianorte, no Paraná. Aos 24 anos, nascido em Santos – SP, há dois anos desenvolve

trabalhos como freelancer, conseguindo novos projetos com freqüência quinzenal ou até semanal.

Tudo começou através de um amigo proprietário de uma Músico nas horas vagas (toca vários instrumentos), Oz também
empresa de web, que necessitava de layouts bem elaborados para os curte desenhar, ler, ir ao cinema, ver filmes em DVD e jogar
web sites de seus clientes. Hoje, com mais de 40 jobs de layout para videogame. Suas metas? Lançar uma empresa de design bastante
web realizados (dentre eles para o Centro Acadêmico Bauhaus, o abrangente e arranjar uma brecha na correria diária para se dedicar
Paraná Fashion, a Expovest, o International Job USA, a Aldeia a algum esporte. Isso... por enquanto!
Web), Osmar tem uma rotina de freela, que inclui liberdade de
horários e oscilações de renda. Geralmente, trabalha sozinho, mas
possui parceiros que são acionados quando necessário.
Experiente, aprendeu muito da profissão na prática, em sites,
livros e fuçando muito. Ainda assim, reconhece o valor da formação
universitária. ”Acredito que esta experiência me forneceu subsídios
importantíssimos na vivência do dia-a-dia de um webdesigner.
Aprendi as malícias e armadilhas da web meio que na marra, porém,
uma formação universitária pode aprofundar temas e conceitos que,
talvez, a prática não nos forneça”.
Dos tempos de funcionário efetivo, cita uma passagem www.jobusa.com.br

marcante, que lhe serviu de lição: “Desenvolvi o layout de um website


para uma confecção após analisar a empresa, sua identidade visual,
o estilo de sua nova coleção e suas necessidades, embasado em
várias regras de percepção visual, gestalt (percepção das formas),
psicodinâmica de cores, tudo num processo consciente. Apresentei o
layout pronto ao chefe, que ordenou uma série de alterações e
pediu que eu enviasse ao cliente para aprovação. Como teste,
resolvi enviar os dois layouts, o meu e o alterado pelo chefe.
Resultado: o cliente adorou o layout feito por mim e ficou realmente
satisfeito com o trabalho. Isso mostra que, apesar das pressões, se
você confia no seu trabalho e conhecimento, você será reconhecido”. www.macksonn.com.br (realizado em parceria com a Marknet Web Solutions)

O site de Osmar Junior é <www.mundooz.com.br> e o email para contato, <contato@mundooz.com.br>.


Para participar da seção portfólio, cadastre-se no site www.arteccom.com.br/webdesign.

18
19
entrevista :: Suzana Apelbaum

É vivendo que se cria Por André Philippe Iunes

“A publicidade, seja ela em que meio for, trabalha com as emoções humanas, e não há exercício

melhor do que viver intensamente para ser iluminado por boas idéias”. São com essas palavras que
Suzana Apelbaum, uma das profissionais de criação mais premiadas do mercado, define a postura

que o publicitário, independente de qual mídia atue, deve ter com relação aos processos criativos.
Em uma conversa informal, Suzana fala à Webdesign sobre questões referentes à evolução da

propaganda online no Brasil e destaca alguns pontos importantes quanto ao uso dos formatos
existentes hoje. Atualmente como diretora de criação da RMG

Connect, sua trajetória inclui passagens por renomadas

produtoras, como a MLab e a Agência Click, e projetos


realizados para a Coca-Cola, Fiat, Brastemp, Warner Bros

Pictures, C&A, Credicard e MSN. Eleita a profissional do


ano em criação pelo prêmio Meio&Mensagem 2004,

Suzana já conquistou algumas estatuetas nos


maiores festivais internacionais de propaganda

online, como Cannes Cyber Lions, One Show-NY,


Clio, London International Awards; além dos

nacionais, como Prêmio Colunistas, About,

MSN MMonline e iBest. A seguir,


compartilhe um pouco de sua experiência

e, se possível, leia essa entrevista em


um local arejado. Quem sabe não

surge uma idéia criativa?

20
entrevista :: Suzana Apelbaum
Wd :: Como você analisa a evolução da estratégias :
Algumas formas de trabalhar a segmentação na internet:
publicidade no meio online? Quais fatores
- E-mail marketing - Segmentação por perfil demográfico
influenciaram os modelos de persuasão existentes (mulheres, residentes em SP, no bairro do Morumbi, casadas, com
hoje na rede? três filhos e um cachorro) ou seleção de assuntos escolhidos pelo
internauta para receber por e-mail (ex. dicas sobre saúde).
Suzana :: A publicidade online evoluiu muito e numa
- Mensagem publicitária segmentada nos portais -
velocidade enorme. O quadro hoje no Brasil é radicalmente Identificação do usuário através do discador do provedor (dial-up
diferente do que tínhamos há dois anos. Os fatores que ou banda larga).
- Identificação do usuário por meio do login ou
tiveram mais influência nisso são: a aparição de novos
histórico de navegação – exemplo: Yahoo!, Amazon etc.
formatos de publicidade online, o incremento do uso de - Segmentação por Comunidade - grupos de discussão,
banda larga e o conseqüente aumento de investimentos dos blogs, sites de relacionamento.
- Segmentação por Conteúdo - Adequação da mensagem
anunciantes na internet.
publicitária a um conteúdo especializado.
Com os novos formatos, abriu-se mais espaço para
a criatividade e os anúncios tornaram-se mais atraentes
e eficientes. Em paralelo, o uso de banda larga amplia a
visibilidade de anúncios com vídeo, o que abre um novo
h o r i z o n t e p a r a v e i c u l a r c o m e r c i a i s d e t v, t r a i l e r s d e
filme etc.
Além disso, a aposta crescente dos anunciantes na
publicidade online vem encorajando os veículos a
oferecerem cada vez mais formatos novos, diferenciados e
até personalizados.
Wd :: Até que ponto é possível personalizar uma
propaganda online a cada tipo de usuário diferente?
Quais seriam os meios para viabilizar isso?
Suzana :: A segmentação na internet chega em níveis
de altíssima precisão. Já é possível, por exemplo, fazer um
banner exclusivo com o nome do consumidor no título. Mas
este é só um exemplo bobo. A verdade é que não existe um
ponto final na capacidade de segmentação. A cada dia
descobrimos novas formas de conhecer o consumidor online
e elaboramos estratégias diversas para ganhar a sua
atenção no meio de tantos estímulos.
Outro benefício atrelado à capacidade de
segmentação do meio internet é que, além de receber
publicidade relacionada ao seu perfil, o usuário
pode ainda interagir com a mensagem e
receber a resposta à sua interação
também de forma customizada.

21
21
entrevista :: Suzana Apelbaum

Wd :: Quais seriam as formas inteligentes de “A grande tendência é a utilização de


propaganda veiculadas na rede hoje?
vídeo nos anúncios. Hoje, é possível
Suzana :: Cada campanha tem seu objetivo e,
portanto, uma forma diferente de solução inteligente. O veiculá-los em full banners, skyscrapers,
importante é estar atento às possibilidades peculiares da
pop-ups e, até mesmo, em tela cheia”
web e cruzar isso com os verdadeiros objetivos da
campanha. Nem sempre a criatividade ou a visibilidade é a
saída mais inteligente. A questão é o pensamento estratégia em sites de comunidade, onde já havia um
estratégico por trás de cada veiculação. Para materializar interesse explícito no produto Trident e nos assuntos de
essa idéia, vou citar um exemplo recente de uma campanha chat. Além disso, compramos uma pequena base de email
desenvolvida na RMG para a Trident. A JWT tinha feito um marketing do Par Perfeito - site de match making,
comercial de tv muito bacana com os temas de chat e totalmente aderente ao tema do filme - e ainda entramos
encontro às escuras. O briefing para a campanha na com robôs dentro de chats, em salas jovens. O resultado
internet era viralizar ao máximo esse filme. No lugar de foi impressionante: uma taxa de clique nos emails de 80%,
investirmos em títulos engraçadinhos com animações e mais de 100 mil visitas ao filme em menos de uma semana.
incríveis em flash, e em mandar emails indicando o vídeo A grande sacada não era nada criativa. Era de mídia. E a
para uma base gigante de jovens, optamos por focar nossa idéia veio da criação.
Wd :: Quais são as principais tendências de
publicidade que podemos encontrar hoje na rede?
Suzana :: A grande tendência é a utilização de vídeo
nos anúncios. Hoje, é possível veiculá-los em full banners,
skyscrapers, pop-ups e, até mesmo, em tela cheia.
Em termos criativos, começamos mostrando os
comerciais de tv replicados nas peças, depois, evoluímos
para uma navegação atrelada a esse comercial, e, hoje, já
temos experimentado produzir vídeos exclusivamente para
internet - o que tem feito um grande sucesso e tem se
provado realmente eficaz. Temos dois exemplos recentes
desse tipo de produção muito bacanas: a campanha de Cross

full banner :
Banner no formato 468 x 60 pixels. Outros formatos são: half
banner, com 234 x 60 pixels, e botão, com 120 x 60 pixels.

skyscraper :
Formato publicitário que se assemelha a um “arranha-céus” e
que aparece na vertical nos sites. Os tamanhos variam entre
120 x 600 pixels e 160 x 600 pixels.

22
22
Fox, da Volkswagen, com o conceito “The legend of Omaha”
(www.legendofomaha.com.br) e a de Fire Flex, da Fiat, com
o conceito “Tanto faz” (www.fiatfireflex.com.br).
Além dos vídeos, há novos formatos muito
interessantes que estão chegando no mercado e
prometendo trazer grandes resultados. Um deles é o Ooka
Ooka, da United Virtualities. Nesse formato, o browser do
usuário se torna completamente personalizado pela marca
anunciante, dando uma cara diferente para os botões
tradicionais de navegação e ainda agregando a
possibilidade de mostrar vídeos e novos links no mesmo
espaço. Fizemos na RMG um browser deste tipo para a
campanha de Brastemp Colors, cujo conceito era “Saia do
comum”. O próprio formato já endossava a assinatura.
Há também uma série de intervenções possíveis de
se fazer nas homepages dos portais. As páginas
r a s g a m , d o b ra m , p u l a m , f a z e m o q u e s e i m a g i n a r. O
problema maior disso, além do custo, é o uso
inadequado deste formato. Por ser um tanto invasivo,
requer muita criatividade, originalidade e pertinência
ao conceito da campanha, para garantir um resultado
positivo. Caso contrário, a peça se baseia somente na
exibição do formato diferente e aborrece o usuário,
perdendo o seu sentido.
Outra novidade que vem pra ficar é a compra de links
patrocinados. É uma mídia com custo baixo, de produção
barata e alta eficácia, especialmente para alguns

www.legendofomaha.com.br

23
entrevista :: Suzana Apelbaum

interagir com a sua primeira chamada. A idéia de uma peça


na internet, então, tende a ser um pouco mais complexa,
por ter desdobramentos que variam conforme a reação de
cada consumidor.
Wd :: Em geral, qual o papel da internet dentro
de uma ação publicitária mais abrangente, em que
haja veiculação televisiva e radiofônica?
Suzana :: A internet pode assumir papéis bem
diferentes conforme cada campanha. Há situações em que
www.legendofomaha.com.br ela apenas dá apoio à ação: por exemplo, em campanhas e
promoções que rolam na tv e nas rádios, e o consumidor vai
segmentos. Esse formato já está consagrado nos Estados na internet apenas para entender melhor a oferta e ter mais
Unidos e acredito que, em breve, vá se consagrar aqui também. informações. E há situações em que a chave da ação está na
Wd :: Se pudéssemos traçar um paralelo entre a web. Nesse caso, é o rádio que assume o papel de apoio
televisão, o rádio e a internet, onde há semelhanças para divulgar a ação online. Ainda temos poucos casos em
e diferenças entre essas mídias no que diz respeito que, numa campanha envolvendo internet, rádio e tv, a
à criação de uma peça publicitária? internet tenha a maior importância. Geralmente, ela
Suzana :: Para criar uma campanha, seja ela em que funciona como complemento ou apoio. Mas existe já uma
mídia for, o criativo passa por um mesmo processo: tendência de, não só o complemento web assumir uma
desenvolve um raciocínio que o leva a um conceito. Esse importância cada vez maior, mas também da tv e do rádio
conceito criativo é a alma da campanha. O que vai mudar é a assumirem também o papel simples de chamar o consumidor
forma como ele vai se materializar em cada meio. Nesse para a ação principal na internet.
momento é que surgem as diferenças. Cada um trabalha Wd :: Qual postura que o “e-publicitário” deve
com limitações e um escopo de possibilidades diferentes. ter com relação às limitações da mídia? Até que
Isso é o que muda tudo. No rádio, por exemplo, não há ponto viabilização e criatividade andam juntas?
imagens. Então, é preciso desenvolver um raciocínio muito Suzana :: Já foi o tempo em que os formatos online
mais verbal e sonoro. Na tv e na internet, os recursos áudio- eram grandes limitadores da criatividade nas peças. Hoje, é
visuais são mais parecidos. Mas, para criar para tv, o possível se fazer praticamente tudo na internet. Dá inclusive
raciocínio de um roteiro, por exemplo, tende a ser mais pra se fazer muito mais online do que nos veículos
linear. A história começa e acaba no próprio comercial. Já na tradicionais, onde a comunicação com o consumidor é de
internet, é preciso criar já considerando que o usuário vai mão única.

“Para criar uma campanha, seja ela em que mídia for, o criativo passa por um

mesmo processo: desenvolve um raciocínio que o leva a um conceito. Esse conceito

criativo é a alma da campanha. O que vai mudar é a forma como ele vai se

materializar em cada meio”

24
24
entrevista :: Suzana Apelbaum
Criatividade e viabilidade sempre andaram e andarão Suzana :: A campanha de BMW Films. A história da
juntas, não só na publicidade online, mas também na offline. publicidade online se divide em antes e depois dela. Foram seis
Assim como várias vezes ficamos limitados ao espaço de um full filmes veiculados em série, curtas de até 10 minutos, de
banner, por exemplo, também o publicitário offline pode ter grandes diretores do cinema de Hollywood, produzidos
que fazer seu anúncio numa página simples, sendo que a idéia exclusivamente para a internet. Os veículos BMW apareciam
caberia perfeitamente num de página dupla. E mais: muitas de forma subliminar e indireta, e as vantagens do carro
vezes, ele tem apenas 30 segundos pra contar uma história, apareciam no decorrer da história. Detalhe: os filmes eram
enquanto que, na internet, temos todo o tempo que o usuário vistos apenas pela web, mediante cadastro e download. Em 4
quiser pra interagir com a nossa marca. A postura do meses, foram 3.7 milhões de cadastrados. Os direitos dos
publicitário diante das limitações deve ser sempre a mesma: a curtas foram vendidos e a produção de um DVD consolidado
de prezar pela idéia e pela sua execução com criatividade, gerou vendas, na primeira semana, superiores ao DVD da 5ª
focando no valor criativo do conceito. temporada de Friends (seriado de tv americano). O
Wd :: Em que o publicitário deve buscar inspiração Washington Post diz que o lucro gerado pelo DVD pagou o
para criar uma propaganda de sucesso na internet? investimento de 35mi da montadora. Infelizmente, este site já
Suzana :: Na vida. Não tem nada mais rico e inspirador do que foi retirado do ar.
ir ao cinema, teatro, museu, andar no meio da rua, fazer sexo, ter
filhos, viajar, não necessariamente nessa ordem (risos). A
publicidade, seja ela em que meio for, trabalha com as emoções
humanas, e não há exercício melhor do que viver intensamente para
ser iluminado por boas idéias. Pra quem quer uma resposta mais
prática, sugiro navegar nos sites de premiações internacionais,
como Cannes (www.canneslions.com), NY Festivals
(www.newyorkfestivals.com) e London International Awards
(www.liaawards.com). Lá, tem um registro excelente do que o mundo
tem feito de mais criativo e eficiente na internet.
Wd :: Em quais particularidades da mídia ele deve
ficar atento?
Suzana :: São várias peculiaridades interessantes: a
interatividade, o fácil acesso a comunidades de diversos
interesses, a possibilidade de se viralizar uma idéia, a
exposição da marca ao usuário a qualquer dia e hora -
especialmente durante o horário comercial -, a rapidez de
produção e veiculação de campanhas, o custo menor dessa
produção, a possibilidade de trabalhar segmentações inéditas
em outros meios, entre várias outras vantagens.
Wd :: Na sua opinião, qual foi a peça publicitária
que mais marcou a internet e por quê?

25
25
tudo para chamar atenção

Por André Philippe Iunes

Se observássemos uma linha do tempo mostrando a


evolução da rede no Brasil, do seu nascimento aos

dias atuais, perceberíamos algumas fases bem


definidas no que diz respeito à sua concepção como

mídia. No seu surgimento, por exemplo, só o fato de


estar presente na WWW já era para uma empresa

um sinal de modernidade, de estar à frente do seu

tempo. Com o passar dos anos, conforme o


amadurecimento do meio, foi necessária uma análise

mais profunda e particular sobre como a


comunicação fluía nesse novo ambiente.

Desenvolviam-se assim os estudos de usabilidade e


arquitetura da informação. Hoje, talvez em resposta

aos grandes investimentos feitos na web, a


preocupação em divulgar corretamente uma marca,

produto ou serviço, torna-se o diferencial entre o


sucesso e o fracasso de um empreendimento online.

26
26
tudo para chamar atenção
Entretanto, as questões relativas à propaganda na rede adolescentes, os jovens etc. Por outro lado, se a estratégia é o
esbarram em alguns pontos críticos referentes a sua aumento do share of client, ou seja, fazer com que
apresentação ao usuário. Dependendo de como ele é individualmente um cliente permaneça completamente
persuadido, o retorno obtido em uma campanha pode ser bem apaixonado por uma marca, toda comunicação deve ser 100%
diferente do proposto inicialmente. Quem nunca ficou irritado personalizada, o que, segundo ele, já é plenamente possível.
com as “chuvas” de janelas pop-ups nos grandes portais? Para Carlos Pitchu, gerente geral de operação da agência
Estes mesmos sites oferecem um antídoto para o mau uso Advice, filial São Paulo, os canais focados em nichos e ambientes,
desses formatos: os “anti-pop-ups”. Sendo assim, cortar o mal onde os usuários navegam identificados, são extremamente
pela raiz torna-se mais fácil do que propor uma política viável eficientes. Estas opções são muito inteligentes e têm um custo
para a exibição de anúncios que não sejam incômodos ou benefício inigualável. “É mais fácil vender passagens para
invasivos ao visitante, comprometendo, assim, a sua Honolulu para quem deseja conhecer o Havaí, do que para quem
qualidade de navegação. deseja conhecer a Itália. Parece óbvio, mas é pouco praticado. A
Personalização: a propaganda sob encomenda internet permite níveis de segmentação jamais vistos. É preciso
É importante destacar que a tendência é cercar o usuário não utilizar esse potencial no limite máximo”, ressalta.
pelo excesso de propaganda, mas pela qualidade e pertinência da Outra forma de atingir o usuário com uma propaganda
mesma. Customização é o termo que define esse modelo de personalizada se dá por meio do e-mail marketing. Na opinião
persuasão, que proporciona resultados satisfatórios, além do da diretora de operações da agência Media Contacts, Ana
retorno positivo de imagem. A personalização é o início de ações Clara Cenamo, essa estratégia é bastante eficaz, pois, em
mais inteligentes, propícias para uma mídia interativa como a geral, é possível dirigir uma mensagem publicitária a um
internet. Dessa maneira, em uma campanha online, saber tirar público-alvo específico. “Podemos segmentar o e-mail
proveito das possíveis segmentações no público-alvo passa a ser o marketing de várias maneiras: por sexo, idade, região, classe
grande desafio e fator de sucesso de uma estratégia publicitária. social, interesses, padrões de consumo etc. Em um
Sendo assim, é preciso definir o alvo a ser atingido. Segundo planejamento estratégico e tático de mídia online, é preciso
Erica Valente, designer da agência interativa Lo-V (braço criativo da sempre buscar atingir o consumidor de várias maneiras e em
produtora Loducca 22), o ambiente online encontra-se atualmente todos os lugares em que ele se encontra”, lembra a diretora.
tão segmentado quanto o meio offline. Ela destaca que não é Links patrocinados: formas inteligentes
simplesmente a visibilidade de uma campanha o grande objetivo dos de publicidade
anunciantes. “Hoje, os esforços são direcionados para o O princípio básico da propaganda em um site de busca
‘relacionamento’. Quanto mais próximo você chegar, com qualidade, consiste no fato de que o anunciante tem nas mãos uma
ao seu usuário, falando a sua língua e suprindo suas expectativas e informação sobre cada um dos visitantes: a palavra-chave
carências, melhor será o resultado. O internauta quer mensagens pesquisada. Carlos Pitchu destaca que, com isso, é possível
personalizadas, diretas e exclusivas, ou seja, um tratamento relacionar um anúncio a determinada categoria de palavras-chave,
dirigido, quase emocional. E já que temos ferramentas para saber segmentando e ampliando a eficiência da propaganda.
quem ele é, por que não tratá-lo com exclusividade?”, explica Erica. “Conseguimos, com isso, que o anunciante tenha maior relevância
Compartilhando da mesma opinião, o publicitário Rafael para o expectador, estabelecendo uma comunicação mais
Payão, CEO da agência Full Tecno, explica que, para realizar uma eficiente. Outra possibilidade é melhorar a posição do ranking de
ação publicitária mais eficaz, é preciso personalizar o foco da exibição de resultados. É possível ser o primeiro da lista para um
mensagem a determinados grupos específicos, como os determinado grupo de palavras-chave pesquisado”, detalha.

27
27
tudo para chamar atenção

Ana Clara afirma que os links patrocinados são uma excelente gratuito oferecido pelo Google, disponibiliza links patrocinados
opção para os anunciantes que têm operações comerciais, como, que tenham, de algum modo, relação com as palavras contidas
por exemplo, os sites Submarino, Mercado Livre, Americanas etc., no assunto ou no corpo da mensagem que o usuário recebeu.
e para aqueles que buscam uma constante exposição da marca, Tendências, estratégias e formatos
pois o retorno nas vendas e no tráfego é direto. Ela lembra que esse Na web, os anúncios publicitários podem ser classificados
formato tem a vantagem de não se resumir apenas a uma quanto ao volume de dados transferidos, ou seja, pelo seu
campanha sazonal, pois, geralmente, são programados para ficar tamanho em Kbytes. Carlos Pitchu define, de maneira geral, dois
no ar durante meses. “Podemos adaptar uma ação de links tipos de peças: uma indicada para banda estreita e outra
patrocinados a ocasiões especiais, no caso do Dia das Mães, destinada à banda larga. As de banda estreita são aquelas que
por exemplo. Além disso, a relação custo-benefício é excelente, não ultrapassam os 12 Kbytes e têm seu tempo de transferência
já que o usuário que faz a busca tem predisposição para visitar muito reduzido, mesmo em conexões discadas. Já as peças de
o site do anunciante, proporcionando uma taxa de conversão banda larga, conhecidas como “Rich Media” (mídia rica), podem
bem alta”, afirma a diretora. ultrapassar os 150 Kbytes e são bem recebidas por assinantes de
Seguindo essa tendência, o site de busca Google já internet a cabo. “A definição do volume da peça deve ser feita a
oferece um tipo de propaganda inteligente: o Google partir do público-alvo e do tipo de segmentação. Se a ação for
AdWords. No instante em que o usuário faz uma pesquisa por mais massiva, normalmente opta-se por uma banda mais estreita.
um determinado assunto, no retorno dos registros obtidos, Por outro lado, se for mais focada, uma banda mais larga. Com o
aparecem links de anunciantes que fornecem serviços ou tempo, a tendência é que a banda cresça de maneira geral”,
produtos referentes à palavra-chave procurada. No caso de prevê Carlos.
sites como o Terra, o Yahoo e o MSN, por exemplo, os links Segundo Ana Clara, a publicidade no meio online é
patrocinados são mostrados logo no início dos trabalhada basicamente de duas formas: uma que ela denomina
resultados, em uma área destinada de “mídia online gráfica”, veiculada em formatos mais
especificamente para eles. O grau de convencionais e praticada nos portais e sites em forma de
especificação é tão grande banners, janelas pop-ups, aplicativos DHTML, botões,
que o Gmail, e-mail superstitials, entre outros, muito explorados pelos anunciantes.
A outra, é o marketing nos buscadores (Search Engine

formatos :

Carlos destaca que as peças podem seguir padrões e guidelines


propostos por entidades regulamentadoras, como o Interactive
Advertising Bureau - IAB (www.iab.net). Neste site, é possível saber
como especificar boa parte dos formatos publicitários existentes.

28
28
29
Aposte na sua carreira
tudo para chamar atenção

Marketing), que engloba sua ferramenta mais conhecida, os links experiências interativas mais pesadas. E isso inclui filmes
patrocinados, citados anteriormente. exclusivos para internet. Mesmo assim, infelizmente, isso ainda é
No caso da mídia online gráfica, por utilizar formatos mais uma realidade exclusiva para as classes A e B. A diferença é que
atrativos e visuais, é indicada para campanhas sazonais, esse público se traduz na classe econômica ativa do mercado”,
promoções e ações de branding, que buscam causar um forte lembra Ricardo.
impacto e fixar uma marca e um conceito no pensamento do Seguindo um caminho mais alternativo, fugir dos
consumidor. Entre as diversas opções, existem aquelas que são formatos tradicionais pode ser uma solução original para
mais indicadas para determinadas ações. “Banners e outros atingir mais rapidamente os objetivos de uma campanha.
formatos mais conservadores são mais eficientes para anúncios Segundo Erica Valente, o componente viral hoje é um dos
de exposição constante, pois garantem sustentação. Já outros grandes responsáveis pelo sucesso de uma iniciativa
formatos, como os de Rich Media, são indicados para ações mais publicitária na web. “Projetos como ‘RONC’, desenvolvido
focadas e de grande impacto. Nesse caso posso citar também o para Nissin Miojo para o lançamento de Cup Noodles, teve mais
DHTML e o superstitial”, aponta Ana Clara. de 25 mil cadastrados em apenas três meses. ‘Desesperados e
Para o diretor de criação da Agência Click em Brasília, Santinhos’, campanha feita para divulgar as matrículas na
Ricardo Figueira, a publicidade online sofreu no Brasil muitas Escola Panamericana de Arte e Design (http://www.lo-v.com/
mudanças e com grande velocidade. E isso não se deve somente clube/desesperados1), teve grande retorno em mídia por
ao advento da banda larga, mas também à utilização de novas clickthroughs”, destaca Erica.
tecnologias de streaming, como, por exemplo, as fornecidas pela Criatividade: onde buscar inspiração?
Eye-Blaster. “Atualmente, com o advento da banda larga, há uma Ter uma grande solução, buscar o conceito ideal que
grande utilização de formatos multimídia mais sofisticados e resuma todos os anseios do anunciante, colocar tudo em prática,
ou seja, dar vida à idéia criativa não é uma das tarefas mais
fáceis para os publicitários. Há quem pense que a criatividade
possa ser exercitada. Outros vêem como uma inspiração divina,
que aparece em determinados momentos. Na opinião de Ricardo
Figueira, o exercício da criatividade deve acontecer na busca por
referências em todos os lugares, mídias e, principalmente, na
própria experiência de vida. “Particularmente, acredito que as
pessoas precisam namorar, ir ao cinema, visitar a avó, jogar

Viral :

O marketing viral se caracteriza quando uma determinada


mensagem publicitária se propaga automaticamente entre um
grupo de pessoas, divulgando uma propaganda no que seria “o
boca a boca” no meio offline.

Clickthroughs :
É quando o usuário clica em uma propaganda e vai para o site
do anunciante.

30
30
“Banners e outros formatos mais

conservadores são mais eficientes para

anúncios de exposição constante, pois

garantem sustentação. Já outros formatos,

como os de Rich M edia, são indicados para

ações mais focadas e de grande impacto”

Ana Clara Cenamo

futebol, encontrar seus filhos etc. Só assim é possível


reconhecer e viver sentimentos, pois propaganda em
qualquer lugar, inclusive no computador, se propaga por meio
da sensibilização e se concretiza na emoção”.
Além disso, conhecer bem o mercado faz a diferença.
Saber as particularidades do público-alvo, bem como seus
costumes e anseios, pode servir de subsídio na hora de
lapidar um conceito criativo. Na visão de Rafael Payao, da
Fulltecno, o publicitário deve estar sempre atento aos
sentimentos do mercado. “É importante conhecer
profundamente o produto e buscar oportunidades que façam
o usuário prestar atenção em sua mensagem”.
Compartilhando da mesma opinião, Carlos Pitchu alerta que o
criativo deve entrar no universo do público-alvo de uma
campanha, porém, sem ser invasivo. “Respeite o browser do
seu expectador”, enfatiza.
Apesar dos inúmeros formatos publicitários existentes,
é preciso fazer a diferença, seja na forma de passar uma
mensagem ou, até mesmo, no modelo interativo proposto.
Ricardo Figueira cita como exemplo uma ação feita pela
Agência Click no ano passado, em que foi veiculada uma
campanha na qual banners permitiam ao usuário inserir o
número de telefones dos seus amigos. Automaticamente,
era disparada uma ligação com a voz do ator Fábio
Assumpção para essas pessoas, anunciando o lançamento
da BrasilTelecom como se fosse um bate-papo informal. “As
mulheres ficavam em polvorosa. Foi um tal de ‘O Fábio

31
tudo para chamar atenção

“...acredito que as pessoas precisam namorar, ir ao cinema, visitar a avó, jogar

futebol, encontrar seus filhos etc. Só assim, é possível reconhecer e viver

sentimentos, pois propaganda em qualquer lugar, inclusive no computador, se propaga

por meio da sensibilização e se concretiza na emoção” Ricardo Figueira

Assumpção me ligou’ que não acabava mais, e a internet teve Assim, é possível fazer as reformulações necessárias em tempo
um papel inédito de atingir pessoas que não estavam real, além de permitir um planejamento mais eficiente para
necessariamente na web”, conta Ricardo. próximas ações publicitárias”, conta Luis.
E para estimular a mente, o diretor de criação da Media De mesma opinião, Ricardo Figueira diz que esse tipo de
Contacts, Luis Renato Constantino, explica que o “e-publicitário” controle é uma grande vantagem da mídia interativa. Entretanto,
deve prestar atenção nas particularidades do meio. Ele aponta mesmo que esses dados sejam importantes para aferir o
que quanto maior o conhecimento, mais subsídios o profissional desempenho de interação de uma campanha, ele alerta que é
terá para criar quando receber um briefing. “É preciso prestar preciso não cair no erro de ignorar ou não mensurar a importância
atenção em vários aspectos da mídia, como interatividade, não- da exposição de marca ou mensagem independente do clique.
linearidade e hipertextualidade. Conhecer tecnologias existentes “De qualquer forma, os dados captados pelas ferramentas
e se anteceder, sempre que possível, às novas tendências e aos sempre são tabulados por uma inteligência de planejamento que
espaços virtuais, como os blogs, o orkut, os comunicadores recomenda ajustes ou modificações em função de novos
instantâneos etc., é muito importante”, aconselha o diretor. objetivos, tanto para mídia quanto para criação”, conclui Ricardo.
Mensurando os resultados de uma campanha Do papel ao meio online: como é o planejamento de
Para saber se uma campanha foi bem sucedida, é necessário uma propaganda?
analisar uma série de dados e resultados, como o número de Mesmo que a idéia central de uma peça publicitária surja nos
cliques gerados, taxa de conversão (vendas, cadastros ou momentos mais inusitados, ou, até mesmo, de algum fato
visitas ao site do anunciante), custo por conversão etc. Esses cotidiano, todo processo criativo se inicia com o bom
dados são importantes para traçar um diagnóstico mais entendimento do briefing. De modo geral, o profissional de
específico de uma campanha e, conseqüentemente, realizar atendimento é o responsável por essa importante etapa do
possíveis ajustes. Luis Renato cita que a grande promessa da processo. Ricardo destaca que seguir um briefing bem feito é
internet, enquanto veículo de publicidade, foi, além da essencial, pois, de nada adiantam idéias maravilhosas que não
possibilidade de mensurar tudo o que uma campanha gera, poder atendem às necessidades do cliente. Ele destaca que a
rastrear o comportamento do usuário para estratégias futuras. integração entre a equipe de criação e a mídia também faz muita
Ele explica que, para ter acesso a todos estes dados diferença no sucesso da propaganda. “Cada produtora tem um
completos, é necessário o uso do Ad Server, ferramenta de jeito de trabalhar. Na Agência Click, o briefing, muitas vezes, é o
marketing interativo criada para implementar e controlar a fator inspirador para a alocação de uma equipe para um
inserção de campanhas publicitárias online. “A Media Contacts determinado projeto”, enfatiza Ricardo.
possui uma ferramenta de inteligência de mídia que armazena, Para Luis Renato, o processo criativo na internet é bem
analisa e interpreta os dados brutos gerados pelos Ad Servers e parecido com a criação para outros meios. Seguindo o mesmo
os transforma em relatórios claros, profundos e específicos. conceito adotado por Ricardo Figueira na Agência Click, ele explica

32
32
tudo para chamar atenção
que a equipe de atendimento se reúne com o cliente para saber quais também um cuidado para que não sejam veiculadas peças de
os objetivos que ele quer atingir com a campanha. Depois, reúne-se anunciantes concorrentes no mesmo momento. O ideal é que uma
com a equipe de criação para passar e discutir o briefing. “Nesta mesma peça não apareça mais do que quatro vezes para o mesmo
reunião, fica claro qual é o conceito da campanha. Forma-se uma usuário e, é para ter esse controle que, hoje em dia, existem
dupla com um redator e um diretor de arte, que vão roteirizar a peça e ferramentas inteligentes como o Artemis, que fornece dados para
criar algumas opções de linhas criativas para que o cliente possa estabelecer a freqüência de uma campanha”, demonstra Ana.
escolher. Este trabalho é feito em parceria com um programador de Na internet, assim como em outros meios, a diretora enfatiza
web, assim, já é possível saber o que é viável em termos de que é necessário ter cuidado com o excesso de publicidade para que
tecnologia. Depois que o cliente aprova uma das idéias, faz-se o não haja uma “poluição visual” que incomode o usuário. O grande
layout e finaliza-se a peça”, detalha Luis. volume publicitário pode ser prejudicial a partir do momento que irrita
Pecando pelo excesso... o visitante de uma página. “Um exemplo é uma peça de uma
Talvez, o pior pesadelo de um usuário seja entrar em um site e montadora de automóveis, veiculada em um site de entretenimento
ser bombardeado por diversos tipos de publicidades. Pop-ups que se e roteiros culturais há algum tempo. A cada clique, aparecia um
abrem, full banners pesados que impedem o carregamento de uma DHTML enorme, com som, e que estava presente em todas as
página, banners expansíveis que confundem a navegação. Enfim, um páginas. Esse exagero de exposição é muito prejudicial”.
caos causado por excessos. Ana Clara destaca que o maior exemplo do Tv, rádio e web: o que eles têm em comum?
mau uso das propagandas online são os spams, ou envio de email para A função de uma propaganda é clara: chamar a atenção.
mailings que não autorizaram o recebimento de comunicação. “Se os Entretanto, o que diferenciam a tv, o rádio e a web, no mercado
pop-ups são intrusivos, os emails marketing não autorizados são dez
vezes mais invasores e requerem medidas mais definitivas. Contra isso, pop-ups :
os provedores de emails desenvolveram os “anti-spam”, nem sempre Com relação ao excesso de janelas pop-ups, muitos portais

eficientes contra este problema”, relata a diretora. disponibilizam para download aplicativos que bloqueiam este
tipo de formato. Ricardo Figueira explica que esses
Com relação ao limite estabelecido pelos portais quanto ao
mecanismos prejudicam a navegação, pelo simples fato de não
tamanho, peso, número de impressões das propagandas veiculadas, interpretarem nos sites certas “exposições-não solicitadas”,

ela explica que isso varia de acordo com a filosofia de cada veículo. Na mas somente janelas que se desprendem do browser. “Por
outro lado, se eu clico em um link e ele não abre só porque está
sua opinião, uns prezam mais pelo conteúdo e não abrem muito espaço
em formato diferenciado, e o meu anti-pop-up está ativado,
para publicidade, outros permitem formatos mais inovadores. “Há isso é um anti-serviço”, conclui.

33
33
tudo para chamar atenção

“É preciso prestar atenção em vários aspectos da mídia, como interatividade, não-

linearidade e hipertextualidade. Conhecer tecnologias existentes e se anteceder, sempre

que possível, às novas tendências e aos espaços virtuais, como os blogs, o orkut, os

comunicadores instantâneos etc., é muito importante” Luis Renato Constantino

publicitário, não são apenas os valores cobrados. Na opinião de Luis casos, não há na propaganda uma interação direta entre o
Renato, na criação de uma campanha para a internet, faz-se uso da usuário e o receptor da mensagem”, explica.
interatividade, da narrativa não-linear e da hipertextualidade. “Nos Independente do meio, encarar o processo criativo como um
preocupamos com usabilidade e acessibilidade. Na tv e no rádio, não exercício constante de observação do ser humano, seus
existem tais possibilidades. Essas mídias utilizam recursos lineares, comportamentos e costumes, requer, acima de tudo, o
como a narrativa, e de um limitado tempo de exposição para desprovimento de qualquer tipo de censura. Conhecer todas as
transmitir a mensagem desejada”, compara o diretor. tecnologias e formatos publicitários existentes no mercado online é
Ele complementa explicando que, devido às peculiaridades importante para traçar uma estratégia de campanha, porém não
de cada meio, o retorno esperado pelas ações é diferente. Na basta para sair do lugar comum. Antes de tudo, perceber que a nova
televisão e no rádio, as campanhas são feitas para as grandes mentalidade na web valoriza a relação do usuário com a mensagem
massas, enquanto que, na internet, as campanhas são mais torna-se o primeiro passo para criar peças mais inteligentes,
segmentadas, diretas e os recursos distintos. “A produção de um eficientes e pertinentes ao visitante. Dessa forma, ganham os
spot de rádio ou de um comercial para a tv é mais limitada que o anunciantes, que têm um retorno maior do investimento, e usuários,
desenvolvimento de uma peça para a internet, no que se diz que não ficam à mercê de uma utilização publicitária indiscriminada.
respeito às possibilidades de criação. No rádio, por exemplo, a Que vençam todos!
principal e única forma de comunicação é
o áudio. Na tv é possível trabalhar
com áudio e imagem ao mesmo
tempo, um recurso a mais no A lógica dos links patrocinados

processo criativo. Porém, O marketing em buscadores se tornou uma das estratégias de


publicidade online mais bem sucedidas entre as opções que estão à
em ambos os
disposição atualmente no mercado. No caso dos links patrocinados,
para estar no topo da lista é simples, pois o processo funciona como
um leilão. Sendo assim, o anunciante que pagar mais por
determinada palavra fica em primeiro lugar.
Ex.: palavra “casa”
Anunciante 1- paga R$ 0,61 por click na palavra
Anunciante 2 - paga R$ 0,60
Anunciante 3 - para R$ 0,59
E assim por diante...
No caso do Google, há uma “regra” a mais. Além do preço, o
anunciante que tiver a maior taxa de clique fica em primeiro no
ranking.
Fonte: Media Contacts

34
34
anúncio

35
tudo para chamar atenção

Ao criar uma peça publicitária na rede, lembre-se de... Formatos e estratégias publicitárias na web
Não se censurar Full Banner – Banner que tem como medidas padrão 468 pixels
O publicitário de mídia online deve, acima de tudo, não ter preconceitos de largura e 60 de altura, com peso entre 12 e 15kb. Muito
ao criar. utilizado pelos grandes portais.
Prestar atenção Full Banner expansível – Full Banner que se expande à ação
O profissional de criação deve buscar referências em todos os lugares e do usuário. Esse tipo de formato é muito útil quando a propaganda
todas as mídias, a internet naturalmente permite acesso a todo tipo de requer uma área gráfica maior. Peso até 15kb.
iniciativa interativa. Skycrapers – Banner vertical de grandes dimensões em torno de
Explorar o ambiente interativo 160 pixels de largura e 500 de altura. Esse tipo de formato
A principal diferença entre as outras mídias e a internet é a capacidade de geralmente é disposto nas laterais dos sites. Peso até 15kb.
captar a reação do consumidor impactado. Na web, a interatividade é Janela Pop up – Formato de grande visibilidade e muito
uma característica a ser explorada. utilizado pelos portais. Peso até 15kb
Dedicar-se Janela Pop up Under – Formato que aparece “por baixo” do
O fator principal que vai lhe diferenciar no mercado não está ligado a navegador. Ou seja, o usuário ao fechar o browser se depara
cursos ou a qualquer receita de bolo. Como em qualquer profissão, o nível com o anúncio.
de interesse em fazer o melhor possível é sempre preponderante. DHTML Floating - Anúncio flutuante que aparece por cima do
Mensurar resultados site. Feito em Macromedia Flash, utiliza linguagem DHTML ou
A internet é o único meio em que existe a possibilidade de criar, anunciar, JAVA para apresentação juntamente ao código HTML da página.
vender, obter os resultados de maneira detalhada e manter o canal de A principal característica desse formato é o fato de não abrir uma
relacionamento com o consumidor. nova janela do navegador. Peso até 30kb.
Ter foco Supertistial - Formato publicitário que aparece na seqüência de
Conheça melhor o seu público-alvo, seus hábitos de consumo e de duas páginas, como se fosse uma espécie de comercial televisivo,
utilização da web. Na internet, podemos criar campanhas totalmente ocupando boa parte da tela. O anúncio só aparece após o
dirigidas a determinados segmentos de usuários. carregamento completo. São disponibilizadas no formato pops que
Conhecer a tecnologia podem chegar a 2MB, permitindo som e navegação.
Além de comunicação e marketing, é preciso compreender muito bem os Patrocínio de newsletter – Estratégia publicitária que pode
aspectos técnicos envolvidos em uma publicidade online. Na internet, os ser veiculada nos formatos Full Banner, Skycrapers etc., nos
formatos e o comportamento do público andam de mãos dadas com uma mailings enviados a determinados grupos específicos.
tecnologia que se renova a cada dia. Links patrocinados – Estratégia utilizada pelos anunciantes
Prestar atenção ao tempo de audiência que querem maior destaque nos sites de busca. No retorno dos
Com o advento da banda larga, aumenta o tempo de audiência da internet, resultados obtidos, os primeiros registros são geralmente
pois as pessoas gastam mais horas na frente de seus computadores. reservados aos links patrocinados.
Jogos interativos – possibilita que o usuário tenha maior
experiência com determinada marca. Neste caso, pode ser
explorado também de forma viral e como um bom canal para a
coleta de informações cadastrais dos visitantes.
E-mail marketing – considerada a versão online do marketing
direto, o e-mail marketing tem como principal característica a
segmentação do público-alvo a que se destina uma propaganda. O
retorno obtido é grande devido à pertinência da mensagem
veiculada aos seus remetentes.
Product Placement – E s s a e s t r a t é g i a d e p r o p a g a n d a
mistura publicidade ao conteúdo editorial de um site. Fazendo
uma analogia, é o mesmo tipo de publicidade feita nos filmes
e novelas, onde uma marca ou produto aparece fazendo parte
da cena.
Vídeo – Com o advento da banda larga, o uso do vídeo e som se
torna um grande recurso para atrair a atenção do usuário. Há casos
em que são produzidos vídeos exclusivamente para a web.

36
36
tudo para chamar atenção
Campanhas de sucesso

awards.agenciaclick.com.br/pms/pt
Agência Click
Media Contacts
Cliente: MSN BRASIL / CANAL MSN MULHER / REVISTA TPM
Cliente: Peugeot
Nessa peça, a Agência Click simulou as reações da TPM em um Full Banner.
Campanha: Peugeot 206SW
Para lançar o Peugeot 206SW na web foi criada uma peça que possibilitasse
interação. Nela, além de conhecer todas as características do novo carro,
o usuário pode assistir ao vídeo da campanha.

awards.agenciaclick.com.br/
www3.advicenet.com.br/advice/ambiente_midia/banners/
recyclingprogram/pt
loreal_preference.htm
Agência Click
Advice Net
Cliente: Coca-Cola
Cliente: Loreal
Ao movimentar a barra de rolagem
Para simular a coloração das tintas da Loreal, quando o usuário passa o
do site para baixo, a lata vai se
mouse sobre o banner, a cor do cabelo muda. Uma idéia simples que
amassando e aparece a mensagem:
enfatiza de forma eficaz o produto do cliente.
“Reciclagem. Essa é a real”.

Em que o “e-publicitário” deve estar


mais atento ao criar uma propaganda
de sucesso na internet ?
www3.advicenet.com.br/advice/ambiente_midia/banners/
ciccarelli_mao.htm 48% Público-alvo
Advice Net
37% Criatividade
Cliente: Vivo
14% Interatividade
Explorando o conceito interativo, nessa peça, quando o usuário tenta passar
o mouse em cima da modelo Daniele Cicarelli, o cursor muda, avisando ser 7% Concorrência
uma área proibida. 1% Peso em kbytes

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

37
37
debate

38
38
39
estudo de caso :: Shoptime.com

Shoptime:
aproximando
tv e web por Tatiana Serra

Na tv ou na web, a proposta do Shoptime não


é comparar as duas mídias e sim aproximá-las,

já que este é o único varejista com presença


na web e um canal de vendas na tv. O objetivo

é a conversão das mídias, ou seja, fazer com

que o cliente da tv participe dos programas


através da internet, e os clientes da internet

sejam estimulados a assistir aos vídeos


dos produtos.

40
estudo de caso :: Shoptime.com
O site Shoptime.com, que surgiu para expandir a
diversidade de produtos comercializados pelo canal de tv, é
hoje um dos três maiores sites de e-commerce do Brasil,
sendo os sites Americanas.com e Submarino os outros dois.
Para quem pensa que isso basta, saiba que a empresa
almeja muito mais... Há projetos para fazer do site uma
opção de entretenimento na internet.
É justamente sobre o sucesso do site Shoptime.com,
seus “segredos” e novidades, que nos fala Tiê Lima,
profissional com seis anos de experiência em e-commerce e
atual coordenador de criação do site. Confira a entrevista!
WD: Quando surgiu o site do Shoptime? O que a
empresa pretendia ao optar pela web?
TL: O site Shoptime.com surgiu em 1997 com a
necessidade de expandir o leque de produtos
comercializados pelo nosso canal de tv; e, em pouquíssimo
tempo, se tornou um forte canal de vendas. Hoje, o site
possui cerca de 8.000 itens comercializados e é um dos três
maiores sites de e-commerce do Brasil.
WD: Como foi passar a imagem da empresa
para a internet?
TL: A internet não é vista apenas como uma mídia de
apoio nas nossas ações de branding. É entendida por nós
como um meio essencial para que os nossos atuais e futuros
clientes façam a leitura correta do que a nossa marca
projeta. Somos uma empresa que procura estar presente
no dia a dia do nosso cliente, tanto na hora do lazer, do
trabalho, ou mesmo em casa. O cuidado em transmitir
esses ideais está desde a maneira como fazemos os
cadastros de nossos produtos até a fotografia, deixando
tênue a linha entre os produtos e a maneira como eles
serão inseridos no cotidiano dos consumidores que
optaram pela nossa marca.
WD: Certamente, o principal objetivo do
Shoptime é divulgar e vender seus produtos, seja
através do canal de televisão ou através do site.
Compare as duas formas de vendas e cite suas
www.shoptime.com
principais características.

41
41
estudo de caso :: Shoptime.com

“Nós temos projetos para TL: O primeiro passo foi analisar todos os
relatórios de vendas e funcionalidades do site,
fazer do nosso site uma opção
para identificar tudo que precisava de alteração.
de entretenimento na internet. Depois disso, foi discutido com a área comercial e a de
marketing, para que a nova versão do site (lançada no
Planejamos implementar, além de
final de 2003) suprisse as necessidades de novos
áreas de conteúdo, uma revista espaços para nossas ofertas, campanhas de ocasião
e para parceiros.
interativa e um portal completo
Outra área da empresa que se tornou primordial
de receitas” para o sucesso do projeto foi a central de atendimento ao
cliente - uma verdadeira mina de ouro, pois eles tinham
TL: Comparar as mídias não é o que temos proposto, O em mãos relatórios completos e feedback de tudo o que os
nosso exercício diário tem sido encontrar maneiras de clientes gostavam ou não gostavam em nosso antigo site.
aproximá-las, já que somos o único varejista com presença Depois disso tudo, aí sim, analisamos todo o
na web a ter um canal de vendas na tv. Pretendemos usar fluxograma do site para conseguir identificar todos os
isso, cada vez mais, a nosso favor, fazendo com que os pontos que eram necessários, desnecessários ou que ainda
nossos clientes da tv participem dos programas através da não existiam.
internet, e os nossos clientes da internet possam desfrutar Finalmente, começamos todo o processo para criar um
da opção de assistir aos vídeos dos produtos. portal funcional: criação de wireframes para desenvolver o
WD: Quais são as principais diferenças primeiro teste de usabilidade; desenvolvimento do layout
encontradas no perfil de quem compra pela das novas telas; integração de toda a tecnologia; e, por
internet e de quem compra pela tv? Que tipos de último, um novo teste de usabilidade para a operação
produtos eles mais consomem? “pente fino”.
TL: Quanto ao perfil, estamos sempre fazendo WD: Quais foram os problemas enfrentados
pesquisas para nos mantermos alinhados, até mesmo com durante o desenvolvimento e a implantação do
as mudanças de comportamento do nosso público.
Entretanto, com base em nossos dados transacionais,
posso sinalizar algumas diferenças principais. A
participação do público feminino na tv é bem mais
expressiva do que na internet, ou seja, as linhas que têm
maior participação na tv são Eletroportáteis, Cama, Mesa
& Banho e Utilidades Domésticas. Ao contrário disso, na
internet, o público masculino tem uma participação um
pouco maior, fazendo com que as linhas como Eletrônicos,
Informática e Cine & Foto estejam num patamar acima na
participação da mídia.
WD: Que técnicas foram utilizadas no
O site conta com um catálogo online
redesenho do site? para o cliente escolher as ofertas

42
42
O departamento de Cine e Foto ganhou uma
categoria específica dentro do site

site? Quanto tempo levou desde a criação até


seu lançamento?
TL: O novo site do Shoptime levou dois meses para ir ao
ar, e as dificuldades foram: o curto prazo e a necessidade de
inovar em um mercado no qual os nossos concorrentes são
extremamente competentes. O desafio ainda não acabou,
pois analisamos diariamente o comportamento dos nossos
consumidores e adequamos a nossa estrutura de navegação
com o que aprendemos com eles.
WD: O que o site do Shoptime pretende, além
de divulgar a empresa na internet e ser um veículo
de vendas?
TL: Nós temos projetos para fazer do nosso site uma
opção de entretenimento na internet. Planejamos
implementar, além de áreas de conteúdo, uma revista
interativa e um portal completo de receitas. Esses projetos
estão entre as muitas novidades que virão por aí.
WD: Como foi feita a escolha das seções?
TL: É sempre feita em sintonia com o nosso mix de
produtos. Quando um departamento cresce, ele vai
para a nossa navegação principal. Foi o que aconteceu
com a categoria “cine e foto”, que antes ficava dentro
da nossa área de eletrônicos e, com a ampliação da
quantidade de produtos, tornou-se uma de nossas lojas
principais. Resumindo: a diretriz comercial da empresa
é que define as seções.

43
estudo de caso :: Shoptime.com

“ Em um futuro próximo, vamos convergir

as mídias. A tv será a extensão da internet,

e a internet será uma extensão da tv”

WD: Fale sobre a interatividade e a resposta do


público com relação ao site.
TL: Queremos que o nosso site seja cada vez mais
interativo e, para isso, a tv será para nós uma importante
ferramenta. Em um futuro próximo, vamos convergir às mídias.
A tv será a extensão da internet, e a internet será uma
extensão da tv. O nosso primeiro passo foi incluir banners
interativos em nosso site, com a opção do cliente poder assistir
a um vídeo feito pela tv, com uma linguagem completamente
adaptada para a internet; e os nossos clientes já estão
adorando essa opção.
WD: Como é a experiência de representar na web
um canal de televisão especializado em vendas? E
quanto às vantagens e as dificuldades?
TL: É extremamente compensador para um profissional
de criação estar próximo ao retorno de suas ações, ainda mais
quando isso ocorre em tempo real. Ao mesmo tempo, isso
também é um grande desafio, já que, além de controlar as
nossas ações, precisamos estar sempre atentos ao que a
concorrência está fazendo. O desafio sem dúvida é, a todo
momento, tentar estar um passo a frente. Uma das grandes
vantagens de também sermos um canal de tv é poder contar
com a estrutura que o estúdio oferece para criarmos as nossas
peças mais interativas.
WD: Quais foram suas outras experiências com
e-commerce?
TL: Antes do Shoptime, trabalhei no Submarino e na
agência interativa Brainter.com, onde tive contato com outros
varejistas com negócios na web, como o PontoFrio.com, a
Amsterdam Sauer, a Loja XEROX e o próprio Shoptime.

44
44
45
45
debate
alquimistas da web

Alquimistas
da web Por Tatiana Serra

A Alquimia começou a se desenvolver por volta do século III a.C., em Alexandria, segundo
estudos. Mais de dois mil anos antes do início da nossa era, com um caráter místico, era

considerada uma ciência oculta, sendo praticada sob o mais absoluto dos segredos. Sabe-se
que os alquimistas eram ousados e criativos, porém, não eram livres. Já nos sites

experimentais, não há limites para a criatividade e, certamente, é isso que encanta os


profissionais e usuários de internet, que têm nesses projetos a oportunidade de expor idéias,

misturar ingredientes à sua escolha e, até mesmo, testar tendências.

46
alquimistas da web
No dicionário, experimentar significa pôr à prova, “Um site experimental é um projeto que tem
ensaiar; pôr em prática, executar. Na web, pode significar
tecnologias, formatos ou soluções que
ousadia, liberdade de criação. André Vallias, sócio-fundador e
diretor de criação da Refazenda Produções ainda não são comprovados pelo mercado.
(www.refazenda.com.br), compartilha da idéia de “ousadia:
Pode ser uma interface nova e diferente,
vontade de fugir ao convencional, sair do terreno seguro, sem
ter medo de ‘errar’ (no duplo sentido da palavra)”, com relação uma nova maneira de apresentar o
ao termo “experimentar”, além de reforçar a importância de
conteúdo, que ainda não foi totalmente
exercer a liberdade de criação plenamente. Já na opinião de
Eduardo Vieira, diretor de criação da agência Tribo12 testado, ou uma combinação de tecnologias
(www.tribo12.com.br) e editor do Guia de Design do
existentes” Sérgio Barbará Filho
SobreSites (www.sobresites.com.br/design), “sites
experimentais são aqueles que exploram a web como possível errar o bastante para aprender a desenvolver
linguagem e investigam suas possibilidades tecnológicas, de soluções democráticas, legíveis em qualquer browser e por
comunicação e visuais. A visitação a esses sites é um qualquer camada social. Assim, sites experimentais também são
verdadeiro passeio pela vanguarda da internet, através de excelentes oportunidades para enriquecer o portfólio quando
experimentos com animação, leitura não-linear, interatividade se está começando na profissão, fornecendo uma “área de
e cultura visual contemporânea”. testes” que prepara o webdesigner para os trabalhos futuros.
Os sites experimentais também podem ser um ensaio para Também sobre a definição deste tipo de site, Sérgio Barbará
futuros sites comerciais. Na opinião de Eduardo, Filho, da Pura Comunicação (www.puracomunicacao.com.br),
podemos classificar os projetos em web, mais diz achar que “um site experimental é um projeto que tem
ou menos, como: comerciais, tecnologias, formatos ou soluções que ainda não são formatos
experimentais e existenciais. “Nos comprovados pelo mercado. Pode ser uma interface nova e
existenciais, vale o abuso da diferente, uma nova maneira de apresentar o conteúdo, que
tecnologia e da hermeticidade. Já ainda não foi totalmente testado, ou uma combinação de
nos experimentais, encontramos tecnologias existentes”.
um laboratório para os sites Já para João Paulo Nicolau, diretor de criação da
comerciais. Com eles, você Contentcom (www.contentcom.com.br), “um site
pode se dar ao luxo de experimental é um projeto no qual não existem regras e é um
experimentar como as canal de inspiração para o designer poder colocar suas idéias e
tecnologias ditas de ‘massa’ emoções sem precisar se preocupar com o lado comercial. E
se comportam, você pode mostrar um pouco da sua personalidade e um pouco
testar novos do que há no seu inconsciente”.
códigos visuais e Testar tendências e expor idéias
estruturas de Segundo estudiosos, a alquimia não teria conseguido
navegação”, diz ele, conquistar seu principal objetivo: a Pedra Filosofal, apesar de ter
destacando que, nos obtido grande êxito na metalurgia, na produção de papiros e na
experimentais, é aparelhagem de laboratório. Já os sites experimentais... Estes

47
47
47
alquimistas da web

têm como objetivos expor idéias, testar tendências e ir além; e


parece ser o que vêm conquistando quem se propõe a
experimentar essa experiência.
Para Eduardo Vieira, “se você está experimentando, é
porque deseja ir além e descobrir ou criar algo novo. Se você
deseja ir além, vai acabar tangenciando tendências, ou melhor
ainda, ajudando a desenvolver uma”. Ele diz ainda que “não há
mérito em se copiar velhas fórmulas, é preciso procurar
desenvolver uma linguagem nova. Nesse caso, o site
experimental também é um comunicador de idéias”.
Para alguns profissionais, os sites experimentais podem
tanto testar tendências como expor idéias. “Eu já vi alguns
projetos que trazem conceitos inovadores que, até então, eu
nunca vi em trabalho nenhum, e acabam nos inspirando para
outras criações, inclusive, para sites comerciais”. É o que afirma
João Paulo Nicolau. Porém, o objetivo do site experimental pode
variar, de acordo com o projeto. “De uma forma geral, acredito
mais em sites experimentais para mostrar idéias e transmitir
conceitos, do que para testar público que acessa o site e uma pressão de prazo e de regras estabelecidas por clientes,
confirmar alguma tendência”, diz Sérgio Barbará Filho. você acaba curtindo mais e fazendo com calma, e, é engraçado
Voltando à questão da liberdade de criação... “Como dizia o que, pelo fato de não ser algo comercial, você trabalha
filósofo Sartre: ‘o homem está condenado à liberdade’. Exercê-la despreocupado e os resultados são surpreendentes”.
não é um fardo leve. O desafio é superar o medo do fracasso. O Blogs e Experimentos
prazer se mescla à angústia...”, cita André Vallias. O fato de não O blog pode ser uma maneira de se expressar e
haver compromisso com um cliente também faz com que haja experimentar linguagens, mas nem todos pensam assim. “Os
liberdade de criação. Na opinião de Eduardo Vieira, “um trabalho blogs, flogs e seus desdobramentos, hoje, realmente estão se
com tamanha liberdade sempre é muito prazeroso, pois permite a diversificando bastante, garantindo ao proprietário uma certa
chance única de se verificar aspectos e idéias próprias que nem liberdade para criação de layout e uma grande possibilidade de
sempre podem ser viáveis em trabalhos de fins comerciais, gerenciamento de conteúdo... Trata-se de um lugar
normalmente, com muitas limitações, restrições, prazos...”. democrático, onde cada um pode fazer o que quiser com o espaço
Porém, ele enfatiza que, quando a experimentação é a procura que lhe cabe. E, nesses casos, a criatividade e a experimentação
por um objetivo, às vezes, pode ser dolorosa, pois está em jogo certamente fazem a diferença”, afirma Eduardo Vieira.
a expectativa pessoal do designer e, neste caso, a obtenção de “O blog ‘em si’, não caracteriza um site experimental, mas
bons resultados é essencial para sua satisfação. pode ser usado de maneira experimental”. É o que diz André
Mesmo com o intuito de obter sucesso, o site experimental Vallias, que inspirou-se no formato dos blogs para ter uma
pede, acima de tudo, diversão. E, basta relaxar, deixar fluir as estrutura enxuta e uma dinâmica simples, fugiu do formato da
idéias, para que o resultado seja expressivo e especial. Para “revista impressa” e criou a Errática (www.erratica.com.br), em
João Paulo Nicolau, o experimental “é um projeto que, por não ter outubro de 2004, como plataforma de experimentação poética

48
49
alquimistas da web

em que fosse possível explorar os recursos de multimídia


disponíveis na rede. Editada por André e pelo poeta e ensaísta
Eucanaã Ferraz, “a idéia foi criar uma ‘revista’ que ousasse no
espaço digital e pudesse abrigar obras experimentais de diversas
áreas: poesia, música, vídeo, teatro etc”, diz André.
Quanto as suas outras experiências, ele destaca seu
primeiro projeto experimental na rede, o site “ALEER”, de 1997
(www.refazenda.com/aleer). “Quase todos os meus projetos
têm uma boa dose de experimentalismo, como, por exemplo, o
site sobre Edgar Morin - sociólogo e pensador francês - (http:// www.bossaevernova.com

edgarmorin.sescsp.org.br/) e o que fiz para o disco “Adriana


Partimpim”, de Adriana Calcanhotto (www.adrianapartimpim.com.br)”, detalhes em vermelho, que eram do selo Elenco (nesta época,
conta André. ele trabalhava lá)”, lembra João, dizendo que o
Bossaevernova manteve o mesmo conceito, mas com as
imagens do Rio de Janeiro. “O site convida o usuário a navegar
por lugares do Rio e, ao mesmo tempo, conhecer a história da
Bossa Nova, do designer Cesar Villela e dos músicos que
marcaram época”.
A criação deste site experimental trouxe um retorno
satisfatório para a equipe, que recebe mensagens de amantes
da Bossa Nova, do mundo inteiro. E quanto a outros sites
experimentais, João diz: “eu gostaria de criar vários sites
experimentais, principalmente que envolvessem música,

www.refazenda.com/aleer fotografia e temas do Brasil. É muito bom buscar referências


do nosso país e poder mostrá-las para o mundo, através de
Bossaevernova projetos que não precisam de regras na criação”.
Da idéia de fazer um site musical brasileiro surgiu o Rio Live Sessions
Bossaevernova (www.bossaevernova.com), um Trabalho de Publicado no começo de abril deste ano e ainda em fase
Conclusão de Curso (TCC) de Design Digital da Universidade de testes, porém, já pronto para ser visitado, o site Rio Live
Anhembi Morumbi, em 2003. “Foi um trabalho que durou 1 ano (6 Sessions (www.riolivesessions.com.br) é uma rádio na
meses de pesquisa e 6 meses de execução)”, diz João Paulo internet, sem anúncios e com profissionais da música
Nicolau, que fez o site experimental juntamente com seis amigos comandando a programação. A idéia é que as pessoas tenham
da faculdade. acesso aos DJs cariocas em seu momento de criação.
O tema do site foi sobre as capas da Bossa Nova criadas Com relação a este site, “o fator experimental é o formato
pelo designer César Villela. Enquanto as capas de disco eram do projeto como um todo... Tivemos várias questões ao longo
carregadas demais em cores, fotos e poluição visual, “o César do processo de criação e de implementação do projeto, tanto
trabalhava nas capas com o auto-contraste, colagens, de aspectos técnicos, quanto de interfaces, de funcionalidade
ilustrações, utilizando somente a combinação do preto e alguns inicial e de manutenção”, afirma Sérgio Barbará Filho, da Pura

50
alquimistas da web
Comunicação, ressaltando que, ainda hoje, estes formatos
estão sujeitos a mudanças.
Segundo Sérgio, a inovação do projeto, do ponto de vista
do usuário, está no fato das pessoas poderem ouvir música de
qualidade quando quiserem, escolhendo o estilo que mais
gostam. “Isso é como uma mistura de rádio com Ipod, onde você
escolhe um gênero, mas não sabe exatamente qual música vai
tocar”, completa ele.
Do ponto de vista tecnológico, há um arquivo só para a
rádio, que lê do bando de dados as opções disponíveis e mostra www.sahate.com.br/versus

ao usuário. “Esse arquivo em flash faz um stream de um arquivo A Webdesign entrevistou Victor Sahate, designer da Globo.com
e sócio-fundador da Red Alien, para saber mais sobre seu
Mp3 do servidor, com controle de volume e opções de play/
projeto experimental “Versus” :
pause”, diz Sérgio, lembrando que é preciso se cadastrar para 1. Para você, o que significa um site experimental?
ter acesso ao conteúdo do site. Tecnicamente, site experimental é um projeto online onde os criadores
testam algum tipo de tendência, idéia, novidade ou tecnologia que torne a
A Pura Comunicação tem outras experiências com sites
percepção/usabilidade dessa peça diferente . Acredito que a definição do
experimentais, como um projeto de cartões virtuais, de 2002, experimental está mais voltada para uma contemplação artística do que
que acabou sendo vendido para a Coca-Cola. “O projeto funcional. Uma relação emocional entre o usuário e o site. Vamos usar o
monitor como tela (e não é?), vamos utilizar as possibilidades da internet
combinava duas tecnologias (flash + Php/MySql) e exibia
como nossos pincéis e vamos transformar a rede em uma grande galeria...
textos dinâmicos dentro das animações... Me lembro que, na 2. Um projeto experimental tem liberdade de criação. Fale
época, ninguém tinha uma solução com esse formato, e sobre o prazer em realizar este tipo de projeto.
O prazer de criar este tipo de projeto existe sob 2 formas. Primeiro se
atravessamos um processo bem interessante até chegar no
materializa como uma realização pessoal... Uma vez disponível na
resultado final”, diz Sérgio. internet, ele estará lá, disponível pra todo mundo.
O segundo ocorre no momento que deixamos de pensar com nosso ego e
somos impactados emocionalmente pela nossa própria criação. Este prazer
é menos sensível, pois, de uma certa forma, ele já é sentido durante o
processo de criação porém, define a continuidade do processo.
3. O projeto VERSUS discute a dualidade entre sentimento e
razão. Fale um pouco sobre o equilíbrio necessário entre
emoção e razão para que se realize um trabalho na dose certa.
O Projeto Versus surgiu de uma discussão e enfoque do homem em um
cenário relativo. Foi a partir de uma prévia aceitação de que nós vivemos
uma eterna dualidade na relação entre razão e sentimento, e que isso reflete
em todos as nossas escolhas, atitudes, pensamentos e “sentimentos”, que
moldei a base desse projeto. Design lida com técnica, teoria e características
artísticas e podemos traçar uma relação direta entre design e a mente
humana. O que quero com isso é colocar sal, ou pimenta, na discussão
www.riolivesessions.com.br
“fronteiras entre design e arte”. Não quero dizer que design é efetivamente
arte, mas quero dizer que designers artistas fazem melhores projetos que
Outros sites experimentais: designers apenas técnicos... Ou então, que as características emocionais de
- www.agenciaclick.com.br/404 um projeto de design são fundamentais para seu sucesso. É justamente o
- http://infectous.plugin.com.br/reality/reality.html equilíbrio certo entre a razão e o sentimento que pode definir uma peça de
- www.meudicionariodamoda.hpg.com.br sucesso. Agora... acho que é cedo pra falar das doses certas para um perfeito
- www.lares.dti.ne.jp/~yugo/storage/monocrafts_ver3/03 equilíbrio. Não apenas cedo... pretensioso também.

51
51
52
#!
tutorial

Padrões Web Prof. Everaldo Bechara e Prof. Maurício Samy Silva


Professores do Centro de Treinamento iLearn
bechara@webdigitaldesign.com.br

Olá amigos, a partir deste número, estaremos juntos por Sites melhor visualizados em navegador X e resolução Y.
algumas edições através de tutoriais sobre os Padrões Web. Nossa Sites construídos com tabelas e mais tabelas aninhadas e mais
intenção é dar uma seqüência lógica para quem estiver interessado aninhadas, em um emaranhado, às vezes, impossível de se proceder
neste assunto para que entenda de uma forma natural e a um simples acréscimo de um link de navegação.
seqüenciada. Nossos artigos serão para iniciantes e profissionais, Quem não passou, ou ainda passa, por “estouros” de layout
pois sempre abordaremos de uma forma clara e objetiva os assuntos quando se deseja acrescentar alguma nova informação?
e também informaremos o que há de mais recente sobre os assuntos Existem muitos sites atuais que ainda são construídos desta
abordados. Portanto, sejam bem vindos e vamos a aula, ou melhor, forma. É sério!
aos tutoriais! Como afirma Jeffrey Zeldman (http://www.alistapart.com):
Neste primeiro tutorial abordaremos os Padrões e o HTML. “99,9% dos websites são obsoletos.”
Vamos recapitular um pouco sobre a história do surgimento dos Padrões Web! O W3C
Padrões Web. O W3C, percebendo o rumo caótico para onde se
Padrões Web! A expansão do HTML e o caos encaminhava a internet, não vem economizando esforços
O HTML, inicialmente restrito a um punhado de tags de no sentido de sensibilizar todas as organizações direta ou
marcação de textos, foi sendo ampliado de acordo com as indiretamente envolvidas com a web da necessidade de uma
solicitações do mercado, em franca e crescente expansão. As padronização. Padronização de softwares, de hardwares
solicitações passavam por necessidades de colorir, inserir imagens, de códigos de dispositivos, enfim de todo componente
som, mídias diversas, curvas, formas e tantas outras inerentes a relacionado a web.
uma apresentação visual cada vez mais criativa e sofisticada. Mais de 350 instituições espalhadas pelo mundo todo fazem
Tags e mais tags foram inventadas, scripts e facilidades de parte do Consórcio W3C.
renderização ao sabor e conveniências dos fabricantes. Uma padronização que garanta compatibilidade com
Tudo isto desembocou na famigerada “guerra dos browsers”, dispositivos em uso e com dispositivos futuros.
na qual cada fabricante desenvolvia ao seu juízo e sabor uma Uma padronização que garanta servir um único código não
solução proprietária para facilidades de renderização e interpretação só para diferentes navegadores e resoluções de monitor, como
da linguagem de marcação. também para diferentes mídias, dispositivos especiais e agentes
Era o caos. Códigos escritos para browsers. Versão para de usuário os mais diversos.
Internet Explorer e versão para Netscape, os gigantes do mercado. Por exemplo: um código de marcação único é servido para
Elemento HTML object para um e embbed para outro. E, um navegação em desktop, em telefone celular, em dispositivos
sofrimento, dor de cabeça, duplicação de trabalho, para fazer portáteis, para impressão, para leitor de tela etc., e, até mesmo,
funcionar o site. para os dispositivos que ainda estejam nas pranchetas dos
Sites construídos com scripts para identificar o browser do engenheiros!
usuário e servir o documento adequado, ou, na maioria das vezes, Fim dos scripts para detecção de browsers, fim de versões
apresentar uma mensagem com pedidos de desculpas por seu para navegadores, fim de versão para impressão, fim de
browser não suportar isto ou aquilo. inconsistência de renderização em browsers diversos, fim de

54
tutorial
duplicação de horas de trabalho, fim de dificuldades de manutenção Padrões Web! Especificação para HTML 4.01
de código. Ufa! Temos a certeza que você está louco para começar a Vamos, a seguir, examinar e analisar alguns aspectos das
aprender os Padrões Web!. Realmente, é tudo isso e ainda mais! Recomendações para o HTML 4.01 e estabelecer uma comparação
O W3C vem implementando novas tecnologias através entre o que preconizam os Padrões Web e o que se desenvolve na
de vastíssima documentação técnica disponível em seu site em maioria dos Websites.
http://www.w3.org. É verdade que as documentações do A estrutura global de um documento HTML
W3C são bem técnicas, mas o nosso objetivo é passar para Padrões:
vocês de uma forma amigável. Versão HTML:
Todo documento de padronização passa por uma ampla <! DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01

discussão, envolvendo o staff técnico do Consórcio com seus Transitional//EN”

inúmeros colaboradores de comprovada capacidade e saber, e “http://www.w3.org/TR/htm14/loose.dtd”>

longas e exaustivas listas de discussões e sugestões abertas ao <html>

público em geral até tornar-se uma recomendação oficial. Seção HEAD:


Padrões Web! Recomendações do W3C <head>

Toda esta coleção de documentos com o objetivo de unificar <title>Título do documento</title>

processos e fabricação de componentes para a web formam o que </head>

chamamos de Padrões Web. Seção BODY:


O grande objetivo dos Padrões Web está na própria <body>

definição da missão do W3C, que é: conduzir a World Wide <p>Conteúdo do documento</p>

Web ao seu potencial máximo, desenvolvendo Protocolos e </body>

Recomendações que garantam o seu desenvolvimento por um Uso corrente:


longo período de tempo. <html>

A seguir, citamos algumas entre as inúmeras das <head>

Recomendações desenvolvidas pelo W3C: <title>Título do documento</title>

<body>
Especificação para HTML 4.01 - Recomendação W3C de 24
<p>Conteúdo do documento</p>
de dezembro de 1999
</body>
http://www.w3.org/TR/REC-html40/
XHTML™ 1.0 Linguagem de marcação extensível para </html>
hipertexto (Segunda edição) – Uma reformulação do HTML 4
Comentário: A omissão da Versão do HTML, também
para XML 1.0 – Recomendação do W3C de 26 de janeiro de 2000
revisada em 01 de agosto de 2002
conhecida como Declaração de DOCTYPE ou simplesmente DTD, é um
http://www.w3.org/TR/2002/REC-xhtml1-20020801/ erro comum e que traz inconsistências na renderização do código.
Folhas de Estilo em Cascata, nível 2 – Recomendação W3C de
A DTD é tão importante na construção do código que é a
12 de maio de 1998, última revisão em 13 de junho de 2005
http://www.w3.org/TR/CSS21/
primeira linha de código segundo os Padrões Web. É ali que os
Recomendações para a acessibilidade do conteúdo da agentes de usuário encontraram as regras usadas pelo
Web - 1.0 - Guia do W3C, de 5 de Maio de 1999
desenvolvedor para escrever o código de marcação a ser
http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505/
XML Base - Recomendação W3C de 27 de junho de 2001
interpretado pelo agente de usuário.
http://www.w3.org/TR/2001/REC-xmlbase-20010627/ As recomendações estabelecem três versões de HTML para
escrever o código de marcação. São elas:

55
tutorial

HTML Strict <p>

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01// <font size=”3">O W3C e os padrões</font>

EN” </p>

“http://www.w3.org/TR/html4/strict.dtd”> <p>Bla...bla...bla</p>

HTML Transitional .............

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Comentário: O uso do elemento <h> para marcação dos seis
Transitional//EN” níveis de cabeçalhos deve ser em função exclusiva da sua finalidade
“http://www.w3.org/TR/html4/loose.dtd”> estrutural e não por apresentação visual.
HTML Frameset Níveis de cabeçalhos devem ser usados para demarcar seções
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 e subseções ou títulos e subtítulos de um texto.
Frameset//EN” O título geral da página deve ser marcado com <h1> e daí para
“http://www.w3.org/TR/html4/frameset.dtd”> baixo, na seqüência do texto, as marcações de níveis subseqüentes.
O HTML Strict não permite o uso de elementos e atributos HTML É dito comum: “Não uso <h1> porque o tamanho de fonte é
que estão em desuso (deprecated) segundo o W3C. muito grande e isto vai acabar com meu layout”.
Para uma listagem destes elementos e atributos consulte http:/ Puro equívoco, crasso erro de marcação. Use folhas de estilo
/www.w3.org/TR/REC-html40/index/elements.html e http:// para controlar as formatações.
www.w3.org/TR/REC-html40/index/attributes.html O uso do elemento <blockquote> para indentação de textos
O HTML Transitional permite o uso de elementos e atributos Padrões:
HTML que estão em desuso (deprecated) segundo o W3C. .............

O HTML Frameset permite o uso de elementos e atributos HTML <blockquote>

que estão em desuso (deprecated) segundo o W3C e os elementos <p>

específicos para frames. Folha de estilo em cascata é um mecanismo simples para

O uso do elemento <h> para cabeçalhos adicionar estilos (p.ex., fontes, cores, espaçamentos) aos

Padrões: documentos web.

............. </p>

<h1>Os Padrões Web</h1> <blockquote>

<h2>Introdução aos Padrões</h2> <p>

<p>Bla...bla...bla</p> Esta definição abre a Home Page das CSS no site do W3C.

<h2>O W3C e os padrões</h2> </p>

<p>Bla...bla...bla</p> .............

............. Uso corrente:


Uso corrente: .............

............. <blockquote>

<p><font size=”4">Os Padrões Web</font></p> Para entrar em contato com um dos nossos revendedores,

<p> consulte a página de links para revendas ou use nosso telefone de

<font size=”3">Introdução aos Padrões</font> informações.

</p> <blockquote>

<p>Bla...bla...bla</p> .............

56
tutorial
Comentário: O uso do elemento <blockquote> para Tags em desuso:
indentação de textos é uma prática amplamente empregada e <applet>

consagrada por desenvolvedores ainda presos à maneira <basefont>

ultrapassada de criar documentos. <center>

Este elemento foi criado com a finalidade de marcar blocos de <dir>

citações, e somente para isto deve ser utilizado. <font>

Se você pretende tabular um texto, use a propriedade text- <isindex>

indent das CSS. <menu>

Com estes exemplos acima, foi possível verificar algumas <s>

formas corretas de trabalharmos com o HTML Standards. Queremos <strike>

lembrá-los que alguns elementos do HTML já são considerados em <u>

desuso. Veja a lista ao lado e procure não mais usá-los. Em nosso próximo tutorial, estaremos escrevendo sobre o
XHTML. Até lá, amigos!

57
webwriting

Bruno Rodrigues
Autor do primeiro livro brasileiro e terceiro no mundo sobre conteúdo online, intitulado
“Webwriting - Pensando o texto para a mídia digital”. É coordenador de informação do
website Petrobras e titular da primeira coluna sobre Webwriting no mundo, elaborada
desde 1998 e hoje veiculada na revista online ‘WebInsider’. Ministra treinamentos de
Webwriting e Arquitetura da Informação no Brasil e no exterior.
bruno-rodrigues@uol.com.br

A linguagem na web
Faço questão de dividir com vocês o trabalho de pesquisa que desenvolvi sobre o comportamento
do conteúdo informativo online.
O estudo, intitulado “Como a ‘linguagem’ se comporta na internet?”, já foi apresentado a alguns dos
meus clientes, e sinto que consegui ajudar a desatar ‘nós’ em questões ligadas ao difícil relacionamento
de quem produz conteúdo informativo para grandes sites ou portais com seus diversos públicos-alvo.
Bon apétit!
Análise 1: ‘Linguagem’ na internet passa pela escolha de estilo
Entre os três estilos de redação - formal, semi-formal e informal - o semi-formal, derivado da
publicidade, é utilizado com mais eficácia na internet.
O estilo formal chegou a ser usado no início da web comercial, mas a ausência de empatia provocou
rejeição imediata.
O estilo informal é utilizado com sucesso em sites pessoais, blogs e sites de humor ou crítica, mas é
obviamente restrito.
Vê-se o semi-formal como aquele que disponibiliza a informação de maneira clara, com um ‘toque’ de
persuasão. No contato social, o semi-formal encontra um paralelo no relacionamento ‘educado’, ‘gentil’
ou ‘agradável’.
Conclusão: É recomendada a utilização do estilo semi-formal em boa parte dos públicos da internet,
em especial, os de sites empresariais ou de comércio eletrônico. É o estilo semi-formal a base segura, o
estofo para se iniciar um relacionamento eficaz com os públicos.
Ferramenta de normatização: Guia de redação e estilo, produzido a partir das características dos
conteúdos de cada site ou portal.
Análise 2: ‘Linguagem’ na internet passa pelo acesso a aspectos de uma
mesma informação
Toda informação na internet deve ser estruturada em camadas, para que diversos públicos tenham
acesso a aspectos específicos de uma mesma informação que lhes interessa.
Exemplo: ao falar em ‘perfil’ de uma empresa, ao estudante de 1º grau, interessa a história da
companhia, sua importância para a economia do país e suas atividades. Ao estudante de 2º grau - além
dos aspectos já citados – interessa, por exemplo, o envolvimento da empresa na preservação do meio
ambiente e em ações de responsabilidade social, além de seus patrocínios culturais. Ao universitário,
interessa a atuação da companhia no exterior e seu desempenho no mercado acionário.
Como se pode notar, são diversos aspectos, mas sobre uma mesma informação: o ‘perfil’
da empresa.

58
“Toda tentativa de escrever ‘diferente’ para públicos

webwriting
específicos é desastrosa. Quando se conclui que o
correto é apurar quais aspectos das informações o
público precisa, a aproximação é mais rápida”

Conclusão: Toda tentativa de escrever ‘diferente’ para públicos Ferramenta de normatização: A utilização de ferramentas de
específicos é desastrosa. Quando se conclui que o correto é apurar real interatividade com os públicos do portal, o que supõe
quais aspectos das informações o público precisa, a aproximação é ‘movimentos’ contínuos de relacionamento com um mesmo usuário, e
mais rápida, e a empatia, tão necessária, é conseqüência natural. não apenas dois ou três ‘movimentos’, como ocorre quando se
Ferramenta de normatização: Acompanhamento constante da responde um email ou se realiza uma promoção.
arquitetura do site ou portal, o que irá garantir, sempre, a boa Já estou fechando a grade de cursos sobre Webwriting e
distribuição da informação e um acesso sem dificuldades a seus Arquitetura da Informação para o segundo semestre. Quem desejar
diversos aspectos. informações, é só me enviar um email, O.K.?
Análise 3: ‘Linguagem’ na internet é resultado de
relacionamento
Verticalizar o conteúdo de um site ou portal é resultado do
conhecimento profundo de cada um dos públicos, que apenas um
razoável tempo de relacionamento entre quem produz o conteúdo e
quem o ‘consome’ é capaz de sedimentar.
Conhecer quais aspectos da informação ainda precisam ser
abordados, quais são os que constituem ‘excesso’ – tudo isso é
resultado de um contato permanente com o usuário.
Conclusão: Por mais que existam perfis previamente traçados,
somente se conhece a real necessidade de um público na internet
quando há a proposta de um relacionamento constante.

59
marketing

René de Paula Jr.


Analista de negócios da Sony Latin America, René é 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

Como se pega um beija-flor?


OK, isso não é coisa pra se perguntar assim, do nada, mas a questão quase me acerta na testa
mal eu abro a porta e, voilá, a dita ave em pânico se debatendo contra o teto, paredes, um furacão
azulado sem freios nem juízo.
Rapidamente, notei que alguém já estava se dedicando a esse problema filosófico de maneira
bastante atlética e, antes que ele literalmente matasse a charada, tirei meu gato de cena. O pobre
passarinho não tinha sete vidas, enfim.
Como se pega um beija-flor? Pensava eu, quebrando a cabeça, enquanto o pobre bicho quase
quebrava a própria. De sopetão? De tocaia? Com as mãos? Com uma rede? Perto de uma criatura
tão delicada, eu me senti um godzilla tosco. E pensar que ele descendia de dinossauros, e não eu.
O que tem essa história a ver com nosso métier, afinal? Well, pra mim, tem. Se você já teve
que cativar corações e mentes e fazer com que um projeto online fluísse, sabe do que estou
falando. Colaboração é avis rara, ave... do paraíso, quase.
Desenhar uma arquitetura, definir um fluxo de trabalho não é bicho de sete cabeças.
Difícil é fazer sete bichos humanos não baterem cabeças ao trabalhar em conjunto.
Muitas idéias “interativas” brilhantes nunca decolam porque dependem de uma integração,
de uma colaboração e de uma espontaneidade impensáveis em condições normais de
temperatura (baixa) e pressão (alta). As pessoas se entocam, viram porco-espinho e os
projetos atrofiam.
Gente é um bicho estranho mesmo: um mero boato faz com que cordeiros virem lobos, e o
que era uma alegre colméia vira ninho de vespas. A mera suspeita de uma mudança de
organograma é capaz de deixar gente sênior tão atarantada quanto meu beija-flor na cozinha.
É só passar o perigo, porém... que todos somos golfinhos brincalhões de novo.
Projetos de internet não escapam dessa selva. Qualquer projeto online, qualquer mesmo,
sacode estruturas. O mundo não é empresas de um lado, pessoas de outro, com a internet
servindo de ponte. O mundo real é feito de feudos, tribos, tramas, times rivais e outras
encrencas numa cartografia intrincada e, pior de tudo, invisível. Você só percebe que existia
uma fronteira depois que pisou no campo minado.
Information highway? Eu só vejo buraqueira, semáforos quebrados e gente em fila dupla.
Mas... qual a saída? Engrenar a tração nas 4 rodas e forçar o motor? Acredite: a menos
que você queira fundir motores e cérebros, não.
A primeira medida é... medir o terreno. Avalie muito bem quais são os interesses em jogo,
que resultados são realmente críticos e quais os fatores que podem levar o projeto à ruína.

60
“Desenhar uma arquitetura, definir um fluxo de
trabalho não é bicho de sete cabeças. Difícil é fazer
sete bichos humanos não baterem cabeças ao
trabalhar em conjunto”

Falta de verbas? Custo crescente? Estouro de prazo? Refaça a tua tempo,surge algo definitivamente maior que a soma das partes:
rota para não ficar no mato sem cachorro. colaboração, sinergia, fecundidade.
Segunda medida: casting. Como numa peça de teatro ou Vale a pena. Eu juro que vale. Digo isso com uma gata rajada se
filme, um projeto online precisa de atores, gente que reme, fique espreguiçando ao meu lado, gata sem dono que, inexplicavelmente,
no timão, gente que ice as velas. Investigue com carinho se as confiou em mim, entrou conosco no chalé e passou boas horas no
pessoas são aptas a tocar esse barco. meu colo diante da lareira. Um dengo. Que diferença do meu gato
OK, a essa altura teu projeto já tem motor, airbags, piloto, maldoso que quase enfartou um beija-flor desnorteado.
navegador e o tanque cheio de combu$tível. Mas, o que impede Falando nele... como eu peguei o beija-flor? Nem sei. Sentei
essa turma de desencanar e ir para o litoral norte ser feliz? Simples: por uns bons trinta minutos ali, tranqüilo, esperando que em algum
envolvimento. Eis aí nossa ave fugidia, nosso beija-flor assustado. momento ele se acalmasse e aceitasse minha mão. Uma bela hora,
Todo começo de projeto online parece sala de aula: sempre eu lhe estendi com calma um apoio, ele pousou ali e eu, lentamente,
um ou dois levantam a mão ansiosos por responder, enquanto uma o levei até a janela. Lá se foi ele.
turma enorme faz cara de paisagem. Teu projeto também vai ter Deve haver outras maneiras, imagino. Mas isso é o que eu
um ou dois entusiastas, mas ainda falta cativar o resto das tribos. soube fazer: me desarmar e estender a mão.
Aí está o segredo: as malditas tribos. Os dinossauros acabaram virando pássaros. Se você facilitar,
Mas, por mais que a gente se feche em tribos (atendimento pessoas também criam asas.
x criação, comercial x desenvolvimento, TI x marketing), tribos
são feitas de pessoas, e pessoas são muito mais ricas,
complexas e interessantes do que um mero rótulo. Veja teus
amigos no orkut: você sempre se surpreende por descobrir que
um conhecido teu, de outra tribo completamente distinta,
também está na comunidade “eu adoro pizza amanhecida”.
Quem diria... Outro colega teu de departamento, tímido e
fechado, é popularíssimo numa comunidade forrada de
conhecidos do outro andar. Ora vejam...
Se você criar oportunidades e propiciar o clima adequado, as
pessoas saem da toca e criam novos laços, novas afinidades, e
perdem a vergonha de levantar a mão e vir à lousa.
Não é fácil não, mas compensa. É um processo delicado, que
requer sensibilidade, justiça e alguém que transite livremente.
Mais importante ainda: alguém que saiba reconhecer, valorizar e
incentivar as atitudes pró-ativas, generosas. Em pouco

61
Marcos Nähr
criação

Web technologist do departamento de marketing da Dell Computadores.


Responsável pelo desenvolvimento do site e loja online da Dell Computadores no Brasil.
marcos_nahr@d ell.com

Usuários não existem


Digamos que você esteja criando um website para uma agência de viagens que tenha
como foco o público feminino. Em suas pesquisas sobre os consumidores deste tipo de
serviço, você descobriu que o público-alvo, os futuros usuários deste website, é o
seguinte: mulher, profissional bem sucedida, idade dentre 25 e 54 anos, renda na faixa de
R$ 5.000 mensais e com dois filhos. Todas estas informações caracterizam o usuário para o
website que você está desenvolvendo e são muito valiosas, não há dúvida alguma quanto
a isto. Agora, então, depois de ter coletado e analisado todos estes dados, você já está
pronto para iniciar a criação do website, certo? ERRADO!
Você ainda tem um grande problema a resolver: Usuários não existem!
Usuários são, na verdade, figuras míticas que existem apenas nas estatísticas e nas
planilhas de Excel. Usuários não existem no mundo real. Usuários não possuem
sentimentos, não pensam, não tomam decisões e também não cometem erros.
Seguindo com o exemplo da agência de viagens, podem existir duas mulheres
completamente diferentes e que, ainda assim, se encaixem no perfil que você acabou de
traçar em sua pesquisa, mas o modo de comprar, de pesquisar na internet é completamente
diferente para elas. Uma é extrovertida, vai atrás do que quer sem hesitar. Ela adora
desafios e toma decisões rápidas. Já a outra é extremamente introvertida, quieta e não
gosta de ser apressada no seu processo de escolha, pois adora pesquisar muito antes de
tomar qualquer decisão.
Você já deve ter percebido que não vai poder se basear apenas em usuários na hora de
projetar um website. Como então criar um website que satisfaça tantas pessoas diferentes,
com necessidades diferentes e diferentes processos de escolha e compra pela internet,
apesar de estarem dentro de um mesmo perfil de usuários?
Persona-based design - este termo, que pode ser traduzido como “design baseado
em personagens”, descreve uma forma de abordagem para a elaboração de interfaces que
pode preencher a lacuna existente na simples análise de usuários. Ela se sustenta na
criação de personagens baseados em dados etnográficos coletados durante a pesquisa do
público-alvo para o qual você irá criar uma interface. Os dados etnográficos compreendem
aspectos de comportamento que focam sua análise no que os usuários fazem, no que os
frustra ou lhes dá satisfação. Um personagem é um arquétipo de usuário que pode ajudar
você na tomada de decisões sobre ferramentas, navegação, usabilidade, interações em
geral e, até mesmo, em aspectos estéticos.

62
criação
“Usuários são na verdade figuras míticas que existem
apenas nas estatísticas e nas planilhas de Excel.
Usuários não existem no mundo real”

Ao criar um design para estes personagens, você estará, (guiados pela perspectiva do personagem em foco), uma série de
na verdade, satisfazendo as necessidades de um grupo de batalhas que ocorrem durante o processo de criação são eliminadas.
pessoas muito maior representado por este arquétipo. Isto, sem dúvida, economiza tempo e dinheiro necessários nesta
Existem diferentes maneiras de se conduzir um design fase do projeto. O design baseado em personagens também tem se
baseado em personagens, e várias delas já vêm sendo mostrado realmente interessante e eficaz nos processos de redesign.
utilizadas por agências de design. Uma técnica que você pode Como existem dados anteriores, você pode comprovar as melhoras
usar é a aplicação dos dados coletados (padrões de em todos os aspectos, como o aumento do tráfego, da lealdade dos
comportamentos, necessidades, anseios e modo de agir) na clientes e da satisfação das pessoas que navegam no website.
criação de quatro ou cinco personagens com objetivos, tarefas Quando você estiver criando um website, lembre-se que
a serem realizadas e habilidades diferentes. Para isto você usuários não existem, pessoas sim!
deve identificar os padrões de comportamento disponíveis nos
dados coletados. Com estas características únicas de cada
personagem, elabore pequenas histórias em formato
narrativo sobre cada uma delas, com detalhes que possam ser
importantes para o design do sistema. Isto irá ajudar a criar
uma ligação emocional entre você e os personagens.
Esta ligação afetiva entre o designer e os personagens é
importante por vários motivos. Quando você trabalha para
“pessoas reais” com uma história, com necessidades, modo de agir
real, você se livra das discussões superficiais e também corre menos
o risco de acabar criando uma interface que agrade a você, mas que
não será a ideal para quem realmente irá usar o website.
Este tipo de abordagem é ainda mais eficaz quando se tem um
time de designers trabalhando em um mesmo projeto, pois, quando
todos os membros do time passam a trabalhar de maneira mais
unificada, sabendo para quem estão desenvolvendo a interface

63
webdesign

Luli Radfahrer
PhD em Com unicação Digital, já dirigiu a divisão de internet de algum as das m aiores
agências de propaganda e de alguns dos m aiores portais do Brasil. Hoje, é Professor-
Doutor da ECA -US P, Diretor A s s ociado do Mus eu de A rte Contem porâ nea e cons ultor
independente. A utor do livro ‘ des ign/ w eb/ des ign:2’ , adm inis tra um a com unidade de
difus ão do conhecim ento digital pelo país .
webdesign@luli.com.br

Estressou? Vá surfar!
A capacidade criativa é como uma caixa d’água: se não
for preenchida, seca.

“Um dia ruim a surfar é melhor que um bom dia a trabalhar”... há muito tempo que não
ouço essa expressão, nem sei mais de pessoas que usam o surfe como ferramenta de
combate ao esgotamento provocado pelo excesso de demandas dos dias de hoje. Não me
refiro àquele esporte perigoso, extenuante e cheio de fatores incontroláveis – água,
parafina, equilíbrio e areia – praticado por pessoas do século passado (como eu,) mas ao
saudável e divertido ato de se surfar na internet.
Surfar? É. No século, passado era assim que as pessoas se referiam ao ato de se
acessar a web. Como eram poucas as empresas que disponibilizavam algum tipo de
conteúdo online, boa parte do tempo na rede era gasto em visitar portais, que tinham esse
nome porque serviam de porta de acesso a outros sites, com dezenas (alguns até centenas)
de “links interessantes”. A falta de conteúdo era tamanha, a ponto de existir a profissão de
mining, que nada mais era que o ato de visitar sites, selecionar os mais bacanas e ainda ser
pago por isso.
A arqueologia digital acaba por aqui. O mundo mudou e o internauta mudou com ele.
Nunca se passou tanto tempo online como hoje, é verdade, mas a maior parte desse tempo
é gasta em acessar e-mail, tagarelar em sistemas de mensagens instantâneas e em
ambientes de comunidade, como o Orkut, ou até a visitar portais, que hoje são muito mais
parecidos com jornais que com guias de navegação. Por mais que se usem sites de busca,
surfa-se muito pouco. A maior parte dos usuários procura uma informação, pega o que
precisa e sai rapidinho.
O que é uma pena. A web que, em seu começo, era o símbolo da democracia digital e do
acesso às mais diferentes fontes de informação, tornou-se, com o tempo, o ícone maior da
cultura de conveniência: se você quer citar alguém sobre algo e nunca leu nada a respeito,
basta “googlar” o nome e ganha-se um PhD instantâneo. A antiga curiosidade em se saber
o que acontecia em cabeças criativas ao redor do planeta – que uma vez foi definida como
“a maior galeria de arte aberta do mundo” – hoje nada mais é que um imenso disk-pizza de
informação para todos os gostos e preconceitos.
Até mesmo os blogs, que, ao darem ao usuário comum poderes de editor jornalístico
internacional, deveriam estimular a navegação, não o fazem. A maioria deles até começa
com um punhado de boas intenções, para depois de alguns meses (quando não semanas),
caírem na mesmice de alguém que não tinha muito a dizer.

64
webdesign
“A web que, em seu começo, era o símbolo da
democracia digital e do acesso às mais diferentes
fontes de informação, tornou-se, com o tempo, o
ícone maior da cultura de conveniência”

Da mesma forma que seu equivalente físico, não há Para se prever a onda, é necessário estar no mar. Para
esporte mais sem finalidade que o surfe. No mar, com uma se descer a onda, é preciso tomar uns bons caldos. Ninguém
prancha, não se vai a lugar algum. O atleta nada para nasce sabendo e nenhum conhecimento é perene.
atravessar a arrebentação, senta-se e espera em atitude Ferramentas como o StumbleUpon, ou comunidades como o
contemplativa algo acontecer. Um tremer, um vento, uma Flickr, podem abrir fronteiras e renovar conceitos. Elas
mudança de temperatura da água e pode-se ter certeza que devem ser usadas sempre, não no desespero da falta de
vem uma boa série de ondas por aí. Veio a onda, o combate idéia de última hora. O passeio por elas poderá levar a uma
não dura muito mais que um minuto e já se está na areia série de coisas inúteis que, quando se menos espera, se
para recomeçar tudo de novo. revelam bastante úteis.
Inútil? Para os parâmetros atuais de cultura Como o relógio que ilustra este artigo (em http://
instantânea, sem dúvida. Para aqueles que carregam suas www.lares.dti.ne.jp/~yugo/storage/monocrafts_ver3/03/).
pranchas para o mar todo final de semana, sem nenhum Por mais ridículo e divertido que seja, dá uma perspectiva
instinto de competição, essa atividade física extenuante é diferente do que aprendemos a entender por webdesign.
estranhamente prazerosa, pois permite ao atleta uma
percepção sem precedentes do ambiente à sua volta e de
seus recursos.
Na internet, não é tão diferente assim. Cada website é
um portfólio, e é, às vezes, nas coisas mais simples ou
esdrúxulas que estão as idéias mais ricas. Ao se navegar
sem direção em um mundo de páginas livres, é possível
descobrir novas formas de diagramar, de compor imagens,
de se animar recursos. A criatividade é uma grandeza
dinâmica, se não é renovada, se esgota.
A maioria dos designers adora websites de portfólio e
só ativa os neurônios quando liga o Flash. Ao descobrir um
efeito interessante, preocupa-se mais em copiá-lo que em
entender seus motivos ou relevância. Usando da desculpa
que “cliente não tem noção”, muitos truques são repetidos
até se esgotar a fonte. O resultado final é de uma mesmice
vazia, muitas vezes sem significado, que faz com que todos
os sites tenham a mesma cara.

65
66