maio 2005 :: ano 2 :: nº17 :: www.arteccom.com.

br/webdesign

as melhores formas de gerenciar informações no seu site

debate
desenvolver ou comprar um
gerenciador pronto: qual a
melhor opção?

e-mais
veja como criar sites para
cantoras pode alavancar
novos projetos

colunas
René de Paula fala sobre
podcasting, RSS e outras
invenções úteis na web

especial
a partir desta edição,
Web Standards é tema
mensal do tutorial

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

arteccom
Case: Gisele Bündchen
“Com o site, sinto de perto o carinho dos fãs” Gisele Bündchen
Übersite tem textos produzidos pela própria modelo e valoriza a sua personalidade simples
Confira a matéria com a produtora web e depoimentos das irmãs da top
direitos autorais
3
 Equipe

Editorial
quem somos

Direção Geral
Adriana Melo
O design atrapalha?! adriana@arteccom.com.br
Direção de Arte
Outro dia li no site Usabilidoido*, do nosso amigo Frederick Van Amstel Patrícia Maia
que o design, digamos, “atrapalha”: patricia@arteccom.com.br
Ilustração
“O mundo seria muito mais simples e proporcionalmente menos atrativo Beto Vieira
beto@arteccom.com.br
se não existisse o tal design, afinal, quanto o seu aplicativo consome de
Diagramação
banda só para mostrar aquelas belas imagens, que atraem e te instigam ao Jeferso n Costa
jeferson@arteccom.com.br
consumismo, ao entretenimento e em raras exceções, a usabilidade e Direção de Redação
ergonomia?” Wanderson Andrade. Andr é Philipp e Iunes

:: 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.
andre@arteccom.com.br
E ele tem razão! Infelizmente, e principalmente na internet, o design, Redação
Bet e V e i g a
na maioria das vezes, atrapalha. O que procuramos na internet? Conteúdo,
bete@arteccom.com.br
informação. Quando nós, designers, criamos barreiras para que os usuários Tatiana Serra
tatiana@arteccom.com.br
encontrem o que buscam, estamos agindo contra os princípios do design. Vaness a Barbosa
Essa edição da Webdesign é sobre conteúdo. Tenho certeza que não vanessa@arteccom.com.br
Assinaturas
atrairá tanto o público como em outros números, quando tratamos de flash, Jan e Costa
jane@arteccom.com.br
de cores, de criatividade, etc.. Mas a matéria-prima do designer é a INFOR-
Gerência de Tecnologia
MAÇÃO. Estamos a serviço do conteúdo de um site. Temos que fazer com Fabi o Pinheiro
fabio@arteccom.com.br
que a COMUNICAÇÃO entre a empresa e seus clientes seja feita da melhor Webdeveloping
forma possível. A função do designer é fazer uma empresa se comunicar de Eric Nascimento
eric@arteccom.com.br
forma clara, eficiente, ágil, segura e atraente. Encontrar o equilíbrio entre Financeiro
Luana Rocha
essas funções é um desafio. Isso é o design.
luana@arteccom.com.br
Então, vamos dar a devida importância ao CONTEÚDO. O design deve
A Arteccom é uma empresa de design, especializada na
criação de sites e responsável pelos seguintes projetos:
ser o cenário de uma peça de teatro: ele não deve aparecer mais que os Revista Webdesign :: www.arteccom.com.br/webdesign
Curso Web para Designers :: www.arteccom.com.br/curso
atores, mas deve fazer com que a peça seja melhor compreendida. Encontro de Web Design :: www.arteccom.com.br/encontro
Portal Banana Design :: www.bananadesign.com.br
Boa leitura!

Criação e edição
www.arteccom.com.br
Adriana Melo
Produção gráfica
www.prolgrafica.com.br
* www.usabilidoido.com.br/materializar_o_virtual_da_credibilidade.html#1163
Distribuição
Comentário de Wanderson Andrade, em 12/04/05.
www.chinaglia.com.br

4
 menu
apresentação matéria de capa
pág. 4 quem somos pág. 20 entrevista: Eduardo Lapa
pág. 5 menu pág. 25 Independência na gestão de informações

contato
e-mais
pág. 6 emails
pág. 40 estudo de caso: Gisele Bündchen
pág. 6 fale conosco
pág. 46 artigo: Vozes femininas na web
pág. 54 tutorial : Tableless
fique por dentro
pág. 8 direito na web
com a palavra
pág. 9 adote esta página
pág. 58 criação: Marcos Nähr
pág. 10 clipping
pág. 60 estratégia: Ricardo de Bem
pág. 62 bula da Catunda: Marcela Catunda
portfólio
pág. 62 marketing: René de Paula Jr.
pág. 13 veterano: Sapien
pág. 18 calouro: Rafael Lobo
emails
Assunto: Venda de sites
Sugestão de pauta: quem são
os profissionais de vendas de
website?
Amauri Barros
amauribarros@estadao.com.br
Olá Amauri! Muito boa sua idéia!
Vamos fazer uma pesquisa para saber
como as empresas grandes e
pequenas se apresentam para o
mercado. Obrigada pela sua valiosa
sugestão!
Assunto: Adobe +
Macromedia
Olá, gostaria que a revista
falasse se a compra da
Macromedia pela Adobe vai
influenciar a vida de simples
mortais...
Elaine
elaine@fivemedia.com.br
Entramos em contato com o pessoal
da Macromedia, que nos informou
que em breve, quando o diretor
Antonio Schuch voltar
negociações nos EUA,
divulgadas todas as informações
sobre esta grande fusão. Na edição
de junho poderemos esclarecer
melhor o assunto, ok?
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
Assunto: Novo site da
Webdesign
Gostaria de sugerir que, no
site da revista, estivesse
disponível o sumário
completo das edições
passadas. Queria comprar
algumas edições avulsas, mas
como vou escolher sem saber
o que tem em cada uma?
Abraço e parabéns pela
revista.
Marcelo
passantes@bol.com.br
Querido Marcelo,
Este site da revista realmente está
com uma série de problemas, um
deles é este que você citou.
Desenvolvemos este projeto no
lançamento da revista, o conteúdo
cresceu muito e agora este modelo
de site não sustenta toda a
informação. Mas temos uma boa
notícia: estamos fazendo o redesenho
do site! Em breve lançaremos o novo
projeto. Aguarde! Por enquanto,
Marcelo, inserimos o sumário das
edições um pouco mais completo,
para você.
das
serão
Assunto: Gerenciadores de
conteúdo
Li na sessão “Emails” a proposta
da Adriana Christo sobre a
avaliação de gerenciadores de
conteúdo e tenho uns pontos
que acho interessante serem Fiquei realmente feliz por termos
abordados.
acertado nos assuntos de seu interesse.
Hoje estão disponíveis no
Procuramos ouvir bastante os leitores.
mercado basicamente duas
Quanto mais vocês contribuem com
vertentes de gerenciadores de
sugestões, mais a revista atinge seu
conteúdo: os famosos
“enlatados”, que são aqueles objetivo: atender e superar as
que a empresa já fornece expectativas dos leitores!
soluções prontas para o cliente
gerenciar seu projeto web, e os
feitos sob medida, que são
desenvolvidos de acordo com
necessidades específicas do
cliente. Entre esses dois, seria
interessante levantar os pontos
decisivos que levariam um
cliente a optar por uma ou
outra solução. O que é mais
vantajoso, tendo em vista que o
custo entre ambos é bem
diferenciado, e claro o resultado
também pode ser! Assunto: Erramos :-(
Rafael Forte
raf@wx7.com.br Oi! Gostaria de falar sobre a
edição sobre Flash. É por
Olá Rafael. Pois é, nesta edição estamos querer que a revista fique aí
atendendo ao pedido da Adriana no por muito tempo que me
debate “Gerenciador: desenvolver ou obriguei a escrever este email.
Bem, vou ao ponto: a matéria
comprar pronto?”. Gostei também de suas
não era o que eu esperava, fala
dicas. Seu email foi transmitido para nossa
de modo muito genérico do
jornalista e tenho certeza que ajudou no
flash, não traz dicas ou truques
desenvolvimento da matéria.
ou mesmo sites de refêrencia.
Um grande abraço e muito obrigada pela Bem, talvez eu esteja sendo
contribuição! precipitado na crítica, posso não
ter entendido a intenção da
matéria, mas apenas escrevi
Assunto: Acertamos! :-) com a intenção de colaborar.
Fábio Steinert
Olá, pessoal! Apesar de ser
ed_fabio@yahoo.com.br
leitor e assinante desde a
primeira edição, nunca entrei
Olá Fábio. Muito obrigada pela crítica
em contato com vocês, mas
super construtiva. Realmente houve uma
dessa vez me sinto na
falha de comunicação entre a equipe da
obrigação. Vocês conseguiram
em 3 edições seguidas tratar Webdesign em relação ao conteúdo desta
de assuntos super pertinentes: matéria. Na correria acabou que não ficou
custos, flash e tableless. exatamente como gostaríamos mesmo.
Parabéns e até o Encontro de Mas continue colaborando, por favor,
Web Design! com nossa revista! Um grande abraço e
Khristofferson Silveira muito obrigada novamente,
k.a.silveira@gmail.com
Adriana
7
direito na web
Marianna Furtado é advogada
com pós-graduação em Direito
da Propriedade Intelectual
pela PUC-Rio. Atualmente,
pertence à equipe do escritório
Montaury Pimenta, Machado &
Lioce Advogados.
Envie sua dúvida para:
marianna@montaury.com.br
8
Protegendo seu site
Como eu posso proteger o meu site? Quais elementos constantes em um website
são protegidos pelo direito autoral?
Daniel Spoladore (dspoladore@hotmail.com)
Como o website existe em função de um
conteúdo, que é gerenciado pelo webmaster
(profissional responsável pela atualização das
diferentes páginas e pela manutenção dos re-
cursos técnicos), essa atividade (do webmaster)
tem sido equiparada a de um editor.
Ademais, considerando que os dados, in-
formações e outros materiais que compõem o
conteúdo do website são estruturados de uma
maneira sistemática de acordo com critérios de
seleção, organização e disposição de seu con-
teúdo de forma a otimizar sua funcionalidade,
alguns de seus elementos podem ser protegi-
dos pelo Direito Autoral: aspecto gráfico, base
de dados eletrônica (a estrutura do website) e
o conteúdo (texto, som e imagem).
A elaboração do aspecto visual e gráfico
das diferentes páginas que compõem o website
constitui uma atividade criativa que revela em
grande parte dos casos originalidade. A indivi-
dualidade e a personalidade do website decor-
rem de seu aspecto visual, sendo certo que a
concepção gráfica não se limita a um trabalho
técnico destinado a resolver problemas de fun-
cionalidade. A concepção gráfica do website
envolve alto grau de sensibilidade estética e
criatividade artística e, dessa forma, merece
ser protegido pelo direito autoral, sendo equi-
parado por analogia às obras de artes plásticas.
A Base de Dados pode ser protegida
pelo Direito de Autor desde que a seleção,
organização ou disposição de seu conteúdo
sejam dotados de alguma criatividade, algo
realmente diferente.
Textos estão sempre presentes em
websites pois transmitem uma exatidão que rara-
mente é alcançada apenas por sons e imagens.
Por essa razão a palavra escrita é largamente
utilizada em títulos e cabeçalhos, em menus de
opções, etc. Portanto, como dispõe o artigo 7.º,
I da Lei de Direito Autoral, os textos literários,
artísticos e científicos são protegidos pelo direito
de autor, independentemente de serem impres-
sos ou de estarem localizados em websites. Há
que se ressaltar que alguns ícones (aqueles que
tem algum significado e consiga transmitir uma
mensagem, como por exemplo: a lata de lixo
que é empregada para se desfazer de arquivos
ou a ampulheta que avisa ao usuário que deve
aguardar o processamento do computador)
também são protegidos da mesma forma que o
texto convencional.
O som, a melodia e a composição musical
também recebem proteção pelo Direito Auto-
ral, naturalmente.
Quanto às imagens, tanto as estáticas
como aquelas em movimento, dotadas de origi-
nalidade, são protegidas pelo direito de autor.
As obras acima podem ser registradas
para efeito de comprovação de autoria e ante-
rioridade na Escola de Belas Artes da UFRJ
(www.eba.ufrj.br), na Biblioteca Nacional
(www.bn.br) e na Escola de Música da UFRJ
(www.musica.ufrj.br).
 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 CADRITECH 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 CADRITECH, 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

9
9
clipping

Internauta Microsoft apóia inclusão digital no

reduz tempo
com família e
dorme menos
Internautas que acessam a Web
em casa reduzem em pelo
menos dez minutos por dia seu
tempo de comunicação cara a
cara com a família para ficar online. Em função da Internet, eles também
dormem menos - diminuem o tempo de sono em 25 minutos diários. As
conclusões são de um estudo da Mediaplanning realizado na Espanha,
onde 19% dos usuários da Internet reconhecem que dormem menos
para ficar conectados mais tempo.
O uso da Internet também faz com que diminua em meia hora diária o
tempo dedicado a ver televisão. Entre os espanhóis, 67% dos
internautas reconhece ter assistido muito menos TV para ficar no
computador. Do estudo também se conclui que o uso mais comum da
navegação é a realização de buscas em ferramentas de busca ou
diretórios, seguida pela leitura de notícias, a consulta a mapas e
download de softwares e músicas.
(01)
Ligue-se no Mososo
O que poderá resultar da soma do Orkut ou do Friendster com um
celular? A resposta é Mososo. O nome, curioso, é o acrônimo para
Mobile Social Software (rede de amizades pelos sem fio) que está
na moda nos Estados Unidos e em alguns países da Europa. Por
aqui, a tecnologia ainda não decolou.
Há muitos sites que oferecem o serviço. O americano Dodgeball e
o inglês Playtxt são os mais populares. Você se inscreve e,
quando for o caso, recebe uma mensagem de texto apontando
para um amigo que esteja próximo ou alguém que tenha manias e
gostos iguais aos seus.
Dennis Crowly, fundador do Dodgeball, diz que a rapidez é um
dos fatores de sucesso do Mososo. “Nossos usuários nos
comunicam, via SMS, onde eles estão - seja num bar, restaurante
ou metrô. Como nós temos um banco de dados de centenas de
lugares em todo o país, as pessoas são avisadas imediatamente
de que fulano ou beltrano estão por perto”, explica.
O Mososo, a exemplo do
Orkut, também tem uma
“crush-list”. Quando duas
pessoas colocam uma à
outra em suas crush-lists, o
Dodgeball envia uma SMS
a ambos, avisando que existe
uma atração mútua. (03)
Brasil
A Microsoft anunciou que irá se unir aos esforços do governo brasileiro
para promover em maior escala a inclusão digital no país. Inicialmente,
a gigante do software apoiará a instalação de dez novas Escolas de
Informática e Cidadania (EICs) do Comitê para Democratização da
Informática (CDI) em unidades da Febem e contribuirá para a
expansão da Rede Jovem, projeto da organização não-governamental
Comunitas.
A iniciativa faz parte do Unlimited Potential, programa mundial da
Microsoft lançado em 2003, que prevê investimento de US$ 1 bilhão
em cinco anos em todo o mundo. Os recursos são destinados a
fortalecer centros de capacitação que oferecem treinamento em
tecnologia da informação para comunidades menos favorecidas.
A parceria com o CDI permitirá a Febem ampliar para 21 o número de
EICs na instituição, beneficiando cerca de três mil internos. Para tanto,
a Microsoft investirá US$ 70,5 mil, além de doar licenças de software.
Pelo acordo com a Comunitas, a Microsoft destinará US$ 85 mil mais
licenças de software para treinamento online nos 52 telecentros
mantidos pela Rede Jovem no estado do Rio de Janeiro. Conhecidos
como Espaços Jovem, os telecentros dão oportunidades para que
adolescentes pobres conheçam e utilizem as tecnologias de informação
e comunicação.
(02)
Lançamento: A cor como informação
O livro “A cor como informação” de Luciano Guimarães apresenta seis
capítulos que abordam o tema em sua complexidade. Da exata
delimitação da cor como informação cultural e suporte para a expressão
simbólica na comunicação humana, até a investigação dos processos
de percepção e seus “comportamentos” para a geração de sentido, o
autor expõe um universo interdisciplinar, ancorado no que há de mais
recente na bibliografia da Semiótica da Cultura das Ciências da
Cultura. Esta obra caminha sobre alguns dos problemas do uso das
cores - no nosso atual universo da mídia - e apresenta considerações
que esclarecem e enriquecem o repertório de todos aqueles que
também se utilizam da cor na comunicação. Mais que uma pesquisa
interdisciplinar, este livro é importante
referência atual para o uso do fenômeno
cromático. O livro “As Cores na Mídia” ,
do mesmo autor, apresenta um novo
domínio para a cor, voltado para a
Informação produzida pela mídia
jornalística. Com esta abordagem, realiza
uma análise crítica do uso da cor em
jornais, revistas, sites e telejornais.Á
venda no site www.annablume.com.br.

10
 clipping
Internauta pede US$ 50 mil para não matar coelho
Um internauta tem perturbado os amantes dos animais ao ameaçar, pela internet, matar seu animal de
estimação, um pequeno coelho chamado Toby, se não receber, até o dia 30 de junho, um total de US$ 50
mil. A ameaça - amplamente documentada no site www.savetoby.com - parece ter surtido efeito, como
mostram os US$ 19,7 mil que seu proprietário assegura ter arrecadado até agora.
“Toby é o coelho mais lindo do planeta. Infelizmente, morrerá se você não me ajudar”, assegura o homem.
O internauta diz ter achado por acaso o animal de estimação na entrada de sua casa. A chantagem
emocional é detalhada no site, através de fotos do coelho, algumas com ele na palma da mão do homem,
olhando para a câmera ou dando um passeio pelo campo. Em outras, o proprietário, que se mantém no
anonimato, se mostra mais cruel, ao apresentar o coelho em uma frigideira ou em um prato com guarnição.
O site www.savetoby.com mostra uma ampla variedade de produtos, como bonés, xícaras, camisetas,
bolsas, cartões, broches e até roupa íntima para homem e mulher. Todos, é claro, com a estampa do coelho e os dizeres “save Toby” (salvem Toby).
Outras partes do endereço eletrônico mostram os vários e-mails que o proprietário recebeu, que vão de ofertas para comprar o coelho, passando por
insultos e até por ameaças de morte.
O proprietário do coelho, no entanto, se mantém impassível e informa que tem planos para escrever um livro sobre o tormento de seu animal de
estimação, e inclusive pode até gravar um filme.
(04)

Google planeja lançar blog de vídeo

Cada bug do Firefox vale 500
dólares
A fundação Mozilla está promovendo um concurso original,
chamado Mozilla Bug Bounty Program. Financiado pela Linspire,
ele está pagando 500 dólares por bug considerado grave
encontrado no Firefox. A idéia surgiu na semana passada, depois
que a empresa de segurança Symantec denunciou que o Firefox
apresentava mais vulnerabilidades do que o Internet Explorer,
da Microsoft.
Como o Firefox é baseado em código livre, a intenção da Mozilla
é lançar um desafio aos especialistas para
que eles contribuam para o
aperfeiçoamento do software.
Segundo o fórum online
error500.net, o
programador Michael
Krax já embolsou US$
2.500 pelas cinco falhas
que achou no browser.
(06)
(05)
(01) http://tecnologia.terra.com.br/interna/0,,OI508441-EI4802,00.html
(02) http://www.estadao.com.br/tecnologia/informatica/2005/mar/31/168.htm
(03) http://www.estadao.com.br/tecnologia/internet/2005/abr/02/5.htm
(04) http://tecnologia.terra.com.br/interna/0,,OI493127-EI4802,00.html
(05) http://www.estadao.com.br/tecnologia/informatica/2005/abr/07/93.htm
(06) http://tecnologia.terra.com.br/interna/0,,OI507224-EI4802,00.html
O Google anunciou que pretende criar um serviço de blogs para
armazenar vídeos pessoais. “Vamos começar a aceitar vídeos das
pessoas”, explicou Larry Page, um dos fundadores e atual co-proprietário
do Google.
De acordo com site Ciberia, Page fez o anúncio durante uma convenção em
São Francisco. A nova funcionalidade vem no seguimento do Google vídeo,
um serviço que a empresa lançou no início deste ano em versão beta.
O Google vídeo permite aos internautas consultarem conteúdos televisivos
(sinopses e cenas) de vários canais como a Fox News. A nova cria do Google
direcionada para vídeos, deve se chamar Vlogging.
O novo serviço deverá estar disponível no próximo mês. De acordo com
Page, o Google “vai começar a receber vídeos das pessoas, não estamos
certos do que iremos receber, mas estamos dispostos a experimentar”.
(06)
Palestra gratuita em São Paulo
 A Impacta Tecnologia irá promover a palestra gratuita
“Web - O Futuro no desenvolvimento de Sites e
Aplicações para Internet” no dia 21 de maio, das 10 às 13
horas no Auditório da Impacta (Rua Arabé nº 71, próximo
ao Metrô Sta Cruz), em São Paulo. Serão abordados
temas como: A invenção da WEB; O início, uma Internet
sem preparo; Big Bang: Fazedores de páginas; O E-
commerce no Brasil; A “Matéria Escura” da WEB; O que é
R.I.A.? Internet para mobiles e handhelds; Tendências da
WEB, o que está por vir?; e Como estar capacitado para
competir no mercado de desenvolvimento WEB?
Inscrições pelo site ou www.fiti.org.br/palestra.asp

11
12
 portfólio veterano :: Sapien
Por Tatiana Serra

Dedicados de corpo e alma e loucos pelo que

fazem, Gustavo Timponi e Santana Dardot, são

sócios-diretores da Sapien, empresa que atua

em Planejamento de TI, Marketing e

Comunicação, além da criação de produtos

para mídia impressa e digital. Trabalhando com

um time criativo, com cumplicidade de

filosofias e coragem para ousar, esta empresa

é movida pela paixão e pelo empenho de todos

os seus colaboradores em prol da realização

de projetos. E isso é o que encanta os

clientes.

13
portfólio veterano :: Sapien

Loucos por desenho, bem humorados e muito intensos em

tudo o que fazem. Estas são algumas das várias características
em comum dos mineiros Gustavo, sócio e diretor comercial de
marketing da Sapien, e Santana, sócio e diretor de produção.
Aliás, características deles e, conseqüentemente, da Sapien,
empresa que surgiu em 1997, a partir da união de designers inte-
ressados em estudar e experimentar linguagens. Hoje, a empre-
sa trabalha com produtos especiais e personalizados, alinhados
às estratégias e ao posicionamento dos clientes.
Para Gustavo, bacharel em Design Gráfico e pós-gradua- www.gracaottoni.com.br

do em Gestão Estratégica de Negócios – Executivo Jr., viver é

conseguir liberar sua criatividade. “Hoje, estou mais envolvido
com propostas, atendimento, planejamento e outras tarefas
que não englobam as artes visuais... O que me restou foram
os trabalhos autorais. Essa é uma atividade que, além de me
relaxar, me dá muito prazer. Vivo em constante brainstorm vi-
sual”, diz ele. Para Santana, também bacharel em Design Grá-
fico, os projetos autorais são o oxigênio criativo da Sapien. Lá,
todos participam desses trabalhos. “São os experimentos que
jogam ar fresco nas nossas idéias”, completa o diretor de pro-
dução da empresa.
Personalização, Participação e Proatividade
Hoje, a Sapien conta com cinco profissionais em sua equi-
www.brasilinspired.com
pe: gerente de produção, designer de mídia impressa e eletrô-
nica, designer de flash, programador PHP e gerente comercial
e de marketing. “Montamos uma equipe enxuta de alta produ-
tividade, e também trabalhamos com parceiros e
terceirizados”, afirma o diretor comercial e de marketing, lem-
brando que a empresa aposta no empenho, no entrosamento
e na criatividade de sua equipe, que fica imersa no mercado de
seus clientes, para melhor atendê-los. “Nos envolvemos e
aprendemos com eles. Na Sapien, o cliente participa ativa-
mente do processo. Nossas diretrizes de atendimento são a
personalização, a participação e a proatividade”, enfatiza
Gustavo.
Segundo ele, a Sapien produz trabalhos de alto valor agre-
gado e atrai clientes como a Cadsoft – Softwares Acadêmicos, www.caosmos.org

14
14
 portfólio veterano :: Sapien
“Implantar um ERP em uma empresa onde os processos não são padronizados é dar

um carro de Fórmula 1 para uma criança de 10 anos de idade. O potencial é infinito,

porém, é sub-aproveitado pela falta de maturidade” Gustavo Timpon

líder no setor de informática educacional; a Patachou, grife

que faz sucesso no Brasil e no exterior; o Museu de Arte da
Pampulha, o mais antigo museu de Belo Horizonte; o Caci –
Centro de Arte Contemporânea Inhotim, cuja identidade visu-
al é assinada pela Sapien; e a FOR Comunicação Ilimitada,
agência de comunicação e uma das parceiras da empresa. A
Sapien também conta com parceiros como Nando Costa
(www.hungryfordesign.com), designer com talento reconhecido
no mercado internacional e que desenvolveu, juntamente com
a Sapien, o portal Brasil Inspired - o qual reúne vários nomes
da cena brasileira de design.
www.iluminar.com.br
Equilibrando para acertar
Quanto à realização dos trabalhos para web, o que mais se
prega na Sapien é o alinhamento de estratégias, o equilíbrio entre os
meios virtual e real. “E-commerce sem infra-estrutura é loucura, é
jogar dinheiro fora. Ou seja, só é possível implantar sistemas com os
processos e objetivos bem definidos. Caso contrário, isso gera o
insucesso da ação que está se implantando”, afirma Gustavo.
Compreender o timing do cliente e conseguir perceber qual
ferramenta retornará benefícios para ele, talvez seja a maior di-
ficuldade enfrentada pelo designer na criação de um site. “Im-
plantar um ERP (Planejamento de Recursos Empresariais –
Enterprise Resource Planning) em uma empresa onde os proces- www.sapien.com.br

15
15
portfólio veterano :: Sapien

“Divida conhecimento, retorne à sociedade as oportunidades dadas a você, que ela

o retornará cada esforço dado” Santana Dardot

sos não são padronizados é dar um carro de Fórmula 1 para uma

criança de 10 anos de idade. O potencial é infinito, porém, é sub-
aproveitado pela falta de maturidade”, diz Gustavo, que, aos 28
anos, encara tudo o que vive como estímulo para exercitar a
criatividade. E Santana, com 29 anos, também vê inspiração em
tudo. “Na verdade, não é que se busque inspiração. Você aprende
a ler inspiração em cada coisa”, completa ele.
Do zero ao reconhecimento
Parece difícil acreditar, mas a Sapien começou do “zero
absoluto” (zero de capital, um 486 e só). “No início, trabalhamos
com as Leis de Incentivo à Cultura, o que possibilitou nossa en- www.cave.cave.nom.br

trada no mercado, a ampliação de nossa atuação e conquista de

outros mercados”, lembra Gustavo. Hoje, a empresa sabe que
ainda há muito espaço a ser conquistado. Em 2004, houve um
crescimento de 30% em seu faturamento, e, para este ano, ela
espera crescer 50%. “Existem profissionais e empresas que
cobram valores muito baixos e não conseguem prestar um servi-
ço de qualidade. O que a Sapien quer é ampliar seu reconheci-
mento no mercado”, afirma ele.
Paixão. Talvez este seja o grande segredo do sucesso de
Gustavo e Santana à frente da Sapien. Gustavo diz que mudaria
muitas coisas em sua vida, mas acredita que cada um vive sua
realidade e que a boa dica é “aprender a conviver e admirar a di-
versidade em todos os sentidos”. Segundo Santana, se você ain-
da não encontrou sua paixão, siga sua intuição até encontrá-la.
Então, mergulhe com vontade. Divida conhecimento, retorne à
sociedade as oportunidades dadas a você, que ela o retornará
cada esforço dado. Além disso, controle a ansiedade desses tem-
pos modernos, os resultados vêm aos poucos. Pode parecer
utopia ou “mandamentos para ser mais feliz”. Por outro lado,
pode ser apenas uma questão de equilíbrio e cumplicidade de filo-
sofias. Experimente!
Sucessos premiados
O site da Sapien foi escolhido como um dos dez
melhores sites do Brasil, na categoria Agências e Produ-
toras, pelo prêmio Ibest Top10 2005. A empresa já havia
participado de outras premiações do Ibest. Foram elas:
Top10 2004 Agências, Top10 2002 Agências, Top10
2002 Design, Top3 Design. “Nós acreditamos que os
prêmios que conquistamos são frutos do relaciona-
mento com nossos clientes”, diz Gustavo, ressaltando
que a Sapien costuma participar de outros vários con-
cursos promovidos pela web. A seguir, algumas dicas
de concursos: Favourite Website Awards
(www.favouritewebsiteawards.com), Tipografia Brasilis,
NetFestival (www.netfestival.com.br), Clube de Criação
Publicitária de Minas Gerais (www.ccpmg.com.br),
Videobrasil (www.videobrasil.org.br) e o Concurso Naci-
onal de Identidade Visual do Memorial da Mineração de
MG, no qual a proposta da empresa foi a vencedora.

16 16
17
portfólio calouro :: Rafael Lobo

Bamba do design por Bete Veiga

Carioca, ariano, 21 anos, Rafael da Silva Lobo formou-se em Criação e Gestão em Ambiente

Internet e atualmente cursa o segundo período de Desenho Industrial da Universidade Estácio

de Sá. Em 2002, começou a trabalhar como freelancer e já acumula 17 trabalhos em seu

portfólio, dos quais destaca os sites Click 21, OAB-RJ (Top 3, em 2003 e top 10, em 2004, no
Prêmio i-Best) e Viola Caipira (em construção).

Em média, Rafael consegue um novo job a cada dois são profissional. Pelo visto, a fase de incertezas ficou para
meses e, como na maioria dos casos, os primeiros projetos trás e deu lugar a um presente bem sucedido e a um futuro
realizados foram encomendados por conhecidos. De acordo promissor. “Acredito que se estou aqui hoje é graças a
com a demanda, une-se a outros profissionais: “Não entendo Deus e às circunstâncias, que se mudasse algo não estaria
coisa alguma de programação. Programadores e designers aqui”, conclui.
trabalham comigo quando necessário. Quanto aos textos,
geralmente vêm do cliente”.
A inconstância de clientes e os problemas de pagamento
são compensados pela flexibilidade de horário, segundo
Rafael. “Porém, existe o desafio da comparação com os
‘sobrinhos’ (por parte de alguns clientes). Coisas do tipo:
‘Porque pagar esse preço se o meu sobrinho sabe fazer sites e
eu não pago nem a metade?’”, acrescenta.
Para ele, a formação acadêmica é o grande diferencial
entre designers e sobrinhos. “A diferença entre um designer e
um ‘mexedor de photoshop’ é o conhecimento dos
fundamentos do design. E essa base é construída através de
estudo e vivência, que podem ser adquiridos em qualquer www3.oab-rj.org.br

lugar, porém, a faculdade é o melhor deles”.

Fã de samba de raiz, aos sábados, freqüenta a Feijoada
da Família Portelense. Também tem no jogo de cartas um de
seus hobbies. Pessoalmente se auto-define como “um cara
tranqüilo, um velho no corpo de um jovem”. No campo
profissional, tudo muda: “Planejo antes de executar, sou muito
crítico e tenho tendência a idéias mais experimentais”.
Satisfeito com o rumo de sua carreira, planeja ir ao en-
contro de novos mercados no Norte do Brasil quando terminar
a faculdade. E pensar que na adolescência cursou telecomuni-
cações, pressionado pelos pais, preocupados com sua indeci- www.click21.com.br/eventos/

O site de Rafael Lobo é <www.maismoreno.net> e o email para contato, <rafael@maismoreno.net>.

18 Para participar da seção portfólio, cadastre-se no site www.arteccom.com.br/webdesign.
19
entrevista: Eduardo Lapa

gerenciadores:

ferramentas
de auxílio
à gestão de
conhecimento

Administrar o conteúdo de um website ou intranet é um grande

desafio para os profissionais envolvidos nos projetos. Conseguir

transformar informação em conhecimento não é uma tarefa fácil.

Assim, a gestão de conteúdo e a prática da gestão do conhecimento

são imprescindíveis para as organizações. Para entender melhor estes

conceitos e saber como colocá-los em prática em seus trabalhos, a

Webdesign convidou Eduardo Lapa, autor do livro “Gestão de conteúdo

como apoio à gestão do conhecimento” (Editora Brasport), para

esclarecer alguns pontos importantes. Nesta entrevista, Eduardo, que

é consultor de gestão do conhecimento da Informal Informática

(www.informal.com.br), apresenta os requisitos principais para a

aplicação da gestão de conteúdo e mostra como torná-la eficaz de

forma que auxilie a gestão do conhecimento dentro de uma empresa.

20

Wd :: O que é gestão de conteúdo e qual é sua
importância no desenvolvimento de um website?
Eduardo :: A gestão de conteúdo em websites pode
ser vista como um conjunto de técnicas, definições e proce-
dimentos de ordem estratégica e tecnológica para a
integração e automatização de todos os processos relacio-
nados à criação, agregação, personalização, entrega e ar-
quivamento de conteúdos de uma organização.
Não há um único fator de suma importância para a ges-
tão de conteúdo em um website. Existem diversos. O principal
é separar “forma” de “conteúdo”. Por “forma” podemos en-
tender a soma de estética, estrutura e navegação, e por
“conteúdo” como a informação com valor agregado. Esta
segmentação permite que o designer cuide do design e o
conteudista do conteúdo, e assim por diante.
Outra preocupação é a necessidade de
descentralização da publicação de informações, pois funci-
onários sem conhecimentos técnicos poderão publicá-las,
ou seja, a área de tecnologia deixa de ser responsável por
publicar o conteúdo referente ao negócio da empresa e
este trabalho passa para as mãos de quem detêm a infor-
mação. Destacaria também a personalização do conteúdo
e a utilização de mecanismos eficientes e múltiplos de recu-
peração de dados.
Wd :: Quando e por que surgiu a idéia de
escrever o livro “Gestão de conteúdo como
apoio à gestão do conhecimento”?
Eduardo :: O foco de atuação de nossa empresa de
consultoria é montagem de portais corporativos, memória
organizacional, inteligência competitiva, enfim, de ambien-
tes baseados em sistemas de informação na web. Além dis-
so, trabalhamos aplicando o conceito de Knowledge
Management (Gestão de Conhecimento) nas organiza-
ções. Assim, sempre sentíamos a necessidade de um ambi-
ente em que todo e qualquer colaborador pudesse
disponibilizar suas informações e conhecimentos através
de mecanismos fáceis. Sempre buscamos literatura brasilei-
entrevista: Eduardo Lapa
ra sobre o tema e tínhamos muita dificuldade. Decidimos es-
crever o livro.
Wd :: Em que tipos de projetos devem ser utili-
zados um sistema de gerenciamento de conteúdo?
Eduardo :: Todo e qualquer projeto que use a web
como interface de apresentação ou integração tem
como tarefa obrigatória pensar no gerenciamento de in-
formação e conteúdo.
Aplicamos também gestão de conteúdo em práticas de
inteligência competitiva, gestão do conhecimento, portais
corporativos, intranets, websites, memória organizacional,
comunidades de prática e projetos similares.
Wd :: Quais são os requisitos e ferramentas fun-
damentais para a aplicação da gestão de conteúdo?
Eduardo :: Depende do grau de complexidade do pro-
jeto. De forma geral, o gerenciamento de conteúdo deve se
preocupar com funcionalidades como: necessidade de me-
canismos para controle do fluxo de produção de conteúdo e
publicação de sites de forma flexível, de acordo com as re-
gras de publicação das empresas; descentralização da
administração do site da área técnica – pessoal de
tecnologia especializado em linguagens de programação,
webdesign e HTML – e possibilidade de administração
(de informações) por parte dos próprios produtores;
reutilização dos códigos de programação de forma rápida
para disponibilizar funcionalidades já existentes em novos
sites; suporte multilínguas e capacidade para integrar
componentes de softwares e dados em bases legadas; se-
gregação de direito de acesso e autoria
dos conteúdos; garantia de
21
21
entrevista: Eduardo Lapa
tempo de resposta e escalabilidade
para sites acessados por milhares de
pessoas simultaneamente; e criação e
armazenamento de layouts e templates de diferentes
modelos para diferentes seções dos sites. A utilização de
templates possibilita criação de identidade visual de um
website e facilita que pessoas que necessitam inserir con-
teúdo (mas que não têm domínio sobre layouts) o façam
sem alterar a criação; controle de diferentes versões de
sites e conteúdos; integração de websites com os mais di-
versos tipos de sistemas transacionais, como ERP, CRM e
sistemas legados; personalização dos conteúdos, permi-
tindo que o usuário escolha que informações e sistemas
precisa visualizar; possibilidade de classificação das infor-
mações para permitir o agrupamento de conteúdos seme-
lhantes; acesso a fontes externas de informações localiza-
das em bancos de dados; flexibilidade para criação de
workflow (fluxo de trabalho) e posterior manutenção do
mesmo; capacidade de integração com ferramentas de edi-
ção de texto, planilhas eletrônicas e softwares gráficos;
escalabilidade para permitir futuros serviços e incremento
de novas seções e áreas de conteúdo; mecanismos de
atualização simples para os responsáveis pelo conteúdo;
modelo de navegação consistente disponibilizado para os
usuários; e mecanismos de controle de versões de con-
teúdo, funcionalidades e layout com área para testes an-
tes de publicação.
Wd :: E quais são os principais proble-
mas nessa implantação?
Eduardo :: As dificuldades estão geralmente aci-
ma das questões tecnológicas. Todo o bom funciona-
mento de uma gestão da informação dependerá de pes-
soas, e caso estas não estejam sensibilizadas para a im-
portância deste negócio, será difícil obter sucesso nas
iniciativas. Outro problema é a questão das ferramen-
tas serem user-friendly (de uso amigável). Caso não
sejam, surgirão objeções.
22
22
Wd :: Quais benefícios são oferecidos por um
projeto que possui sistema de gerenciamento
de conteúdo?
Eduardo :: Existem alguns benefícios
obtidos diretamente e outros obtidos indi-
retamente. Com a boa aplicação de
gestão de conteúdo, a primeiro van-
tagem é a possibilidade de funcioná-
rios das áreas de negócio, não técni-
cos, contribuírem com suas informações e conhecimento,
disponibilizando estes para toda a empresa. Outro fator
é o crescimento de forma substancial da agilidade e dina-
mismo de atualização dos portais, websites e intranets,
fazendo com que a organização economize investimentos
em desenvolvimento e manutenção de sistemas de infor-
mação, uma vez que você automatiza diversas partes do
processo de publicação.
A empresa consegue montar bases de conhecimen-
to através de uma interface web e melhorar o nível de
integração e colaboração entre as pessoas.
Wd :: Quando a gestão de conteúdo é eficaz
de forma que auxilie a gestão do conhecimento
de uma organização?
Eduardo :: Se pensarmos que a gestão do conhe-
cimento é uma coleção de processos para a criação, dis-
seminação, compartilhamento e utilização de conheci-
mentos, a gestão de conteúdo é eficaz quando ela
viabiliza que o conhecimento e as informações que estão
com as pessoas possam ser facilmente disseminados,
armazenados, replicados, utilizados e, principalmente,
quando gera registros do conhecimento tácito, aquele
que está na cabeça dos funcionários. A partir deste mo-
mento a gestão de conteúdo consegue auxiliar o aconte-
cimento de gestão do conhecimento na empresa.
Wd :: Quais são os itens que o profissional
precisa ter em mente para direcionar o proje-
to de gestão do conhecimento? Quais são as
principais dificuldades nesse processo?
Eduardo :: Primeiro gostaria de falar em prática de
gestão do conhecimento e não em projeto. Projeto tem iní-
cio, meio e fim e a gestão do conhecimento não pode acabar
na empresa. O dia em que conhecimento não for criado, dis-
seminado e utilizado, a organização está falida!
O que o colaborador precisa ter em mente é que no
ambiente de negócios hiper competitivo, obtêm vanta-
gem as organizações que melhor fizerem utilização de
seu capital intelectual. O colaborador precisa entender
que registrando e compartilhando conhecimento, a em-
presa poderá fazer melhor uso deste, tendo menos
retrabalho, e poderá reaproveitar soluções. Por outro
lado, é preciso que a organização incentive e recompen-
se os processos de compartilhamento de conhecimento,
registro e disseminação.
As principais dificuldades encontradas dizem respeito a
barreiras culturais. As pessoas têm na cabeça que o conhe-
cimento que elas possuem é o seu diferencial competitivo e,
assim, não querem compartilhá-lo. Precisamos enxergar que
o diferencial competitivo não está na posse do conhecimen-
to e sim no uso que damos ao mesmo.
Wd :: Como empresas e organizações estão
aplicando a gestão do conhecimento para estimu-
lar os negócios?
Eduardo :: No ambiente de negócios brasileiro, as
organizações vêm apostando em mapeamento de compe-
tências para identificar na empresa “quem sabe o quê”.
Práticas de portais corporativos para a integração
de informações e melhoria na colaboração
vêm crescendo assustadoramente.
As práticas de inteligência
competitiva para
monitorar o

23
entrevista: Eduardo Lapa
ambiente de negócios estão amadurecendo e com alto grau
de aplicação. Memória organizacional é algo que também
está sendo aperfeiçoado, entre outras práticas.
No cenário de empresas norte-americanas não há muita
diferença. A mudança está no contexto. Eles já estão pensan-
do em gestão do conhecimento com a gestão do contexto, ou
seja, já é um segundo ou terceiro nível de amadurecimento.
Wd :: De que forma um portal corporativo pode
ser uma ferramenta estratégica para uma empre-
sa? Poderia citar alguns modelos de sucesso?
Eduardo :: Um portal corporativo pode ser diferencial
para uma organização no momento em que ele consegue al-
gumas demonstrações reais de alavancagem de operações,
como por exemplo: melhoria na comunicação organizacional;
integração de sistemas de informação; fornecimento de ba-
ses de conhecimento para melhorar a produtividade; propor-
cionar ambientes para comunidades virtuais; integração de
colaboradores; bases de lições aprendidas em projetos e ati-
vidades; base de memória de projetos; mapeamento dos pro-
cessos organizacionais e disseminação dos mesmos.
Estes são alguns aspectos que levam um portal a ser
considerado uma ferramenta estratégica.
No caso de modelos de sucesso, eu citaria uma indústria
de resinas termoplásticas brasileira, a Politeno. Ela desenvol-
veu seu portal com a visão de substituir a intranet da empre-
sa e fazer com que fosse um ambiente de suporte para a ges-
tão do conhecimento na organização. Assim, adotou uma
abordagem metodológica de construção do portal com foco
em conhecimento e vem conseguindo: integrar suas aplica-
ções via web todas no portal corporativo; fazer do portal o
ponto único para recuperação e consulta a informações;
disponibilizar memória de projetos para toda a indústria; for-
necer ambientes para comunidades de prática e fóruns de
discussão; oferecer ferramentas de busca interna e externa;
implementar conceitos de personalização de conteúdo; rea-
lizar diversos serviços online, como: consulta ao
almoxarifado com auxílio para os operadores das máquinas,
24
24
roteiros e horários de ônibus, informações sobre a área de
recursos humanos, sistema de armazenamento e tratamento
de idéias (banco de idéias); e muitas outras funcionalidades
para aumentar a produtividade.
Wd :: A Gestão de Conteúdo também pode ser
aplicada para sites de empresas de pequeno porte?
Eduardo :: Sem sombra de dúvida. O que vai mudar é o
grau de complexidade e sofisticação, mas as funcionalidades
essenciais servem para qualquer organização.
Wd :: Existem formas de obter e avaliar
os resultados de projetos que usam gestão
do Conhecimento?
Eduardo :: Atualmente temos praticado a medição de
indicadores. Antes do início das práticas, mapeamos dados e
realizamos uma medição. Após implantação da prática, reali-
zamos outra análise e comparamos. Estes indicadores podem
ser financeiros, de esforço, de resultado e de qualidade.
Wd :: Qual é o perfil do profissional e da equipe
envolvidos neste tipo de projeto?
Eduardo :: Para trabalhar com gestão do conhecimento
não há um perfil específico. O sujeito pode ser um engenheiro
como um psicólogo. A questão é ter um profissional com uma
formação mínima no assunto e que possua bons conhecimen-
tos sobre os núcleos de negócios da organização.
Autor do livro “Gestão
de conteúdo como apoio à
gestão do conhecimento”,
Eduardo é diretor de tecno-
logia da Sociedade Brasileira
de Gestão do Conhecimento
(SBGC). É graduado em
análise de sistemas e pós-
graduado em Gestão de Ne-
gócios e Tecnologia de In-
formação pela FGV.
 Independência na gestão de informações
I ndependência na

I G estão de
nformações
Por Vanessa Barbosa

Parado no semáforo sem saber se entra na próxima rua à esquerda

ou à direita. O atendente do posto de gasolina explicou: “o senhor

entra na segunda rua, depois do quarto cruzamento”. Mas foi aquele

depois do retorno ou antes? Você então olha as placas (quando elas

existem) e tenta, quase com a ajuda de uma força divina, encontrar o

tal endereço. Aí você pensa: “por que eu nunca comprei o guia de

ruas e deixei no carro?”. Em nossa aventura cotidiana vemos como a

informação é importante. E na web não é diferente. Conteúdo e

design precisam caminhar juntos para não deixar o usuário perdido.

Por isso, saber qual ferramenta aplicar no gerenciamento desse bem

tão precioso – a informação – ao elaborar um site, é muito importante

para o sucesso do projeto.

25
25
Independência na gestão de informações

Para que o conteúdo tenha qualidade, ele precisa ser bem vez de escolher uma ferramenta que contenha as funcionalida-
organizado e atualizado, de forma que atraia o visitante e auxilie des que lhe serão úteis.
sua navegação. Assim, os softwares de gerenciamento facilitam Segundo André, a diferença entre os sistemas é relativa ao
a administração das informações em um site ou intranet, pois tipo de licença. “Existem os softwares proprietários e os de
permitem ao mesmo tempo criação, revisão, autorização, publi- código aberto (open source). Na Simples Consultoria priorizamos
cação, manutenção e disponibilização do conteúdo. as soluções open source, pois além de serem gratuitas,
Ao usar os gerenciadores, funcionários de uma empresa, apresentam uma maior facilidade de adaptação às necessidades
por exemplo, que não possuem conhecimento técnico em HTML dos clientes e contam com um maior número de profissionais e
ou em alguma linguagem de programação, podem publicar um
novo dado sem comprometer o layout e seguindo os padrões
recomendados pelos técnicos. A informação é publicada por quem
tem conhecimento dela, chegando mais rápida ao usuário e
promovendo a comunicação dentro ou fora da organização.
Vantagens
Segundo Bruno Lessa, presidente da Fábrica Digital
(desenvolvedora do software Publique!) a organização dos da-
dos em um gerenciador pode se dar da forma que o site exigir,
não existindo limites para a estrutura das informações.
“Para o webdesigner, a grande vantagem é poder ofere-
cer um site dinâmico aos clientes sem ter de programar todo o
sistema. Para o desenvolvedor, a vantagem é poder
incrementar funcionalidades ao produto e oferecer uma solução
com bastante valor para os clientes a custo baixo e de forma
rápida”, afirma Bruno. “Para o webdesigner, a grande
A maior vantagem oferecida pelos gerenciadores para
André Nogueira, diretor de arte da Simples Consultoria, é a total
vantagem é poder oferecer um site
independência entre o designer, o programador e o responsável dinâmico aos clientes sem ter de
pelo conteúdo. “Eles podem trabalhar na mesma estrutura
simultaneamente, sem que um interfira no trabalho do outro.”
programar todo o sistema. Para o
André acrescenta que um gerenciador deve ser flexível o desenvolvedor, a vantagem é poder
suficiente para ser usado em qualquer aplicação, independente
de sua natureza ou tamanho. Sendo assim, um bom gerenciador
incrementar funcionalidades ao
pode ser usado em qualquer projeto. produto e oferecer uma solução com
Qual ferramenta escolher?
Atualmente no mercado existem diversos tipos de
bastante valor para os clientes a custo
gerenciadores. Por causa da ampla oferta de produtos, as baixo e de forma rápida”
empresas ficam preocupadas em decidir qual sistema utilizar, em
Bruno Lessa

26
26
27
Independência na gestão de informações

empresas aptos a realizar manutenção e desenvolvimento de “Devemos pesquisar e seguir os

novas funcionalidades”, explica.
Dentro das soluções open source existentes, a usada pela Sim-
padrões de linguagem e tecnologias
ples Consultoria é o Plone (www.plone.org). “O Plone apresenta um que estão revolucionando o mercado
número grande de ferramentas para a publicação e gerenciamento de
informação, além de ser de fácil configuração e customização. Tam-
de conteúdo, como JSR, XML e RSS“
bém está de acordo com princípios de acessibilidade, usabilidade e de Gabriel Renault
padrões web”, afirma André.
De acordo com o diretor de arte, para o designer é possível criar
novas interfaces, modificando apenas o arquivo CSS do Plone, sem a atento para não deixar que desejos, que muitas vezes são ape-

necessidade de criar ou editar páginas HTML, ASP ou PHP. “Muitas nas caprichos, tornem o software complexo demais,

vezes é possível que o designer faça o trabalho completo, sozinho, inviabilizando-o economicamente. Outro ponto que se deve ter

sem a ajuda de um programador”, explica. atenção é de pesquisar e seguir os padrões de linguagem e

Um fator que não pode ser esquecido durante o processo de tecnologias como: JSR 168 (padrão de portlet), JSR 170 (padrão

escolha de uma ferramenta é o funcionário ou pessoa que irá utilizá-la. de repositório de conteúdo) e XML, RSS (padrão de XML para no-

Afinal, será ela que irá lidar com o sistema e, por isso, este deve ser tícias). Estas são tecnologias e padrões de linguagem que estão

amigável para facilitar a disponibilização e o controle de informações. revolucionando o mercado de conteúdo”, afirma Gabriel.

Segundo João Fanara, webdesigner da Calandra Soluções, André Nogueira lembra que os conceitos básicos de

empresa que possui o gerenciador de conteúdo corporativo KBX, a usabilidade e arquitetura da informação devem ser aplicados em

forma de organizar os dados no gerenciador ocorre em um todo projeto, seja ele um site, intranet ou sistema de

ambiente administrativo, com características próprias. “Elas não gerenciamento de conteúdo. Todas as necessidades do cliente

refletem necessariamente a estrutura do site, até porque os devem ser analisadas, como o fluxo das informações, a periodici-

objetivos de quem usa um site e um gerenciador é diferente. O dade e o volume das atualizações.

site tem como finalidade fornecer informação aos usuários e o O gerenciador de conteúdo pode ter diversas estruturas e

gerenciador deve, internamente, cadastrar, arquivar, listar, módulos específicos. Tudo depende dos requisitos aos quais ele

publicar, excluir, organizar e recuperar estas informações em um deve atender. De acordo com Gabriel Magalhães, o básico que o

ambiente que são utilizadas ferramentas próprias para este fim.” sistema de gerenciamento deve possuir é: publicador HTML,

Como é a estrutura? utilização de templates (separação da forma e do conteúdo),

O processo de construção de um gerenciador, de acordo com workflow de aprovação de publicação, controle de versão,

Bruno Lessa, envolve especificação, desenvolvimento, testes e segregação de acesso aos conteúdos publicados e

documentação. “Para desenvolvimento de produtos prontos é personalização. “Outras ferramentas muito comuns nos

preciso fazer um levantamento de mercado para saber quais são gerenciadores são: criação e controle de enquetes, gestão de

as melhores funcionalidades para colocar em cada versão. Este banners, pesquisa de opinião, newsletter, estatísticas de acesso,

trabalho é contínuo e se dá ao longo da vida do produto”, explica. banco de arquivos, chat, entre outras”, explica.

Para Gabriel Renault, da área de inovação da Calandra So- Fernando de Mari, responsável pelo setor de TI do Escritó-

luções, a regra para construir um gerenciador é a mesma usada rio Aliança Contábil, afirma que para se desenvolver

no desenvolvimento de software. “Um fator importante é o le- gerenciadores de conteúdo de boa qualidade e que tenham

vantamento dos requisitos com as áreas usuárias: é preciso estar funções que venham a auxiliar o usuário por completo, são

28
28

necessários programadores (desenvolvedores) e webdesigners
com conhecimentos aprofundados para projetar um trabalho de
qualidade. Gabriel Magalhães destaca a presença de alguns pro-
fissionais no processo de desenvolvimento, como: analista de
requisitos, analista de sistemas, arquiteto de sistemas,
programador web, programador de componentes de negócios,
testador e gerente de projeto.
E como atua o webdesigner nesse processo? Segundo
Fernando, o profissional de design baseia-se no briefing realizado
com o cliente. “Através dele o designer cria alguns layouts para
“Sempre procuramos envolver o
maior número possível de pessoas
durante a implementação de uma
ferramenta de gerenciamento de
informações. O objetivo é tornar o uso
da ferramenta uma atividade positiva
e agradável, e não apenas uma
atividade burocrática e obrigatória”
André Nogueira
Independência na gestão de informações
que sejam verificados e um deles aprovado. Posteriormente o
material será transferido ao desenvolvedor que é responsável
pela reconstrução do mesmo em códigos e comandos na
linguagem apropriada”, explica.
Para João Fanara, primeiro o designer tem de saber em que
meio o gerenciador de conteúdo será aplicado. Segundo ele, há
grandes diferenças em se criar layout para interfaces de
aplicativos desktop e para aplicativos web. Cada meio tem suas
características próprias e regras específicas. “O webdesigner deve
dominar conhecimentos de usabilidade, acessibilidade e HCI
(Human Computer Interaction). Ao se trabalhar em um aplicativo
web, o profissional precisa ter em mente que o meio é
multiplataforma e independente de dispositivo. Logo, ele deve
prever que amanhã o sistema terá de se adaptar a um palm, celular
ou a qualquer outra máquina, além do nosso monitor”, explica.
Em relação ao custo de uma solução, este depende direta-
mente da abrangência (áreas do site, números de colaboradores
etc.) e complexidade (perfis de acesso, grau de personalização,
arquitetura da informação etc.) do projeto. “Na Calandra, um
projeto departamental para 20 usuários do gerenciador de
conteúdo custa em torno de R$ 45 mil, já com a licença do
software. No entanto, tivemos projetos que custaram mais de
R$ 400 mil”, destaca Gabriel. Já um projeto que utilize o
Publique!, da Fábrica Digital, custa de R$ 2 mil a R$ 50 mil,
incluindo criação, implementação e licença.
Importância para os clientes
O gerenciador de conteúdo auxilia, sem dúvida, a adminis-
tração das informações de forma padronizada e prática. Para
uma organização, que tem a necessidade de atualizar seus da-
dos; seja para o público interno como externo; de forma constan-
te, o sistema de gerenciamento agiliza os processos internos,
facilita a comunicação com o público-alvo e cria um diferencial
para o negócio.
Segundo Fernando de Mari, a gestão de conteúdo é impor-
tante, pois vai propiciar mais qualidade e adequação às
necessidades de cada empresa, a utilização da internet como
meio para melhorar o relacionamento e facilitar a comunicação
entre as pessoas e o acesso externo aos dados da organização.
29
29
Independência na gestão de informações

“No caso da internet, o retorno Sites interessantes para consulta:

percebido é o aumento de negócios, www.gerenciandoconhecimento.com.br

Site do livro “Gerenciando conhecimento” de Jayme Teixeira

por causa de uma melhor exposição e, Filho.

www.kmol.online.pt

no caso da intranet, o retorno se dá Site português sobre gestão do conhecimento. Traz artigos,
notícias, resumos e glossário.

pelo aumento da competitividade da www.sbgc.org.br

O portal da Sociedade Brasileira de Gestão do Conhecimento

empresa, ao tornar sua comunicação possui fóruns, biblioteca com diversos assuntos, lista de eventos
e links.

interna mais eficiente” www.socinfo.org.br

O site da ONG Sociedade da Informação oferece biblioteca de
links, calendário de eventos, destaques e notícias.
Bruno Lessa http://global-gateways.com/communit.htm
Site da Global Gateways, comunidades de gerentes de
“Um sistema de gestão de conteúdo e conhecimento ajuda a em- informática.

presa a obter informações de maneira prática, adequada e orga- www.informal.com.br

Endereço da empresa Informal Informática. Traz artigos,
nizada, agilizando a busca e utilização posterior.”
notícias, entrevistas e cursos na área de gestão do
Para André Nogueira, a informação é o bem mais valioso de conhecimento.

uma empresa e seu compartilhamento é vital para o sucesso.

“Entretanto, não basta essa informação existir, ela deve estar
facilmente disponível e evoluir sempre. A gestão de conteúdo bilidade de busca torna a informação perene, aumentando seu
disponibiliza uma enorme base de conhecimento, que pode ser valor. No caso da internet, o retorno percebido é o aumento de
usada para tomada de importantes decisões de negócios ou negócios, por causa de uma melhor exposição e, no caso da
mesmo pequenas decisões no dia-a-dia das empresas.” intranet, o retorno se dá pelo aumento da competitividade da em-
André acrescenta que não basta apenas uma ferramenta presa, ao tornar sua comunicação interna mais eficiente e gerar
eficiente que organize as informações. “A gestão de conteúdo é uma base de dados que pode se tornar uma base de conhecimento,
muito mais do que o uso de um software. Ela envolve a partici- se bem trabalhada”, conclui.
pação das pessoas, gerando e consumindo conhecimento. Por
isso, sempre procuramos envolver o maior número possível de
pessoas da empresa cliente durante a implementação de uma
intranet ou de outra ferramenta de gerenciamento de informa-
ções.” E acrescenta: “O objetivo é tornar o uso da ferramenta
uma atividade positiva e agradável, e não apenas uma atividade
burocrática e obrigatória”.
Bruno Lessa lembra que as empresas que não mantêm seus
sites atualizados perdem oportunidades de negócio por falta ou
erro de informação aos potenciais clientes e parceiros. Além dis-
so, um site que não é atualizado não desperta interesse de re-
torno. “A intranet é a forma mais rápida e barata de divulgar infor-
mações para toda a empresa de uma forma organizada. A possi-

30
Dicas de leitura sobre o assunto:
:: Facilitando a criação de conhecimento – Von Krogh, K. Ichijo e
I. Nonaka – Editora Campus
:: Gerenciando conhecimento – Jayme Teixeira Filho – Editora Senac
:: Gestão do conhecimento: o grande desafio empresarial – José
C. Terra – Negócio Editora
:: Informação e globalização na era do conhecimento – Helena
Lastres e Sarita Albagli – Editora Campus
:: Information Architecture for the World Wide Web – Louis
Rosenfeld e Peter Morville – O’Reilly
:: Information Design – Robert Jacobson – MIT Press
:: Knowledge in Organizations – Laurence Prusak – Butterworth-
Heinemann
:: Portais corporativos: a revolução na gestão do conhecimento –
José C. Terra e C. Gordon – Negócio Editora

Empresas que oferecem gerenciadores de conteúdo:

www.lumis.com.br www.plone.org
www.fabricadigital.com.br www.broadvision.com
www.calandra.com.br www.solid8.com
www.itlab.com.br www.filenet.com
www.midia3.com.br www.poet.com
www.horusinfo.com.br www.atg.com
www.clm.com.br www.interwoven.com
www.mmcafe.com.br

Na sua opinião, quais os maiores

benefícios de se usar um sistema de
gerenciamento de conteúdo?

69% Facilitar a manutenção do conteúdo

das páginas, deixando-as atualizadas.
20% Permitir a alimentação de informações
por diversas pessoas
14 % Melhorar o fluxo de informações da
empresa.
4% Ter um controle sobre os dados
inseridos no projeto.
Acesse e participe!
www.arteccom.com.br/webdesign

31
debate

Gerenciadores de
conteúdo:
desenvolver ou
comprar pronto?

Um gerenciador de conteúdo precisa ser adequado às

necessidades do cliente, seja uma grande ou pequena

empresa, sendo flexível para qualquer tamanho de

projeto. Atualmente, existem várias opções de

ferramentas, desde aquelas que se pode comprar ou os

softwares de código aberto (open source). Por isso, ao

desenvolver um projeto para um cliente, em qual

momento é melhor desenvolver uma ferramenta própria e

exclusiva de gestão de conteúdo ou utilizar uma já

disponível no mercado?

32
32
 debate
A escolha por um determ inado tipo de
Conten t Manage r (gerenc iador de conteúd o),
seja ele adquirid o de empres as que fornece m o tipo de site conta com extenso cont
eúdo e segue
produto fechado ou uma ferrame nta
a mes ma form ataç ão e desi gn,
dific ulta ndo o
desenv olvida a partir das necessi dades do uso de recu rsos pers ona lizad os.
deve sem pre leva r
cliente,
As vantagens do cliente contrata
em cons ider ação fato res
r uma fer-
ramenta customizada estão, prin
com o o port e do proj eto,
cipalmente, na
flexibilidade, na configuração exat
sua vida útil, plat afor ma,
a às suas ne-
cess idad es e na pos sibil idad e
volu me do cont eúdo e
de redu ção dos
cust os que esta pod e rend er
ao proj eto.
público-alvo. Assim, é aconselhável Des env olvid o excl usiv ame nte ou
cust omi zado
que sempre seja realizad o um planeja mento para a açã o, este gere ncia
dor perm ite a
estraté gico que, aliado a um planeja mento construção de portais ou sites que
se diferenciem
tecnoló gico, possa embasa r uma decisão no mer cado e que apre sent em
nov os recu rsos ,
acertad a. form as de inte rativ idad e, nav ega
bilid ade e de
No caso de ferrame ntas prontas , o site ou inte graç ão com outr os apli cati
vos e plat afor -
projeto em questão precisa se adapta r ao mas. Por estes motivos, um soft
ware criado sob
gerenci ador. Já em relação às soluçõe s med ida apre sen ta ótim os ben efíc ios,
desenvo lvidas sob medida para a aplicaçã o ao esp ecia lme nte para proj etos de
men or port e
cliente, acontece o contrário. Esta diferenciação com obje tivo s e func iona lidad es
defi nida s.
faz com que as ferramentas prontas disponíveis
no mercad o sejam bem mais aprovei tadas por
grandes projeto s que demand am investim ento
:: Léo Szterenzys
compat ível, como portais e sites corpora tivos Diretor de Operações da
Tange Comunicação Digital
que podem reunir várias aplicaçõ es (interne t, www.tange.com.br

extrane t e intranet ) em uma única platafor ma.

Isso acontec e pois a maioria das páginas deste

33
33
debate

os os
de me rca do pa ra tod
Há tam bé m sol uçã o
Se uma
níveis de flexibilidade.
preços e com diversos
presa, é
às necessidades da em
solução pronta atende
táv el usá -la . Q ua
ndo o
sem pre ma is con for
porte, acho
projeto tem grande
ta r po r um
qu e va le a pe na op
nt eú do de
ge re nc ia do r de co
ha que abrir mão de
mercado, mesmo que se ten
icado ces sos e
justif ad e em fun ção de pro
rópri
aé t o um po uco de fle xib ilid
nta p e n
rame orçam
u m a fer q u e no, o nos padronização.
s o de o é pe t e nda ra ava liar um a sol uçã
o de
O u
d o pro j e t
o que
a
O u Aí vão alg un s ite ns pa
e ç ã s .
port a sol
u uário da ferramenta e facilid
ade para
do o ja um de us conteúdo: usabilidade
quan e s e r u p o t e s e
se d og san ; flexibilidade para cria
r novas
ixo e des d eres publicação de conteúdo
é ba e c e ssida r i a é int a d e s
às n ietá lid ina que
lhes ropr iona (parte do layout da pág
deta l u ç ão p d e func
s n as áreas e novos templates
s o d a mance;
uma sida
de mpla os conteúdos); perfor
seja, n eces m c onte t e ú do é reutilizada para divers
a teja con idas; facilidade para imp
lementar
houv
er o es de funcionalidades oferec
q u e nã o r e s .
s d resa desenvol-
cífica ncia emp (caso a manutenção e
espe gere n to da u inte novas funcionalidades
d e e e g da em-
es orçam a s house”, ou seja, dentro
opçõ s p ara o t o para i a das vimento sejam feitos “in
d o at e n ai o r ne ced or
idera ficar na m sup ort e téc nic o do for
cons c iso s e ira, u e um pre sa) ; tre ina me nto ;
r e a q
É p ão c rtan
tes a problemas que ocorra
m com o
oluç impo plo, o para implantação e par
: u ma s s o s x e m
tão cur oe ortadas e requisitos do
sistema;
ques ui re . Com de uso; plataformas sup
ã o poss fo rnece a n c e po
s, n do jetos
veze nteú erfor
m
e urança; fornecedor e pro
o r de co o r a rap ú m ero d estatísticas geradas; seg
ncia d elh um n
gere ara m enha já desenvolvidos.
c a c he p p ro jeto t
d e as o o
uso alta c rva d
e
e r m uita f u m a cu
faz . ce te
m os
vado sour que
e s s o ele p e n j á :: Frances Malta Tan
ure
ac
u ç ão o v e l, u i t e tura de TI e Planejament
o
l ider á q nad ora
A so a ar
Coo rde
c o n s d e r o Bus ines s
n ã ice Net
soluç
Adv
ente de VRM da
ado cisam uma
p r e ndiz p r e o d e o , www.advicenet.co
m.br
a o r e s ó d i g l a d
ed oc tro
nvolv esmo or ou
dese e a té m e l es. P ão, o
l i c ação l v i d a po
r
m a soluç
da a p vo l co e
esen rtáve de d
ã o foi d a c onfo u a ntida
n j q
que este o pe
la
lém d
a
e se lerad de, a
a v ez qu a c e n id a
um to é la co
mu curs
os
men ns re
s e n volvi n ív e is pe l g u
de
tes d
ispo ir co
m a údo.
n e n t e v d o c onte
o men ão
comp rmal rovaç
a ç ã o no x o de ap
aplic omo
flu
r ta n tes, c
impo

34
34
35
debate

A questão sobre conteúdo administ

rado pelo cliente
é sempre recorrente em nossos proj
etos para internet.
exige um programa
Com a evolução técnica dos últim dor experiente pa
os quatro anos, é ra adaptar qualque
uma dessas soluç r
possível hoje em dia oferecer soluções ões de modo a int
que afetam não só egrar o software
projeto gráfico do ao
o visual e a percepção de valor das site.
marcas, mas também
No caso de
influenciam diretamente as oper
ações cotidianas da empresas de
grande porte,
empresa. que têm um
política de lo a
Na Pura Comunicação, buscamos deix
ar claro para o ngo prazo em
relação à intern
cliente as possibilidades, prós e cont et, é mais prová
ras, quando o assunto
vel que desenvo -
é conteúdo dinâmico, atualizad lvamos soluçõe
o por ele. Temos
próprias de m s
conseqüências diversas no projeto,
desde o aumento de anutenção de
conteúdo dinâm
custo na hora do desenvolvimento
até a necessidade do ico. É o caso da Cellsof
(www.cellsoft.com. t
próprio cliente ter responsabilidade br), onde desenvolv
sobre a informação que emos um sistema
de cadastro e ge
ele veicula, prazos e freqüência com renciamento de
que atualiza seu site. produtos contro
pelo departamen lado
Para o cliente que precisa apenas inser to de marketing
ir notícias em da própria empres
Como nesse caso a.
seu website, podemos utilizar um temos um volum
sistema que já venha e de produtos mu
grande – são quat ito
pronto, como o Publique! da Fábrica ro marcas, cerca
Digital, ou algum outro de 150 produtos
marca, em três idi por
com open source, como o Drupal, omas e com duas
Geeklog, Php-Nuke ou coleções anuais
desenvolvemos –
PhpWebsite. Esses softwares, no um sistema inteir
entanto, têm suas o em Php/MySql,
qual o cliente cada no
limitações de funções e muitos poss stra todos os prod
uem um visual que utos, envia as foto
pa ra o se rv id or, s
deixa a desejar. Além disso, existe ca da st ra os so lad
um trabalho para o os , a de sc riç ão
escolhe se aquele e
desenvolvedor de customização produto vai ser pu
da ferramenta, o que blicado ou não, e
qual coleção. em

Como as funções
necessárias para
o negócio eram
bem específicas,
decidimos por de
senvolver a soluç
inteira ao invés de ão
utilizar alguma fe
rramenta pronta
Depois de seis me .
ses de desenvolvim
ento, chegamos em
um resultado inter
essante do ponto
de vista de proces
e de design. sos

:: Sérgio Barba
rá Filho
Sócio-fundador
e designer
da Pura Comunic
ação
www.puracom
unicacao.com.
br

36
36
 debate
e possui um
Hoje em dia, todo o site que se prez

de conteúdo,
necessidade
gere nciador de conteúdo. Por ser uma
já existem muitas O gerenciador -
constante nos websites dinâmicos,
d e p e n d e n te de ser uma solu
is ou open source. in l-
soluções prontas, sejam comercia
o p ro n ta o u de desenvo
o é o Vignette e çã ir
Entre os comerciais, o mais conhecid
im e n to p ró p rio, deve consegu
ares de dólares e v a-
Microsoft CMS, que podem custar milh
lc a n ça r se u s objetivos fund
ções e portais. No a il
são utilizados por grandes organiza
e n ta is : se r fá cil de usar e ág
é muito grande e m
mundo do software livre a procura
a p u b li ca çã o d as informações.
existem soluções de todos tamanhos
e necessidades, n esso de seleção
oc
confundem no pr
e PhpNuke. O site Muitas pessoas se
entre os mais conhecidos estão Zope que oferece o maior
fer rame nt as, achando que a
é uma ótima en tre as
http://www.opensourcecms.com/ lhor. Na realidade
,a
me ro de fun cio nalidades será a me
nú
introdução a essas opções. opções pode ser um
de sites que mp lex ida de criad a pelo excesso de
As empresas de desenvolvimento co
nte exigir uma soluç
ão
ntra. Já tivemos casos do clie
para seus clientes fator co
precisam oferecer uma ferramenta rificar que não er
a
or kfl ow e, após utilizar, ve
es pron tas ou co m W
pod em ado tar uma dess as opçõ retando burocracia
.
tava somente acar
caso da W3Haus, necessário e que es
desenvolver a sua internamente. No s softwares não sã
o
% dos recursos do
e opta mos pelo Estima-se que 80
aval iamo s as opçõ es disp onív eis s. Quantas pessoa
s
aioria das pessoa
ivo é porq ue utilizados pela m
segu ndo caso . O prin cipa l mot tencial do seu paco
te
mais que 20% do po
plat afor mas de realmente utilizam
trab alha mos com mui tas r o que são esses
20%
está em encontra
NET e JSP), com Office? O desafio
desenvolvimento (ASP, PHP, ASP.
oá-los.
es (Ora cle, SQL utilizados e aperfeiç
mui tos ban cos de dad os dife rent zes deixada de
nte, mas muitas ve
tam bém por não Outra etapa importa
Serv er, Post gres e MyS QL) e lizarão a ferramenta.
das pessoas que uti
” que funcione lado, é o treinamento
encontrar uma solução “empacotada is importantes e nã
oo
as pessoas são ma
. Vale ressaltar que
com nossa metodologia de trabalho cesso pleno do pro
jeto.
s determinam o su
software, e que ela
“melhor solu-
exista uma única
Acredito que não e
ores soluções” qu
sim diversas “melh
ção” para todos e de
particularidades
funcionam com as
são aquelas que
.
cada organização

s Thomé Cauduro
:: Alessandro Viniciu
Haus
Diretor de TI da W3
us.c om .br
www.w3ha

37
37
debate
Quando se fala em gestão de conteúdos
(GC) é preciso caracte rizar com exatidã o sobre
o que estamos falando. As plataformas de GC
vêm evoluindo nos últimos anos de soluções
focadas em inclusão/alteração/exclusão de
conteúdos de difícil estruturação formal (ex:
textos, imagens) para sistemas de gestão de
ativos digitais integráveis ao workflow e aos
legado s das empres as.
O conceito de GC nasceu muito ligado às
necessidades de gestão de presença na
interne t, mas hoje não é mais assim. Que digam
os portais corporativos para os quais as
frontei ras entre legados /intran ets/inte rnet vêm
desapa recend o.
Sendo assim, a resposta mais adequada
para o projeto de um cliente passa por: (a)
identifi car os requeri mentos que a empres a tem
em termos de funcion alidade s de GC de forma a
estabelecer um padrão de comparação
custo X benefício entre as
diferentes ofertas do
mercado, sejam open
source ou não e (b) ali-
nhar esses requer imento s
específ icos de um projeto com
38
a estratégia e as políticas de TI do cliente, de
forma a não favorecer o surgimento de uma
“ilha tecnológica” dentro da companhia.
Quanto à opção entre desenvolver ou
comprar uma solução pronta, tudo depende da
resposta às seguintes questões: qual é a
disponibilidade para investimento? Qual é a
longevidade da solução de GC? Qual é a
importância da solução de GC na estratégia de
TI do cliente?
quanto
Em geral podemos dizer que
maior a relevância estraté-
gica da gestão de ativos
digitais dentro de um cliente,
mais recomendável será a
adoção de uma solução ro-
busta e de mercado para GC
(ex: caso extremo são os
portais de conteúdo de alta
visitação).
:: Abel Reis
VP de Tecnologia e Projetos
da AgênciaClick
www.agenciaclick.com.br

No caso da opção por um produto de mercado, a
pergunta que deve ser feita é: “será que todas as
ferramentas que os produtos de mercado trazem
embutidas se adaptarão às necessidades da
organização?”. Na
maioria das vezes,
por ser um genérico, o produto
comprado não atende comple-
tamente à  demanda de todos
os clientes da organização e
sempre existirá a necessidade
de customização, o que gera aumento de
tempo e custos, anulando em parte a vantagem de se
adquirir um  produto “pronto”.
 O desenvolvimento de um gerenciador próprio
demandará um tempo de programação e análise, com
os custos da mão-de-obra empregada embutidos, o
que dá uma certa vantagem para o produto pronto. A
vantagem é que se teria um produto com a “cara” da
organização, com
as facilidades dos
setores disponíveis
para os clientes
internos. Também
debate
não se ficaria atrela-
do a um fornecedor
específico nem aos valores perenes de manutenção
que sempre existem ao se adquirir um software.
 Além disso, tem de se levar em conta o processo de
evolução e manutenção. Para o produto comprado, o
fabricante está sempre tentando criar novas
ferramentas, o que nem sempre é possível para o
produto interno. Porém, em caso de manutenção, com o
produto interno a velocidade de atendimento é bem
maior, além do suporte ter a sensibilidade do nível de
usuário/necessidade.
 Por isso, é importante se levar em conta essas
questões na hora da escolha: se possuo tempo, equipe e
quero um produto personalizado, desenvolvo um projeto
interno. Se não tenho tempo nem equipe, procuro no
mercado a ferramenta que mais se aproxima e mais se
adapta às minhas necessidades de custo/demanda.
:: Altino Leitão
Chefe da Divisão de TI do
Instituto Nacional de Câncer
www.inca.gov.br
39
estudo de caso :: Gisele Bündchen

Gisele Bündchen
site à altura da top
Por Tatiana Serra

Gisele Bündchen: “com o site, sinto de perto o

carinho dos fãs, recebo muitas mensagens e

homenagens. Me emociono bastante, fico

muito feliz!”. A seguir, veja a entrevista com

a agência responsável pelo site e

depoimentos exclusivos das irmãs da modelo

e gestoras de conteúdo.

Moleca, simples e divertida. Assim é Gisele Bündchen, modelo

conhecida internacionalmente como um fenômeno da moda. E di-
ante da carreira de sucesso, a gaúcha de 24 anos mantém a natu-
ralidade e a sensualidade em tudo; seja na passarela de um desfi-
le, na capa de uma revista, na TV ou na web, a übermodel (palavra
que, em alemão, significa “acima, além”) está sempre coberta de
simpatia, descontração e muito profissionalismo. Não é à toa que
ela é uma das preferidas dos fotógrafos e dos estilistas.
Muito ligada à família e sempre com novos objetivos, Gisele
aposta na web e conta com o apoio de suas irmãs Patrícia Aline
(irmã gêmea da modelo) e Raquel Karine, administradoras e
gestoras de conteúdo do seu site. Para refletir na internet a
personalidade e os valores da Gisele, sem destacar tanto seu
lado fashion, nada melhor do que um site gerenciado por quem a
conhece tão bem.
Fotó
grafo
: Niñ
Gisele também contou com o trabalho da agência Aldeia,
o Mu
noz
para a realização de seu übersite, que oferece aos usuários um
conteúdo exclusivo. Os fãs da Gisele podem encontrar fotos da
modelo na internet e nas revistas, mas somente no website ofici-
al, eles conferem textos e fotos produzidos e comentados pesso-
almente pela modelo. É o que garante Tatiana Brugalli, diretora
de planejamento da Aldeia. “Com o site sinto de perto o carinho

40
 estudo de caso :: Gisele Bündchen
dos fãs, recebo muitas mensagens e homenagens. Me emociono Foram quatro anos de planejamento de criação, design,
bastante, fico muito feliz!”, afirma a modelo, que é popular e, na marketing, tecnologia, conteúdo, jurídico e comercial, com
web, tem a oportunidade de ser mais “íntima” do público. envolvimento das equipes da ImageNet, Agência IMG, assessoria
Tatiana Brugalli (TB) e as irmãs Patrícia (PB) e Raquel jurídica da Gisele e Aldeia.
Bündchen (RB) concederam uma entrevista exclusiva para a Re- Nosso principal desafio foi ter a Gisele à disposição. Tam-
vista Webdesign, na qual falam sobre o site e sobre como é tra- bém, com uma agenda lotada dessas, não poderia ser diferente!
balhar com Gisele Bündchen. Confira! A modelo tem compromissos nos quatro cantos do mundo, po-
WD :: Quando surgiu o site da Gisele Bündchen? O dendo estar em três continentes diferentes em apenas uma se-
que a modelo pretendia ao optar pela web? mana. Mesmo assim, Gisele se dedicou muito, opinando e contri-
TB :: O übersite teve sua concepção e início de desenvolvi- buindo para que o projeto tivesse realmente o seu espírito.
mento em 2001, quando Gisele decidiu que era hora de estar ofici- O processo de planejamento e produção do site foi como
almente presente na internet. Seus representantes visitaram vá- uma boa costela na brasa à gaúcha. Fogo brando e constante,
rias agências à procura de uma que tivesse a cara da Gisele: sim- muito capricho no tempero e paciência para garantir um resultado
ples, inovadora, dedicada. Em janeiro de 2001, a Aldeia foi esco- irresistível.
lhida e as etapas iniciais de planejamento começaram. WD :: Que técnicas foram utilizadas na criação do site?
A Gisele queria ter um canal oficial de comunicação com seu pú- TB :: O coração do projeto é a estratégia. Pensamos o tem-
blico, e identificou a internet como a melhor maneira para fazer isso. po todo no que o público gostaria de ver. Fizemos algumas pes-
WD :: Quais foram as principais dificuldades en- quisas e, então, escolhemos criteriosamente o conteúdo. Defini-
frentadas durante o desenvolvimento e a implanta- mos o escopo com arquitetura de informação, para fazer um site
ção do site? Quanto tempo levou desde a criação até de conteúdo, mas leve, de entretenimento, mas consistente. A
seu lançamento? gente precisava projetar mais do que um site: um übersite.
TB :: Não costumamos nos referir aos percalços do projeto Para começar, a principal técnica foi a dobradinha lápis e
como dificuldades, já que são uma realidade inerente a qualquer papel. Aliás, essa nunca sai de moda. Os programas são muito
trabalho desenvolvido. Quanto mais complexo e extenso é o tra- úteis, mas nada como expressar idéias com o próprio traço,
balho, maior a probabilidade de encontrarmos desafios pela fren- simples e rápido. Praticamente todas as interfaces nasceram
te. E superá-los dá um sabor especial! de um rascunho à mão livre. Taí algo que podemos recomendar
a quem começa a trabalhar com projetos web: adquira o hábi-

“a produção do site foi

como uma boa costela na
brasa à gaúcha. Fogo
brando e constante, muito
capricho no tempero e
paciência para garantir
um resultado irresistível” www.giselebundchen.com.br

41
41
estudo de caso :: Gisele Bündchen
to de esboçar seus estudos no papel, antes de pilotar seu pro-
grama preferido para desenhar interfaces. Se você é da
tecnologia, esboce seus conceitos iniciais no papel também
para, só depois, recorrer ao UML.
Quanto à linguagem, as páginas foram desenvolvidas
com XHTML, CSS, Javascript, ASP e SQL. Alguns pontos es-
tratégicos têm animações multimídia, assim como recursos de
áudio e vídeo.
A presença web da Gisele é fortemente apoiada em
tecnologia. O conteúdo textual e interativo é vasto e dinâmico,
e todo dado obtido é precioso para uma boa compreensão da
audiência e suas particularidades. A Aldeia usou uma ferra-
menta própria para gerenciamento de conteúdo multi-idiomas, o
Aldeia SnapManager.
Escolhemos um servidor semi-dedicado para abrigar todas
as funcionalidades, com capacidade para suportar o grande nú-
mero de acessos mensais.
Além de sugestões de amigos e familiares da Gisele, mais
de 30 profissionais da Aldeia estiveram envolvidos no projeto (e
muitos ainda estão), somando marketing, comunicação, design,
conteúdo, análise, desenvolvimento e apoio ao projeto.
42
WD:: Além de documentar a história da Gisele, o
site traz fotos da modelo, agenda profissional, notíci-
as e dicas. Fale um pouco sobre as seções do site e
sobre o layout escolhido.
TB :: O layout foi resultado de um duelo de titãs... Uma
“briga de faca”, como dizemos por aqui (no Sul). De um lado,
havia um vasto conteúdo textual quente, exclusivo, para ex-
por. De outro, as fotos da mulher mais bonita do planeta. Por
mais importantes que fossem as fotos, elas não poderiam pas-
sar por cima do restante do conteúdo exclusivo, que só este
site tem. O fã da Gisele pode encontrar fotos da deusa na
Internet, comprar uma revista na banca... Mas, somente no
website oficial, ele poderá conferir textos e fotos produzidos
e comentados pessoalmente pela modelo.
Pode parecer estranho, em se tratando de um site de
uma modelo, que a “vedete” seja a informação e não o
design ultra-inovador (não somos contra a inovação no
design, muito menos contra layouts ancorados em um gran-
de apelo de imagem. Um design ousado pode resultar num
ótimo website, se isso for compatível com seu propósito. No
caso da Gisele, precisávamos entregar algo encantador, mas
de fácil acesso para usuários com pouca familiaridade com a
Internet). Por isso, trabalhamos para oferecer uma
usabilidade descomplicada, garantindo o padrão visual com
interfaces de tamanho fixo (não redimensionáveis).
O site oferece diversas galerias de imagens
da top, algumas delas exclusivas

“O conteúdo textual e interativo é vasto e dinâmico, e
todo dado obtido é precioso para uma boa compreensão
da audiência e suas particularidades”
Além de conferir as fotos, o usuário pode ler
textos assinados pela própria modelo
É que a Gisele é diferente, mesmo. Ela tem uma relação
com o público que é mais do que apenas a imagem, tem recheio
e, às vezes, chega a ser íntima! Muita gente se identifica pro-
fundamente com ela e gosta de dizer isso. A Gisele não é só
linda. Ela cativa as pessoas.
Uma curiosidade sobre o processo de layout foi a valida-
ção das cores e principais fotos feita pela própria Gisele. Não
é exagero afirmar que o projeto é resultado de uma soma de
esforços: da Aldeia, da ImageNet e da Gisele em pessoa. E,
quer saber? Tem sido um prazer trabalhar assim, a Gisele tem
um bom-gosto inacreditável! Se ela não fosse a Übermodel, a
contrataríamos como Diretora de Arte.
WD :: Houve o cuidado de colocar textos assina-
dos pela Gisele, dando um ar mais intimista, uma ma-
neira positiva de aproximar a modelo do público.
Como tem sido trabalhada a interatividade no site? E
qual tem sido a resposta do público?
TB :: Acredite, a Gisele escreve mesmo, e com gosto! Ela
responde mensagens na medida do possível, porque o volume
é enorme.
estudo de caso :: Gisele Bündchen
Os elementos interativos foram planejados para fazer
sentido para o público-alvo. Não adianta inserir uma funcio-
nalidade interativa, se ela não tem apelo nem utilidade para
quem acessa. A resposta do público só tem comprovado que
estamos acertando.
A ImageNet, comandada pelas irmãs Patrícia e Raquel
Bündchen, está dando um show em análise de repercussão
e audiência. A parceria com elas está sendo essencial na
criação de promoções e dispositivos interativos que falem a
linguagem dos diversos públicos-alvo, quer seja uma ado-
lescente aspirante a modelo ou um rapaz apaixonado pelas
curvas da moça.
As seções “Super F㔠e “Deixe Seu Recado” se destacam
por suprirem uma necessidade, até então, não atendida: o
contato direto com a modelo. Conhecemos muitos sites legais
de fãs, blogs e flogs densos de material. Mas o übersite é o
canal oficial. Além disso, seções como “Presentinhos” ofere-
cem itens de personalização, como papéis de parede, prote-
tores de tela e cartões virtuais, possibilitando ao fã uma ver-
dadeira imersão no universo Gisele.
WD :: Quais os próximos projetos do site?
TB :: Muita gente acha que o trabalho de quem planeja e
desenvolve web termina no lançamento do site. É exatamen-
te a partir daí que se inicia a parte mais interessante da coisa:
avaliar o impacto da intervenção com o público e planejar no-
vas adições para fidelizar quem já prestigia o übersite, e
conquistar novos simpatizantes.
Os fãs da Gisele poderão participar de uma série de pro-
moções planejadas para este ano, cujos prêmios ainda estão
sendo mantidos em segredo. Podemos adiantar que alguns
deles representam o sonho de todo fã, mas vamos manter o
clima de suspense para não estragarmos a surpresa.
43
43
estudo de caso :: Gisele Bündchen
Na seção “Olha o que falam de mim” é possível
ver os comentários de personalidades
44
44
Além disso, a estratégia web da Gisele compreende uma
utilização forte de e-mail marketing, sob a forma de
newsletters enviadas à base de usuários cadastrados no site,
que optaram por receber material por e-mail. São convites
para promoções, dicas e novidades lançadas, a cada semana,
aos milhares de fãs cadastrados.
WD :: Certamente, por serem irmãs da modelo,
vocês conhecem como ninguém o seu perfil. Como foi
passar a imagem da Gisele para a internet através do
site? E como é trabalhar com a irmã, modelo e celebri-
dade Gisele Bündchen?
PB/RB :: Nós pensamos em fazer algo com a cara da Gisele
moleca, simples, divertida. Não queríamos levar para o lado
fashion, então construímos um site bem colorido e simpático. A
proposta era refletir na web a personalidade e os valores da
Gisele, identificando-a com o Brasil, a natureza e as campanhas
pró-entidades assistenciais.
Para nós, é muito bacana poder trabalhar com a Gisele, pois
estamos, a todo momento, levantando conteúdo sobre ela. Te-
mos material armazenado desde 1995, e foi muito bom voltar ao
início, relembrar como tudo começou e acompanhar a evolução
da carreira.
Não é fácil, porque ela vive correndo, e nós correndo
atrás dela. Mas é muito gratificante, pois somos verdadeiras ad-
miradoras do seu trabalho, de sua garra e personalidade.
WD :: Por ser uma celebridade, a Gisele Bündchen
tem uma responsabilidade social, além de ser forma-
dora de opinião. A subseção “Em Ação” demonstra a
preocupação da modelo com o trabalho voluntário. O
que isso representa para ela?
PB/RB :: A Gisele sempre teve vontade de fazer algo no
campo social. Desde o começo sabíamos que esse espaço era
muito pequeno para as pretensões dela, mas isso é só o início.
Com o tempo, a gente pretende dar mais destaque a essa par-
te. Além disso, todas as propostas das instituições indicadas no
site refletem atitudes que a Gisele acha super importantes e que
ela quer ajudar a divulgar, para estimular as pessoas a se
engajarem. Dentre as atitudes, está o trabalho voluntário.
45
45
vozes femininas na web

Elas têm vozes diferentes e talentos inigualáveis. Mas

todas têm a feminilidade em comum, a música na alma e pre- Por Tatiana Serra

tendem mais do que, simplesmente, cantar. Do Rock’n Roll a

Pitty, Maria Rita, Ivete Sangalo, Adriana
MPB, o grande barato das cantoras na internet é divulgar seu
trabalho e interagir com o público. Para a realização de um bom Calcanhoto, Rita Lee e Marisa Monte.
site, é preciso incorporar os objetivos do artista e adaptar sua Estas e outras cantoras estão para a
imagem para o mundo virtual. Um trabalho complexo, mas mui-
internet, assim como a internet está para
to prazeroso. Segundo Alceu Neto, diretor de arte da
elas. Uma sintonia na proporção
Simplescomunicação (www.simplescomunicacao.com.br) e
criador do site da Ivete Sangalo, este tipo de trabalho traz certa, fazendo todo mundo
“fama, reconhecimento, elogios e críticas. É uma espécie de lucrar: artista, produ-
porta que se abre”.
tora e fãs.
Para Luis Marcelo Mendes, diretor da Tecnopop
(www.tecnopop.com.br), produtora do site da cantora Maria
Rita, “fazer o site de um artista famoso é sempre um baratão.
Tem um lado de fã que entra na história”.
Já para Igor Spacek, diretor de multimídia da Make Media
(www.makemedia.com.br), empresa responsável pelo site da
Rita Lee, todo novo projeto é sempre um desafio, e é disso
que a equipe gosta, independente da área de atuação do cli-
ente. “Geralmente o artista já possui uma certa visibilidade na
mídia. Isso pode ser uma vantagem na divulgação do projeto,
mas, ao mesmo tempo, acarreta uma responsabilidade extra
em corresponder às expectativas criadas pelos fãs”.
Mesmo achando que há mais vantagens do que desvanta-
gens ao fazer trabalhos para alguém da mídia, Neto, da
Simplescomunicação, reconhece que as dificuldades existem.
“Você tem de ficar correndo contra o tempo, tentando achar

46
46
 vozes femininas na web
espaço na agenda deles. Outra coisa muito difícil é que todos
acham que têm bom gosto. Aí, complica”, diz ele.
Na opinião de André Vallias, sócio-fundador e diretor de
criação da Refazenda Produções (www.refazenda.com.br),
que fez o site da Adriana Calcanhotto, “é uma experiên-
cia muito enriquecedora mergulhar na obra e
vida de um artista, para criar um ambiente
virtual que tenha aver com ele, que seja reco-
nhecido pelo público como a imagem do artis-
ta na Internet”. Mas ele ressalta que essa responsabili- www.pitty.com.br

dade também “torna o trabalho bem mais complexo e demora-

do, fazendo com que o retorno financeiro seja quase sempre
menor que o retorno emocional”.
“Seja você, mesmo que seja bizarro”
Para Carlos Eduardo Cavalcanti, o Cadu, que atualiza o
site da cantora Pitty - produzido pela Na Moral Produções
(www.namoral.com.br) -, é “sempre importante tentar passar
a mesma identidade visual impressa no disco para o formato de
site”. Ele também lembra que, “como hoje a internet é um dos
meios de comunicação mais utilizados, a maioria das bandas e
cantores vem criando seus websites para, além de divulgar
seus trabalhos, deixar o público sempre informado”. Ele
acredita ainda que é possível conseguir muitos
projetos ligados à área musical. Fica aí uma
boa dica para os profissionais que ainda
não iniciaram nesta área.
E que o diga Ricardo Machado
Rimoli, que teve a criação do
site da Pitty como seu
primeiro trabalho solo,
em 2003. “Mesmo não tendo ficado tão legal quanto eu queria,
consegui arrumar trabalhos em agências de internet e
publicidade e desenvolver trabalhos para clientes como
Mitsubishi Motors, Telemar e Europa Filmes”, diz ele que,
atualmente, trabalha na Sirius Interativa.
Não é preciso conhecer a fundo a cantora Pitty para sa-
ber que ela é uma artista autêntica. E, para representá-la na
internet, seria interessante criar um site “único”, que divulgas-
se seu trabalho com originalidade e inteligência. “À priori, ela
queria um site que fosse seu espaço para
escrever o que pensa, um
grande blog, diário
eletrônico, para estar
na estrada e
escrever

46 47
47
vozes femininas na web
sobre cada show durante suas turnês”, diz Ricardo Rimoli.
Pitty, que está na web desde 2003, tem a música e a
interatividade igualmente presentes em seu site, tanto que
seu informativo já tem cerca de 7 mil pessoas cadastradas
para recebê-lo. Além de documentar a música da cantora, o
site traz agenda de shows, notícias, história e imagens. En-
tre as seções, destacam-se o game da Pitty, O Boteco - que
funciona como um diário da cantora -, e uma seção de
downloads (Lado Z) para os fãs. A última novidade é o
hotsite sobre a gravação do disco, em que o usuário encon-
tra um diário das gravações e ainda pode ver fotos e vídeos.
Críticas à parte, fica o reconhecimento do mercado e do
público ao www.pitty.com.br, que está concorrendo ao prê-
mio Ibest, na categoria Música, juntamente com os sites do
Los Hermanos, da MTV Brasil, entre outros. “Por enquanto,
está servindo apenas para divulgar o trabalho da artista, mas
já viemos pensando na criação de uma loja para venda de
CDs, DVDs e outros produtos”, afirma Cadu, que também atu-
aliza a página do rapper Marcelo D2 (www.marcelod2.art.br).
Maria Rita e Tecnopop: gestação paralela
Ainda falando sobre a relação entre cliente e agência,
vale destacar a criação do site da cantora Maria Rita, realizado
pela Tecnopop. A idéia do site surgiu logo após o lançamento
do primeiro CD e DVD da cantora. Segundo o diretor da
Tecnopop, o desenvolvimento, que começou no final de 2003
e terminou em 2004, foi um processo de absoluto carinho e
compreensão do momento da artista.
Até dar início à carreira como cantora, Maria Rita re-
lutou muito. Diante do bombardeio de comparações com a mãe
Elis Regina, e do momento de muita exposição e julgamento do
público, a reação da cantora foi preservar suas histórias e res-
guardar intimidades. Enquanto isso, a Tecnopop queria reve-
lar, experimentar. “Para a produtora, seria uma delícia abrir
acesso em MP3 de gravações demo, improvisos. Já a Maria
estava muito preocupada em mostrar essas gravações em que
ela pudesse ter desafinado, falado uma bobagem. Frescura?
De jeito nenhum, fazia todo o sentido naquele momento dela”,
assegura Luis Mendes.
48
48
Para ele, é preciso respeitar os momentos do artista, ao
mesmo tempo em que é necessária uma “metodologia profissi-
onal de trabalho”. Enquanto o site estava sendo feito, a Maria
Rita engravidou, “que é outro fator que leva ao instinto de
preservação própria. Assim, a gente foi fazendo o site
devagarzinho, sem forçar barras, sem apressar cronogramas.
Foi quase uma gestação paralela”, diz o diretor da Tecnopop.
Quanto às técnicas utilizadas no site da Maria Rita, Luis
destaca o Flash. “Sou do partido que acha que
usar Flash por Flash não justifica. Mas esse
(o utilizado no site) é o tipo de Flash que fun-
ciona. Um movimento suave, brincadeiras
cromáticas e um espaço para fácil atualiza-
ção de informações”, destaca ele, lembrando que
“não há ousadia de arquitetura e conteúdo nesse site”.
Luis Mendes garante que o próximo site deverá ser
bem diferente. Porém, mesmo não sendo, talvez, o site ide-
al para a artista, seus fãs agradecem. “Maria Rita tem um
público fantástico. Fãs que são fãs de verdade”, destaca
Luis. Eles participam tanto, que foi necessário mudar de pla-
no de hospedagem, devido ao excesso de visitas.
Quanto aos projetos atuais, a produtora está prepa-
rando o site da Orquestra Imperial, cujo complicador é o
fato de lidar, não com um artista, mas com uma dezena de
uma só vez e cada um com vários projetos paralelos.
www.maria-rita.com

www.ivetesangalo.com.br
Cores e movimentos para Ivete Sangalo
O diretor de arte da Simplescomunicação, Alceu Neto,
acompanha a Ivete Sangalo desde a estréia da cantora na web.
O primeiro site, o Beat Beleza, surgiu em 1999; o segundo, Fes-
ta, foi criado em 2001. “Fomos indicados entre os cinco melho-
res sites de artistas no VMB, da MTV. Daí, eu decidi que o próxi-
mo faria completo (sozinho), devido a dificuldade de passar o
que queria para os outros”, diz Neto, que se especializou, con-
tratou um estagiário em Programação e, em um mês, fez um
novo site.
Com a última versão, lançada em 2003, Ivete Sangalo pre-
tendia passar todas as informações sobre ela e seus discos, para
seus fãs e contratantes, além de diminuir as ligações telefônicas
e criar uma central de fãs. E assim foi feito. A criação da Central
de Fãs foi o grande alívio e a solução. Esta seção “simplesmente
resolveu os problemas de congestionamento de linhas e da falta
de informações sobre a artista”, garante Neto.
Segundo ele, a parte mais difícil foi passar a idéia de
Axé Music com um perfil “clean”. Até porque, o Axé
já tem seu estilo próprio. “Resolvi
48
vozes femininas na web
www.marisamonte.com.br
colocar cores e movimentos de fotos com base branca, o que
deixaria limpo e colorido”, explica o diretor de arte. “Outra
parte difícil foi a seleção de fotos, pois as mesmas não foram
produzidas para o site. Mas o resultado ficou bom. E depois,
foi só dar continuidade ao estilo”, completa Neto, que já fez
outros trabalhos de artistas como Margareth Menezes e
Banda Eva na época em que trabalhava como autônomo.
Idéia original, retorno satisfatório
O mundo da internet cresce a cada instante e, o que se
vê, talvez seja um misto de qualidade e quantidade. Diante
disso, ser original passa a ser uma questão de sobrevivên-
cia. E, ultimamente, os “famosos” estão fazendo da web
uma nova porta para o sucesso; enquanto as empresas, que
criam os sites destas “celebridades”, ganham prêmios pela
criatividade.
49
49
vozes femininas na web
Sendo
assim, este
se torna um ótimo
negócio para ambas as
partes.
Conhecida por seu timbre suave e ma r ca n t e,
Marisa Monte também faz parte do grupo de vozes
femininas na web. Assim que foi lançado, o site da cantora
ganhou o prêmio de melhor website de artista no VMB 2000
(Video Music Brasil - MTV), no ano em que o evento lançou
esta categoria. Até hoje, o site da Marisa mantém um ar
bem original, além de ser um convite para quem quer saber
mais sobre esta artista que, raramente, aparece em público.
Nele, encontram-se as imagens, um jogo, a biografia da
Marisa, assim como suas preferências musicais. O destaque
fica para a seção “Monte Songs”, que traz letras e partituras
de músicas da cantora e compositora. Esta seção leva o
mesmo nome da Monte Songs – Edições Musicais Ltda,
criada, em 1996, para editar as obras de Marisa Monte.
www.adrianacalcanhotto.com.br
50
Poesia e
Ludismo no mundo
virtual
Ao optar pela web, a
cantora Adriana Calcanhotto pretendia
abrir um canal de comunicação mais eficiente
com seu público. Foi então que a Refazenda
Produções mergulhou na obra e vida da artista e
criou um ambiente virtual ideal para Adriana. O site foi feito
com base em HTML, animações Flash, PHP e banco de dados
MySQL. Além de documentar a música da cantora e
compositora ele traz seções com a biografia da artista,
fotos, textos, etc. “A escolha foi definida pela própria
artista, a partir de sugestões nossas”, diz o diretor de cria-
ção, André Vallias.
Há pouco tempo, Adriana inovou com um CD voltado
para o público infantil. Foi o Adriana Partimpim, o qual reve-
lou o lado lúdico da artista que, até então, era conhecida por
suas canções de letras “profundas” e poéticas.
Mas quem disse que Adriana perdeu a poesia em tudo
que faz? O hotsite www.adrianapartimpim.com é um comen-
tário poético-visual acerca do CD. “Adriana Partimpim é um
heterônimo de Adriana Calcanhoto. Por isso, o site foi criado
como se fosse para uma outra artista, mas mantendo uma
certa coerência com a linguagem usada no de Adriana
Calcanhoto”. André Vallias destaca ainda que, “como se tra-
tava de um hotsite focado em um único produto, resolvemos
viajar mais no conteúdo e deixá-lo com uma navegação mais
lúdica”.
A Refazenda Produções nasceu em 1996, a partir da
criação de um site de artista: o de Gilberto Gil, lançado em
abril do mesmo ano. Daí em diante, vieram os sites de Caeta-
no Veloso, Cazuza, Jorge Ben Jor, Zé Ramalho, Titãs, Jorge

www.ritalee.com.br
Mautner, Arnaldo Antunes, Ary Barroso, Vinicius de Moraes,
entre outros.
Rita Lee, aqui, na web e para todos
Ao acessar o site da Rita Lee, o usuário não tem dú-
vidas: é a cara da cantora. O site é autêntico,
irreverente, divertido, colorido e muito carismático, tal
qual a dona. E quem o conhece não pode imaginar a
responsabilidade colocada nas mãos da equipe da Make
Media, já que a Rita “é um ícone, não de uma, mas, de
v á r i a s g e r a ç õ e s ”, d i z o d i r e t o r d e m u l t i m í d i a , I g o r
Spacek, lembrando que atingir esta diversidade de
público foi o grande desafio. A versão atual do site foi
criada para o CD Balacobaco, que traz muitos elementos
gráficos. “Sua capa foi criada a partir de um relicário.
Isso nos permitiu extravasar na quantidade de elemen-
tos e também nas cores”, destaca o diretor de multimídia
da empresa.
O primeiro passo na elaboração do projeto foi siste-
matizar a exposição do enorme histórico da cantora de
forma clara e atrativa ao internauta. “Buscamos, então,
uma solução de navegação inovadora e, ao mesmo tempo,
funcional. Para adicionar irreverência e leveza ao projeto,
em meio a tantas informações, decidimos utilizar as ani-
m a ç õ e s ”, e x p l i c a I g o r. E s s a s a n i m a ç õ e s i l u s t ra m , d e
forma bem-humorada, algumas situações cotidianas da
Rita Lee, e “são, por isso, também uma forma de
presentear os fãs”.
vozes femininas na web
www.vanessabarum.com.br
Com o objetivo de agilizar o processo de atualização,
a Make Media desenvolveu uma ferramenta de
gerenciamento de conteúdo, para que o site pudesse ser
modificado pela assessoria de imprensa da artista.
“A empresa que hoje não busca um canal
de interatividade com o seu público pode ser
surpreendida por seu concorrente. E no site da
Rita Lee não poderia ser diferente”, é o que afirma Igor
Spacek. “Ano passado, por exemplo, foi efetuada uma
enquete, através do site, para que o internauta escolhesse
a nova música de trabalho do CD Balacobaco. A votação foi
muito expressiva, com quase 15.000 votos em menos de
três semanas”. Sendo assim, “além de avaliarmos a opinião
dos participantes, notamos a sua satisfação em participar
do processo decisório”, enfatiza Igor.
O primeiro site oficial da Rita Lee surgiu em 1998, base-
ado no cd “Santa Rita de Sampa”. A Make Media, porém, tor-
nou-se responsável pelo projeto no final de 2001. “Nosso
desafio inicial foi desenvolver um novo site, inspirado no CD
Aqui, Ali, Em qualquer lugar....”. No ano seguinte ao seu lan-
çamento, o site foi indicado como um dos finalistas do VMB-
MTV, e, em 2003, conquistou o Top3 do Prêmio Ibest. Atual-
mente, a Make Media está concentrada na elaboração do
novo site da banda CPM 22.
Suavidade na personalidade e no layout
É preciso compreender a personalidade do artista, para
criar um site do seu jeito. Foi isso que fizeram João Paulo
51
51
vozes femininas na web

Nicolau, diretor de site, a cantora, talvez, jamais tivesse

criação, e Lucia Maria
Morais, diretora de arte
Contentcom (www.contentcom.com.br), empresa que realizou
o site da cantora Vanessa Barum, em 2003. Segundo eles, o
conceito do site foi baseado exatamente na personalidade
meiga e tranqüila da Vanessa. “Nós queríamos passar essa
imagem através da internet, por isso, criamos movimentos sua-
ves e delicados no site, além do uso de cores e tipografia ade-
quada, que expressam bem essas características”, explicam os
diretores.
Feito em Flash e com algumas áreas dinâmicas desenvolvi-
das com arquivos XML, visando facilidade na atualização, o site
de Vanessa Barum - que tem 15 anos de profissão -, fala sobre
sua carreira como cantora, compositora e, até, como atriz. O
retorno dos fãs de todo o Brasil tem sido muito grande,
principalmente para compra de CDs da cantora. “Uma curiosi-
dade é o número de mensagens do exterior, elogiando o site
e o trabalho de Vanessa”, destacam eles. E, se não fosse o
esse tipo de contato com o público.
da A Contentcom também fez o site da cantora
Adriana Mezzadri (www.adrianamezzadri.com.br), que, re-
centemente, participou da trilha do filme “Olga”, de Jayme
Monjardim, juntamente com Marcus Viana. “Nós adoramos
trabalhar com artistas, porque há muita liberdade para criar.
Quando você cria sites para empresas, elas já têm conceitos
pré-estabelecidos e algumas regras, as quais você tem que se
adaptar. Não que isso seja ruim, mas são trabalhos distin-
tos”, definem João e Lucia.
Umas famosas e outras nem tão conhecidas assim, as
vozes femininas querem, acima de tudo, expor suas idéias,
seja através da música, da poesia, de seus pensamentos e
de sua sensibilidade ampliar a interatividade com o público.
Aliás, a web faz, de maneira única, a comunicação e proximi-
dade entre artista e fã serem simples, dinâmicas e sinceras.
Sendo assim, o website de uma cantora, em especial, pode
ser sua mais pura forma de expressão.

Releitura adequada e soluções de vanguarda

Quanto às dificuldades de trabalhar a imagem de uma marca ou personalidade na web, Michel Lent, designer gráfico e mestre em
Telecomunicações Interativas, acha que o mais importante é compreender, respeitar e representar o seu “tone of voice” – isto é, encontrar
o tom ideal, a medida certa. Para ele, que foi um dos primeiros brasileiros a trabalhar com internet, “a marca precisa se comportar na
internet de forma semelhante ao mundo offline, mas sem ser uma simples adaptação. Precisa ser uma releitura adequada”.
No caso de uma personalidade, o trabalho vai além, já que ela raramente tem um “manual de aplicação” de sua marca. “Portanto, é
importante entender seu posicionamento e criar essa imagem para o mundo virtual”, completa Michel, fundador da 10’Minutos
(www.10minutos.com.br), sua consultoria em projetos interativos.
Michel Lent criou o site do jogador Ronaldinho, que foi ao ar em 1997 e ficou sob a responsabilidade da 10’Minutos por dois anos.
“Representar o Ronaldo foi, antes de tudo, entender que imagem ele idealizava, e encontrar uma tradução dela na internet”, afirma ele,
lembrando que o retorno foi extraordinário e recompensador, especialmente para uma produtora, na época, em começo de história.
Criar o site de uma personalidade é também uma forma de expressão. Para realizar o que se idealiza com sucesso, basta liberar a
criatividade. “É a hora da diversão, sem deixar de lado a informação”, diz Michel. Segundo ele, “por ser uma ferramenta de comunicação
menos ‘corporativa’, o site de personalidade permite que a produtora solte sua criatividade e proponha soluções de vanguarda”.

52 51
52
53
tutorial

Tableless Gustavo Loureiro - Instrutor do Infnet e

Sócio diretor da Stage3 - Soluções Digitais
gustavo@stage3.com.br

Olá Pessoal!
Vamos ver neste artigo como podemos construir alguns layouts
de página sem utilizar recurso de tabela em html.
Primeiramente, vamos fazer uma pequena revisão de folhas de
estilo (CSS), pois é fundamental estarmos afiados nesta linguagem
para podermos construir nossas páginas sem a utilização de tabelas.
Depois vamos montar uma página que possa falar com estes nossos
estilos.
O desenvolvimento de páginas com este recurso, faz com que
figura 1
estas fiquem não só mais leves como também facilitam a sua manu-
tenção. Vamos montar a diagramação principal desta página utilizando Neste documento, nós vamos começar fazendo uma
alguns recursos de folhas de estilo, XHTML e tudo isso com o auxílio configuração geral para a página através da configuração
do dreamweaver. do body. Digite o código abaixo neste novo documento:
CSS – Folhas de Estilo em Cascata body {

Neste exercício, vamos relembrar o conceito de ID. Assim como margin:0 0 0 0;

as regras de tags e classes, existe outro tipo de seletor chamado ID. padding:0;

O ID é um identificador único e serve para especificar mais precisa- background-color:#FFFFFF;

mente a sua formatação. font-family:verdana, arial, sans-serif;

#ninja {background-color: #FFFF00} }

Este ID se chama ninja e toda vez que alguma área utilizar essa
regra, vai ser mostrado com plano de fundo amarelo. Observe que
sempre antes de um ID, colocamos o #
<div id=”ninja”> xpto </div>
Aqui o conteúdo que for mostrado dentro desta tag, vai apre-
Aqui nós configuramos as margens como zero,
espaçamento para o início do conteúdo igual a zero também
cor de fundo como branca e texto como verdana (primeira
opção de fonte).
#topo{

sentar o plano de fundo amarelo. width:auto;

Abra o seu dreamweaver e vamos agora montar um layout sem height:75px;

a utilização de tabelas. Para podermos entender melhor, nós iremos padding:0px 0 0 0;

dividir nossa página em dois documentos. O primeiro vai conter o background-color:#CCCCCC;

código de XHTML e o segundo vai conter o código de folha de estilo. border-top:1px solid #666;

Com o dreamweaver aberto, crie um novo documento, color:#FF9900;

mas na paleta general, marque a opção “basic page” e selecio- text-align:center;

ne “CSS”. Isso vai fazer com que você já abra um documento }

preparado para programar com recursos de folhas de estilo ex- Aqui nós estamos criando as configurações do topo
terna. Veja a figura 1. da página. Configurações como: cor do texto laranja, texto

54
 tutorial
com alinhamento centralizado, cor de fundo com um tom
de cinza, largura automática e altura de 75px.
#colEsq {

background:#FF9900;

Acima estamos determinando a coluna da esquerda,

onde dentro dela, vai estar o conteúdo do lado esquerdo.
Temos apenas a configuração da cor de fundo.
# C Es que r d a {
figura 2
position:absolute;

width:190px; A vantagem de termos um código XHTML é que ele escreve um

top:75px; código semanticamente correto e sem milhões de erros que os edito-
left:5px; res HTML e alguns navegadores às vezes ignoram.
color:#003366; Visualizando o modo código do seu dreamweaver, você vai es-
} crever o seguinte código entre <head> e </head> do seu html:
Aqui a configuração do conteúdo do lado esquerdo <link href=”estilo.css” rel=”stylesheet” type=”text/css”>

da página. Posicionamento, largura, margem do topo e Este comando, vai fazer com que você chame a folha de
margem esquerda e cor de texto. estilo externa para fazer as configurações nesta sua página.
#sepConteudo { Veja a figura 3.
margin-left:200px;

Neste momento, estamos criando um separador en-

tre a coluna da esquerda e a coluna onde vai estar o con-
teúdo principal da página.
#conteudo {

color:#FF9900;

padding:1px; figura 3

text-align:justify; Repare no código da página a diferença de um docu-

background-color: #CCCCCC; mento XHTML.
} O Document Type Definition (vulgo DTD) é a primeira coi-
Depois de determinado onde devemos iniciar o bloco sa que se deve escrever em um arquivo XHTML. Se você qui-
de conteúdo, o código acima faz as configurações para ser ter um XML válido, é necessário utilizar uma das três for-
este. Repare que o alinhamento de texto está justificado. mas de escrever este código:
Agora salve este documento como estilo.css. Strict: Este tipo é usado quando você fez um código 100%
Abra um novo documento, solicite que seja um HTML, XHTML, sem erros.
mas não esqueça de solicitar que ele escreva código de <!DOCTYPE html

XHTML. Veja a figura 2. PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

55
tutorial

Transitional: Este é o modo mais usado quando se <h2>Aqui mais conte&uacute;do </h2>

está começando a migrar do nosso amigo HTML para o po- </div>

deroso XHTML. </div>

<!DOCTYPE html </div>

PUBLIC “-//W3C//DTD XHTML 1.0 Transitional// </body>

EN” Salve este arquivo como revista.htm. Repare que

“http://www.w3.org/TR/xhtml1/DTD/xhtml1- cada <div id=”valor”> no html, está fazendo uma refe-
transitional.dtd”> rência a um #nome {...}criado no documento de folha de
Frameset: É u s a d o q u a n d o v o c ê e s t á u t i l i z a n d o estilo. Você ainda poderia reposicionar estes objetos em
FRAMES em seu site. relação a sua página e só teria que modificar o código no
<!DOCTYPE html arquivo css. O seu código html, ficaria intacto. Só seriam
PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” necessárias mudanças caso você criasse novas colunas
“http://www.w3.org/TR/xhtml1/DTD/xhtml1- de conteúdo.
frameset.dtd”> Caso tenha interesse, você poderá fazer as modifica-
Repare que no nosso exemplo ele coloca com a segun- ções e ajustes através do dreamweaver selecionando o
da opção: Dentro do body, você vai escrever o seguinte: painel “design”, onde poderá editar suas folhas de estilo.
... Veja as figuras 4 e 5.
<body>

Aqui estamos criando o topo da página:

<div id=”topo”>

<h1>WEBDESIGNER</h1>

</div>

Aqui estamos criando a coluna da esquerda:

<div id=”colEsq”>

Aqui estamos determinando qual o conteúdo que vai figura 4

aparecer na coluna da esquerda:

<div id=”CEsquerda”>

<h3>MENU</h3>

<p>ítens do menu</p>

</div>

Aqui estamos criando a separação entre a coluna da

esquerda e a área de conteúdo:
<div id=”sepConteudo”>

Aqui estamos determinando qual é o conteúdo:

figura 5
<div id=”conteudo”>

<h1>Conte&uacute;do</h1> Teste o layout que você acabou de montar e veja o re-

<h2>Aqui você poderia digitar seu sultado principalmente no firefox e no netscape. Veja as fi-
conte&uacute;do</h2> guras 6 e 7:

56
 tutorial
Caso você tenha interesse
em facilitar ainda mais a sua
vida, você pode estar criando
seus ID também através de fo-
lhas de estilo. Em “selector type”,
determine que deseja a terceira
opção (Advanced); na opção
selector, digite o nome de seu ID
figura 6 - layout no firefox
(NÃO ESQUEÇA DA #), e por últi-
mo, determine que este estilo
estará em um novo documento
CSS (New Style Sheet File). Veja
na figura 9:

figura 8

figura 7 - layout no netscape

Caso seu dreamweaver seja o MX 2004, os estilos podem ser

configurados também no painel design, mas na hora da edição, você
figura 9
precisa utilizar o painel auxiliar (CSS properties). Veja a figura 8.
Bom pessoal, claro que ainda há muito que aprender sobre
WebStandard e Tableless. O que vimos aqui foi uma introdução
ao assunto, uma pequena prática. Na próxima matéria prometo
ousar mais nos exemplos. Façam o seguinte: entrem no Google e
digitem “tableless”. Vocês não vão se arrepender.

57
 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

Jamais Vu, muito cuidado com ele!

No mundo frenético do design, a cada minuto que passa precisamos criar novas interfaces, novos
layouts, novas campanhas, novas marcas, enfim, novas idéias. O estresse gerado em nossa mente por
esta corrida maluca atrás de novas idéias pode provocar sensações ilusórias chamadas de jamais vu.
Esta palavra francesa (que significa “nunca visto”) refere-se à sensação de que algo bastante
conhecido é novo ou estranho. É a ilusão que faz com que o familiar, o conhecido, não seja reconhecido
como tal. Detalhes presenciados milhares de vezes se tornam subitamente novos (e por isto muitas
vezes cativantes). É o contrário da sensação de “déjà vu”.
Quando um designer está passando por um jamais vu ele tem a sensação de que criou algo novo
e inédito, mas na verdade está apenas reproduzindo algo que já era familiar a ele, algo que já estava em
sua biblioteca mental. Pode até parecer que a sensação de jamais vu não seja algo tão grave, mas ao
analisarmos bem veremos que esta sensação acaba por esconder o verdadeiro estilo do designer, apa-
gando suas características únicas e limitando sua potencialidade. O designer que “sofre” de jamais vu
está simplesmente copiando (muitas vezes sem saber) o estilo de outro.
Isto acontece principalmente porque vivemos atualmente a cultura do insight, a cultura das idéias
que surgem do nada, como mágica. Estamos acostumamos a dizer e a ouvir que tivemos uma idéia ou que
uma idéia surgiu do nada. A famosa imagem de uma lâmpada acesa que representa uma nova idéia que
surge parece estar ligada ao precursor da filosofia do insight: Santo Agostinho.
Por volta do ano 386, Agostinho iniciou a formulação de uma de suas teorias mais famosas e que
mais influenciaram a humanidade (ao menos o mundo ocidental): a teoria da iluminação, ou doutrina de ilu-
minação divina. Esta teoria ou filosofia estende seus reflexos até os dias de hoje. A teoria agostiniana
(que contém fortes referências a Platão) estabelece que todo conhecimento verdadeiro é o resultado de
um processo de iluminação divina, ou seja, a verdade não está em nós, ela está em algum outro lugar e
apenas se materializa em nossa mente. Santo Agostinho não deixa de ter razão. Estas idéias que temos
de rompante, este insight, vem sim de algum lugar, vem de nossas experiências sensoriais anteriores!
O que devemos fazer para evitar que o jamais vu aconteça é entender como funciona o processo
de criação e trabalhar a idéia de imaginário e de raciocínio lógico, idéias fundamentais para o design.
A lógica racional reproduz e combina aquilo que já existe (e pode, portanto provocar o jamais vu),
mas o poder de criar o diferente, o inédito reside na potencialidade criadora que o imaginário possui.
O imaginário tem o poder de renovar o sentido daquilo que já existe.
Ao nascermos, não pensamos, mas imaginamos; não raciocinamos, mas sonhamos; não argumen-
tamos, mas fantasiamos o mundo que nos rodeia. Selecionamos das sensações que invadem nossos sen-
tidos determinadas imagens e damos a elas sentidos específicos. Antes de pensar logicamente as coi-

58
 criação
“Quando um designer está passando por um ‘jamais
vu’ ele tem a sensação de que criou algo novo e
inédito, mas na verdade está apenas reproduzindo
algo que já era familiar a ele”

sas, nós as imaginamos. A imaginação nada mais é do que a possibi-

lidade que temos de impregnar de sentido as sensações.
Embora o imaginário seja nossa potencialidade criadora e não
possa ser delimitado pela lógica, ele não pode existir sem estar rela-
cionado com a racionalidade. O contrário também é verdadeiro. Não
é possível pensar uma razão que sufoque o imaginário ou que esgote
suas potencialidades criadoras.
Para livrar-se do jamais vu o designer precisa que sua
racionalidade esteja impregnada pelo poder criador do imaginário e
isto só é possível utilizando-se um processo de criação onde estejam
envolvidos sempre estas duas potencialidades criativas: imaginação
e raciocínio!

59
estratégia

Ricardo de Bem
Trabalha há mais de 11 anos com internet. Antes, participou de projetos de software na
área de Sistemas de Informação e Decisão. Com formação híbrida, mesclando
informática, propaganda e pós-graduação em marketing, hoje é Diretor Executivo da
Divex Tecnologia e está à frente de projetos no campo do relacionamento online.

O Darwinismo Digital e a Marca Sapiens

“Não é o mais forte da espécie que sobrevive, nem o mais inteligente; mas sim, o que me-
lhor se adapta às mudanças.” - Charles Darwin

A frase acima, apesar de vir do campo da Biologia, retrata muito bem o ambiente de mercado
e suas peculiaridades. A teoria de Darwin, aliás, tem servido como analogia para muitos autores e
estudos, já há alguns anos.
De fato, a Teoria da Evolução aplicada aos negócios ganha peso e sentido quando analisamos
alguns casos de mercado sob a luz de seus conceitos. Há pouco mais de 20 anos a IBM, por exem-
plo, era uma gigante sem oponentes, dominando o mundo dos grandes computadores, os
mainframes. Era a mais forte. E era enorme. Mas isso não garantia sua sobrevivência. O sucesso
de vendas do Apple II, além do aparecimento de novos fabricantes de computadores pessoais, ali-
ados à formação de novos hábitos; como o uso da planilha de cálculos; fizeram com que os inofen-
sivos microcomputadores fossem alçados à categoria de máquinas úteis. A IBM, a princípio relutan-
te, reconheceu a ameaça e agiu. Para fugir da rota da extinção, adaptou-se à nova tendência e
lançou o IBM-PC. Graças a essa guinada, ganhou também o mercado dos microcomputadores e
sobreviveu. Hoje a sua marca transmite a imagem de uma empresa moderna e em sintonia com a era
do e-business. Bem diferente da figura monolítica de antes. Mudou. Evoluiu.
É apenas um exemplo, dentre tantos. Há casos mais simples, como o das livrarias, que
hoje nos oferecem café expresso e acesso à Internet; ou dos postos de gasolina, que têm
muito mais do que combustíveis para vender. São, também, exemplos de adaptação na busca
pela sobrevivência.
As adaptações impostas pelo mercado, pelos fatores externos, pelo avanço da concorrência,
pelo surgimento de novos hábitos e novas tendências são imprescindíveis, porém, nem sempre
possíveis ou vislumbradas. As marcas ganham ou perdem peso de acordo com a sua capacidade de
mudança. E aquelas que conseguem reagir rapidamente acabam ganhando terreno. Exemplos?
Adaptação à Internet e aumento de vendas. Ano após ano crescem os resultados dos braços vir-
tuais de lojas como Americanas, Magazine Luiza, Siciliano, Livraria Cultura, Ponto Frio e Colombo,
para citar algumas das mais bem sucedidas do varejo on-line e que têm lojas de tijolo e concreto
como origem. Todas essas empresas enxergaram a revolução da Internet e adaptaram-se a tempo.
Hoje, são marcas muito fortes no mundo virtual e estão plenamente aptas a sobreviver nesse am-
biente. Evoluir faz fixar a marca, também. Quem fez isso muito bem, aliás, foi a Gol. Ela impressi-
onou – além do modelo de negócio, em si – ao apresentar o mais completo, simples e eficaz processo

60
 estratégia
“Escolher os opcionais e as cores do seu carro já é
passado. Agora você monta a sua geladeira”

on-line de aquisição de passagens, enquanto algumas veteranas todo lá, agora mesmo, trocando experiências em seus blogs,
do setor eram apenas razoáveis nesse quesito. Graças a essa renovando fotos nos seus fotologs, fazendo amigos no Orkut
particular evolução a Gol conseguiu fixar três atributos de marca e conversando pelo MSN. E mais: daqui a 5 anos, aproximada-
numa só tacada: a Gol é simples, eficaz e moderna aos olhos de mente, eles estarão chegando à maioridade e entrando em
quem já usou o recurso. Resultados práticos? Em 2004 ela ven- outro patamar de consumo, comprando bens duráveis e de
deu R$ 1.6 bi pela Internet, correspondendo a 80% do total maior valor. Daqui a 10 anos, comprarão computadores, via-
comercializado pela empresa. Nada mau, não? gens e eletroeletrônicos. Daqui a 15 ou 20 anos, serão os cli-
Hoje, gerir marcas e pretender sua perpetuação exige entes para carros, móveis, planos de saúde e apartamentos.
que se entenda o verdadeiro significado dos exemplos acima. E farão isso com a ajuda da Internet, seu meio natural.
Compreender, de fato, esse novo contexto. A participação da Bill Gates, no seu livro A Empresa na Velocidade do Pensa-
Internet em nossas vidas é cada vez mais abrangente. Já tira mento, afirma: “Os negócios vão mudar mais na próxima década
audiência da televisão, inclusive. O Brasil fechou 2004 com 21 do que mudaram nos últimos cinqüenta anos”. Então, esteja
milhões de usuários e as vendas virtuais somaram 1,8 bilhão de preparado e, na escala evolutiva do Darwinismo Digital, procu-
reais, 47% a mais do que em 2003. Quem percebe essa altera- re ser uma Marca Sapiens, pois os mais aptos perduram.
ção de cenário, adapta-se e busca a evolução, marca pontos e
marca a marca. Exemplos? Brastemp. Você sabia que agora
mesmo pode montar sua própria geladeira? Pode definir a dis-
posição interna, estrutura, nome e cores. Escolher os
opcionais e as cores do seu carro já é passado. Agora você
monta a sua geladeira. Quem vai ficar, por algum tempo, com
essa vantagem? A marca Brastemp, claro. E temos também a
Nike, que, pela Internet, já permitia a personalização dos seus
tênis e agora, como se não bastasse, dá ao consumidor a li-
berdade de personalizar também mochilas, relógios e até bolas
de golfe(!), na iniciativa que batizaram de Nike ID. Mudança e
evolução que estão marcando, com certeza.
Adaptações como essas, que fazem sua marca fluir pelas
conexões da Internet, já são indispensáveis para atingir con-
sumidores que, como eu, já passaram dos 30 anos. Mas se
você tem que construir uma marca forte entre a geração que
tem por volta de 15 anos, deverá ser mais competente ainda
em suas estratégias para a Internet, pois esse público está

61
 Marcela Catunda
bula da Catunda

Trabalhou na TV Globo, TV Bandeirantes, TV Gazeta, Manchete e SBT. Foi redatora da

DM9DDB e Supervisora de Criação de Mídia Interativa da Publicis Salles Norton.
É sócia do site Banheiro Feminino, está no Orkut e trabalha como autônoma.
marcelacatunda@terra.com.br

E aí, quer pagar quanto?

Toda vez que assisto o tal comercial de TV perguntando: “Quer pagar quanto?”, eu logo penso:
Não quero pagar nada não. Tô indo aí agoooora pegar uma geladeira nova, um home teather, uma
TV trezentos e noventa e nove polegadas, um DVD e um telefone com secretária eletrônica, e não
vou pagar nada, entendeu? Nem um centavo.
Reflito comigo mesma... será que o cliente pensa a mesma coisa quando eu pergunto humilde-
mente quanto ele tem de verba pro meu freela? Caraca! Então será que é isso? Ele deve olhar pra
mim e pensar: - Não quero pagar nada não. Trabalha aí de graça, faz o seu serviço direitinho e se
manda.
Socorro!
Ele quer pagar quanto? Algo está errado no meu raciocínio. Sou eu que tenho que dizer quan-
to eu quero. E eu faço isso, às vezes mal pacas, mas faço.
- Dois paus. Eu tenho dois paus pra esse trabalho. – diz o cliente.
- E eu uma Dama de ouros. Bati. – digo eu.
Dois paus? Fala sério. Dois paus pra estudar a concorrência, pensar no que vai ser a nova área
do site, refazer a estrutura de navegação, pensar nos novos grupos de informação, redigir o texto
e... e! Ah! E o cafezinho, claro. Que tá na cara que eles vão pedir também pra eu fazer um
cafezinho. Ô povo cara de pau.
Quando é assim eu não aceito. Volto pra casa abatida, desesperada da vida, mas não aceito.
- O job é esse. Quanto rola? – pergunta o cliente.
- Preciso calcular o número de horas que vou dedicar ao trabalho... – tento responder, mas
sou interrompida.
- Não enrola. Fala rápido quanto você quer Catunda? – insiste o cliente.
- Eu realmente preciso calcular as horas – respondo.
- Vamos negociar logo isso. Quanto você quer? – cliente impaciente.
- Tá bom. Quero quinhentos mil reais em notas de um, coloque tudo numa maleta preta atrás
do telefone público da Praça da Sé as onze e meia da noite do dia 9, ou então, não terá o seu job
de volta.
Como assim o que eu quero? Tão querendo seqüestrar minha parca sanidade mental é? O que eu
quero? Eu quero receber, mas antes eu preciso calcular as horas. Deus! Dá pra esperar um pouco?
Odeio me sentir pressionada. Quando fico assim não consigo fazer conta. Que stress, ô loco.
Volto pra casa depois de quase duas horas de trânsito, abro meu Excel básico e começo meu
orçamento. Bom, pelo menos esses aceitaram minha proposta e pegaram direitinho.

62
“Quando o cliente entra nessa coisa de negociar

bula da Catunda
valores com minha pessoa nada administrativa é uma
covardia. É como arrancar doce da boca de uma
criança. Mas eu já aprendi a dizer não”

- Tantos slevers reais? – surpreende-se o cliente. ria cobrado quatro. Se cobro quatro é porque vale quatro.
- Ahãm. – o que me resta? Margem para negociação pra mim é qualidade criativa. Devia
- Mas isso é mais do que eu imaginava gastar. – defende- ser assim:
se o cliente. - Faz por dois paus vai. – imagino o cliente pedindo.
- Imagino – roubo-lhe o verbo. - Faço, mas você vai aprovar tudo o que eu inventar –
- Não dá pra fazer por menos tanto? – negocia peço em sonho.
- Eu tiro 16% e não dou nota. – proponho. - Tudo? Não posso reprovar nada do roteiro? – implora
- Eu preciso da nota – diz o cliente. o cliente.
- E eu do valor que pedi. – respondo. - Nem um take. Por dois paus é isso ou nada. – bato duro.
- Quebra essa Catunda. É o primeiro de uma série. – ame- - Ah! Eu queria tanto reprovar alguma coisa – diz o cliente
aça o cliente. fazendo bico.
- Adoraria fazer esse trabalho, mas não posso realmente - Puxa! Sou coração mole. Por dois paus eu deixo você
trabalhar por menos que isso. – explico educadamente. reprovar uma cena, o que acha? – até em sonhos sou caridosa.
Quebra essa Catunda? É péssimo. Não me dá munição - Uma cena todinha? – diz o cliente entusiasmado.
pra pensar que eu já me imagino quebrando tudo nessa sala. Isso sim é negociação criativa. O resto é quer pa-
Quebra essa. Quebro sim. Quebro tudo, quer ver? gar quanto.
Isso só não é pior do que “o primeiro de uma série”.
Tem dó de mim.
Quando o cliente entra nessa coisa de negociar valores
com minha pessoa nada administrativa é uma covardia. É
como arrancar doce da boca de uma criança. Mas eu já aprendi
a dizer não. Pelo menos isso.
Comecei trouxa desde a tenra infância, quando
meu pai comprava um álbum de figurinhas pra mim,
por exemplo, eu nunca o completava. É que a coisa
mais fácil do mundo era trocar cinco por uma comigo.
Eu sempre acreditava que a figurinha era rara, ou
difícil demais de conseguir... trouxa!
Mas agora, depois de tantos anos não posso
mais fazer isso comigo. E não tem nada mais desa-
gradável do que alguém insistindo em diminuir sua
grana. Pô, se eu pudesse fazer por dois não te-

63
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

Lenda viva, muito viva

A lenda é mais ou menos assim: na legendária aula inicial, o grande mestre distribui a seus dis-
cípulos (todos novatos) folhas de papel e diz “Construam”. E sai.
O desafio era heróico. A escola era, afinal, lendária, seus professores idem, e muitos dos que
saíram dali (homens e idéias) mudariam o mundo.
Quando o mestre volta há uma torre Eiffel de papel, uma catedral gótica de papel e... algo inu-
sitado: um grupo dobrou uma folha em V, inverteu-a e a apoiou na mesa, como uma tenda. Compa-
rado aos outros projetos, é quase uma afronta.
O mestre disse:
- Catedrais góticas são o apogeu da pedra. É a construção mais luminosa, mais vertiginosa
que jamais se fez em pedra. A torre Eiffel, por outro lado, é o triunfo do ferro: só quando domina-
mos os segredos do ferro pudemos fazer uma estrutura assim. Já essa tenda de papel, tão singela,
explora aquilo de que só o papel é capaz: ser dobrado com as mãos e sustentar sua forma com le-
veza e graça.
Os outros dois grupos tentaram usar o papel para imitar outros materias. Já esse grupo en-
tendeu a natureza do papel e a expressou com perfeição.
Não sei se você já pensou nisso, mas quando se começa a trabalhar com internet o que te jo-
gam na mão é mais delicado que papel: um “material” tênue, flexível, quase transparente. E aí, o que
dá para fazer com isso?
Assim como com o papel da lenda, dá para se fazer muita coisa, sobretudo besteiras. Nos
primórdios, quando conexão de 28k era um luxo, já se faziam shockwaves elaborados, streaming
vídeo, áudio, games em java... Imagine, então, quando tivermos banda larga, pensava-se.
Em pouco tempo “construir” passou a ser... usar flash. Que maravilha! Originalidade, impacto,
complexidade, tudo isso sem pesar as toneladas de antes. Agora sim estávamos fazendo coisas
“interativas” sem ter que esperar pela terra prometida... da banda larga.
Assim como o guru da lenda, eu já fazia meus apartes: coisas pesadonas assim, imersivas,
multimídia, são usos pobres dessa novidade. Isso CD-ROM já fazia, TV já fazia, rádio já fazia... e
melhor. Usar internet pra isso é fazer catedrais de papier-maché, é usar internet como cano estreito
para despejar conteúdo. E sonhar com banda larga era ficar fascinado com o dedo que aponta a
lua, e não ver a lua.
Um dia os Google’s, Yahoo’s, Radio Userland e Orkut’s da vida nos deram um tapa na cara di-
zendo “acordem, manés”. Diante de nossos olhos estavam enfim usos inteligentes, bem-bolados,
elegantes de tudo aquilo que esse nosso papel hiper-dobrável era capaz de fazer.

64
“Não sei se você já pensou nisso, mas quando se

marketing
começa a trabalhar com internet o que te jogam na mão
é mais delicado que papel: um ‘material’ tênue, flexível,
quase transparente. E aí, o que dá para fazer com isso?”

Mas afinal... do que esse nosso papel é capaz? Eu fico encantado: conteúdo sendo distribuído e publicado e
Ele é capaz, sobretudo, de criar pontes. No nosso ofício, só trocado e disponibilizado automaticamente, seja para que plata-
cria ilhas quem quer ou está mal informado. E, claro, só está mal forma for, seja para que sistema for. Pessoas misturando conteú-
informado quem quer. dos de todo canto, pessoas disponibilizando seu trabalho em to-
Aprender a lição desses mestres não é fácil não. das as direções. A tal da web finalmente começa a ter cara de...
Por exemplo: RSS. Eu demorei um bom tempo para entender spider web.
que diabos era isso, mas hoje todos os meus blogs estão compa- Procure descobrir mais sobre RSS. Aventure-se, explore.
tíveis. Idem para podcasting: meu audioblog também está prepa- Vale a pena.
rado. Quem quiser acompanhar o que eu publico, é só usar um Voltando à nossa lenda: a escola era a Bauhaus em Weimar,
bom leitor de RSS (tem pra windows, mac, pocketpc, palm...). Alemanha. O mestre? Josef Albers. Quando? Lá se vão uns oiten-
Pra descomplicar: RSS é uma maneira de você disponibilizar ta anos. O prédio em que você está, a cadeira em que você se
conteúdo. Eu publico um post no meu blog, e automaticamente senta, sua caneta, muito do nosso repertório cotidiano vem de lá.
ele gera um arquivinho com um resumo do que eu publiquei. Esse Pesquise na Wikipedia, vale a pena também (www.wikipedia.org,
arquivinho sempre “fresco” pode ser lido e importado de um monte outro belo projeto colaborativo).
de jeitos. Se você usa o blogger, ou usa o movable type, ou mui- Gosto muito dessa lenda. Lenda boa é assim: não tem
tas outras soluções de publicação, elas geram RSS automatica- gnomos, princesas nem bruxos. Lenda boa tem homens, coragem
mente. E para você acompanhar vários RSS ao mesmo tempo, e, sobretudo, a esperança de um final feliz para muita gente. Isso
eu sugiro o Awasu, gratuito e legal (www.awasu.com). sim é mágico.
Uma vez que meus blogs e todas as coisas online estavam
compatíveis com RSS, criei uma página que mostra de uma só vez,
automaticamente, as últimas novidades de todos os meus blogs.
Eu publico uma foto nova? Aparece lá. Um post novo? Idem. Quem
quiser ter uma visão geral do que eu ando fazendo, vê tudo no
www.usina.com/varal.
Mais: quem quiser inserir no seu próprio site chamadas para
o que eu publico, é só usar meus RSS também.
Quer ver quem faz isso em larga escala? O Yahoo. A home
do My Yahoo permite você adicionar blocos de conteúdo de
outros sites. Basta eles gerarem... RSS. Veja o site da BBC.
CNN. Veja o site... da MSN. Todos eles tem um linkzinho em al-
gum lugar para o RSS. Veja que belo esforço o do projeto
RSSficado (http://www.rssficado.com.br ).

65
66