E D I T O R A

9 772178 240007

I SSN 2178- 2407

0 0 0 8 6

SETEMBRO/OUTUBRO 2011

R$ 11,90

A revista dos prossionais de internet

BOCA A BOCA

NA WEB
FAA BUZZ MARKETING

E ECONOMIZE NOS GASTOS COM A

DIVULGAO DE SUA MARCA!

CRIAO
JACKS BIG BURGER INOVA E INVESTE EM
CARDPIO INTERATIVO PARA IPAD

TECNOLOGIA
ESPECIALISTAS ANALISAM AS MAIS NOVAS
VERSES DE BROWSERS E O SUPORTE HTML5

MARKETING
CONHEA AS MELHORES FERRAMENTAS PARA
MONITORAR SUA CAMPANHA NAS MDIAS SOCIAIS

E-COMMERCE
OFEREA O ATENDIMENTO ONLINE INTEGRAL
EM SUA LOJA E GARANTA MUITO MAIS VENDAS

O
IV
S
U
CL
X
E

DO

E
DE
T
N
O
CO
AD

S
I
A
C
M
R
U
E
CO
M
T
O
I
O
R
R
D
I
S
AL
R
U
E
V
IV
AT
S
AN MA
E
A
D
RA
J
O
O

O
I
PA
L
ED
86 > FRONT | WIDE |

| WIDE | 86 > FRONT

86 > FRONT | WIDE |

EDITORIAL

Uma dose de nostalgia

Eu tinha um problema para resolver, acho que no incio de
2003. Queria muito divulgar um projeto, na poca Encontro
de Webdesign, um evento superimportante para os profissionais que quisessem conhecer esse novo mercado que
estava surgindo, de design voltado para a web.

86

Procurei a revista mais conhecida de design da poca, mas

no me deram muita ateno. Falaram que at poderiam
fazer a cobertura do evento, dar alguma notcia depois que
ele ocorresse, mas antes no teria como. Bem, o evento iria
ocorrer, eu precisava de um veculo para me comunicar
com o meu pblico, mas o veculo no estava disponvel.
Ento, criei o meu prprio veculo. Da, h oito anos surgia a
Webdesign

Direo de Redao
Flvia Freire

Direo Geral
Adriana Melo

Jornalismo
Tiago Bosco
Reviso
Rodrigo Gerdulli
Projeto Grfico
Tabaruba Design
Direo de Criao e Ilustrao
Camila Oliveira

Agora, tenho mais do que um espao para uma notinha;

coloco at um anncio de pgina dupla, se quiser rs. Mas, eu
nem sabia o que estava fazendo. S queria divulgar nosso
evento. E, dessa brincadeira, surgiu o nosso maior meio de
comunicao com vocs. Os eventos, h 12 anos, ocorriam
apenas semestralmente, o que nos deixava afastados por
muito tempo. Com a revista e o site conseguimos, enfim,
manter um dilogo constante com o nosso pblico.

Ilustrao (colaborao)
Carolina Vigna-Mar

Achei que vocs poderiam curtir essa histria e que ela

eventualmente serviria, neste primeiro ano de comemorao da Wide (sucessora da Webdesign), como uma fonte de
inspirao. Sempre procuramos trazer muitas novidades nas
edies e acho que uma dose de incentivo sempre bem-vinda no meio de tantos caminhos a escolher. s acreditar
e fazer acontecer ;-)

Financeiro
Cristiane Dalmati

Obrigada pela companhia de vocs durante este ano e muito

sucesso para todos ns!

Publicidade
Luanna Chacon
Atendimento
Taciana Esteves
Tecnologia
Neilton Silva

Revista Wide
www.revistawide.com.br
Verso para eReaders
www.revistawide.com.br/ereader
Arteccom
Eventos, editora e treinamento
www.arteccom.com.br

Um beijo,
www.twitter.com/arteccom

Adriana Melo
adriana.melo@arteccom.com.br
P.S. Vejam no site da revista os presentes que temos para nossos leitores.

www.facebook.com/arteccom

www.flickr.com/arteccom

www.youtube.com/arteccom

Fale conosco
Atendimento: atendimento@arteccom.com.br
Redao: redacao@revistawide.com.br
Publicidade: publicidade@arteccom.com.br

Produo grfica
www.walprint.com.br
Produo digital
www.kahek.com.br
Distribuio
www.chinaglia.com.br

| WIDE | 86 > FRONT

86 > FRONT | WIDE |

CAPA

Boca a boca
na web
Inspire-se com
grandes cases de
buzz marketing e
planeje campanhas
que podem levar o
pblico a divulgar a
sua marca

E-MAILS E TWEETS > 06

48

FIQUE POR DENTRO > 08

Notcias, Blogs, Mtricas,
Agenda, Livros, Direito
na web, Internacional,
Empreendedorismo

Criao
> p. 14
PORTFLIOS > 14
Agncia: Ato Interativo,
Freelancer: Marcos Vianna,
Ilustrao: Alexandre Dubiela,
Lente Digital: Ren de Paula Jr.,
Fontes de Inspirao: Isac Corra
REPORTAGEM > 24
Confira as caractersticas
mais importantes e os
padres estabelecidos para
criar layouts para mobile sites
ENTREVISTA > 28
O publicitrio e diretor de arte
Ricardo Panini fala sobre as
peculiaridades de um bom
design para e-commerce
OPINIO > 32
Profissionais de criao debatem
sobre o risco de desenvolver
projetos inovadores para o
ambiente digital

Tecnologia
> p. 60

Marketing
> p.90

E-Commerce
> p. 108

REPORTAGEM > 60
Conhea a biblioteca Node.JS
e crie projetos em ambiente
web que suportem inmeros
acessos simultneos

REPORTAGEM > 90
Para medir a eficcia de uma
campanha de marketing
online, fique por dentro das
principais ferramentas de
monitoramento

REPORTAGEM > 108

Panorama completo sobre a
atual situao do mercado de
comrcio eletrnico no Brasil,
com estatsticas, tendncias,
cases de pequeno a grande
porte e muito mais

ENTREVISTA > 68
Autor do livro Rails 3, Cloves
Carneiro Jr. fala sobre as
novas funcionalidades e as
mudanas arquiteturais da
ltima verso do framework
OPINIO > 72
Especialistas fazem uma
anlise sobre o suporte
HTML5 na ltima verso dos
principais navegadores web

ESTUDO DE CASO > 38

Agncia Gaz Games, de Ronaldo
Gazel, desenvolve cardpio
interativo para iPad

E STUDO DE CASO > 76

Jornal do Povo lana portal
de notcias e widget para sites
e blogs, alm de uma verso
totalmente adaptada para os
dispositivos mveis

COLUNAS > 42
Ilustrao: Carolina Vigna-Mar,
Design de interao: Amyris
Fernandez, Internacional:
Julius Wiedemann, Aqui, ali, em
qualquer lugar: Michel Lent

COLUNAS > 80
ColdFusion e Java: Paulo A.
Teixeira, Ciberespao: Ricardo
Murer, Segurana: Ivo Machado,
Tableless: Diego Eis, Mercado
de TI: Paulino Michelazzo

| WIDE | 86 > FRONT

CAMPANHA > 96
Agncia Cappuccino Digital
apresenta timos resultados
com ao no Facebook
para promover a pastilha
Mucoangin
ENTREVISTA > 100
Doutor em comunicao e
semitica, Celso Figueiredo
d dicas importantes sobre
como persuadir leitores com
texto publicitrio
COLUNAS > 104
Webwriting: Bruno Rodrigues,
Marketing: Ren de Paula

ENTREVISTA > 116

O diretor de vendas da
NeoAssist, Albert Deweik, conta
as vantagens de oferecer o
atendimento por mensagens
instantneas nas lojas virtuais
ESTUDO DE CASO > 120
Denis Mandelbaum fala sobre
o desafio de lanar um leilo
virtual no Brasil e revela como
o site Lanceria vem crescendo
em to pouco tempo no ar
COLUNAS > 124
Search & Social Media: Tiago
Luz, E-commerce: Mariano Faria

Os links citados nesta edio esto reunidos na pgina principal do site da

revista. Acesse www.revistawide.com.br.
A Arteccom no se responsabiliza por informaes e opinies contidas nos
artigos assinados, bem como pelo teor dos anncios publicitrios.
No permitida a reproduo de textos ou imagens sem autorizao da Editora.

86 > FRONT | WIDE |

E-MA IL S

E-mails e
Tweets

[redacao@revistawide.com.br]

Ol, a primeira edio da Wide

que comprei foi a 85. Adorei
muito o trabalho da revista
e com certeza irei assin-la.
Tenho muito interesse em
desenvolver layouts para
o Magento, mas no sei nem
como se comea. Ser que no
h a possibilidade de a equipe da
Wide ajudar os desenvolvedores
no bsico do desenvolvimento?
Desde j agradeo.
PEDRO LAZARI
CONTATO@PEDROLAZARI.COM.BR

Ficamos muito felizes que esteja

aproveitando o contedo da
Wide, Pedro. Em relao ao
desenvolvimento de templates
para o Magento, realmente uma
boa sugesto e analisaremos
a melhor forma de auxiliar os
leitores nisso. Aguarde!

No conhecia a revista Wide,

comprei pela primeira vez
e gostei muito. Vocs esto
de parabns. Gosto muito de
acompanhar as novidades
e artigos sobre e-commerce.
Minha famlia tem um varejo de
armarinhos e tambm estamos
nesse fascinante mundo do
comrcio eletrnico. Essa a
tendncia, independentemente
do ramo de atuao, como
at mesmo no de armarinho,
no qual jamais imaginei que
pudesse vender para todo o pas
no canal online.

Recebi a Wide e tive a

oportunidade de ler a matria
sobre redes sociais segmentadas.
Parabns pelo timo trabalho,
ficou excelente. Foi perfeita
a forma como o tema foi
explorado, com informaes
claras e bem definidas sobre o
assunto. Adorei conhecer outras
redes sociais segmentadas
e a experincia de pessoas/
empresas que tambm tiveram
a ideia de explor-la como forma
de atrair visitantes e tornar o site
mais atrativo.

CRISTIANO NERY NUNES

VITOR@PICTORE.COM.BR

VITOR MOR

CRISTIANONUNES@CLICKFIOS.COM.BR

Que timo, Cristiano! Procuramos

sempre mostrar a fora do
e-commerce, que, quando bem
estruturado, pode se tornar um
grande negcio com a venda
de qualquer tipo de produto.
Sucesso com a ClickFios!

Obrigado, Vitor! Estaremos

sempre nos esforando para
publicar reportagens que possam
ajudar os leitores profissionais
de internet a alcanarem seus
objetivos profissionais.

T W E E T S [@arteccom, #revistawide]

@fredecs
Pra quem no assinante
da @revistawide, aconselho
comprar a deste ms #85.
Com certeza a melhor at
agora #poo #mvc #android
#ecommerce

@raloliver
Excelente entrevista
c/@conradoadolpho na
#RevistaWide da @arteccom.
Definitivamente nasci pra
isso! #marketingdigital Graas
@MAGICDIGITAL

@Raianetl
Dica de leitura @
RevistaWide Redes sociais
segmentadas matria super
legal para o #PovoDaWeb

@milex
Acabei de ler na @RevistaWide, a prpria Microsoft lanou
uma campanha contra o IE6!
oO Ponto para o TIO BILL!
veja: ie6countdown.com

@filipefranca
#Recomendo a @RevistaWide
#85 abordando: Redes Sociais
Segmentadas e Campanhas
Inteligentes de Mkt em mdias
sociais p/ Marcas | @arteccom

@AdriGranado
@arteccom #revistawide Edio
Julho/Agosto o contedo est
muito bom! Parece que esta
edio foi feita para mim!

@amendesdesign
A matria sobre Ferramentas
para Testes de Usabilidade
da @RevistaWide @arteccom
ficou tima, parabns @
voeldesign e @faberludens

@leonardocarlos
Recebi 2 ingressos da @
arteccom para assistir Os
Smurfs. Curtindo muito o
pessoal da #revistawide e
#widepartners. Pessoal de 1.

ERRATAS

Sugestes dadas atravs dos e-mails enviados revista passam a

ser de propriedade da Arteccom.

| WIDE | 86 > FRONT

- NA PGINA 80 DA EDIO DE JULHO/AGOSTO, O NOME DA REVISTA CITADA POR LUIS ALT

HARVARD BUSINESS REVIEW E NO HARVEST BUSINESS REVIEW;
- NA PGINA 126 DA EDIO DE JULHO/AGOSTO, O NOME DO COLUNISTA TIAGO LUZ FOI PUBLICADO ERRONEAMENTE COMO MARIANO GOMIDE FARIA;
- NA MATRIA DE CAPA DA EDIO JULHO/AGOSTO, OS DEPOIMENTOS ASSINADOS COMO DE
LIVIA BRAVIN SO DE MRCIO CUNHA, UM DOS SCIOS DA REDE SOCIAL WINETAG.

86 > FRONT | WIDE |

N OT C I A S

Mais cpias,
menos posies

Fique
por dentro
Adobe Muse dispensa cdigos
Os designers agora podem transformar seus layouts em
verdadeiros sites profissionais e public-los na internet sem a
ajuda de um desenvolvedor para ativar as funcionalidades do
menu, formulrio de contato etc. O novo software da Adobe,
que tem codinome Muse para a verso beta, foi construdo
na plataforma AIR e j est disponvel para download gratuito
em muse.adobe.com . No construtor de sites da Adobe, no
preciso saber programar para construir o site; a cada insero
de smbolo, texto, imagem, entre outros objetos, vai sendo
criado o cdigo automaticamente por trs da aplicao, com
uso de HTML e CSS dentro dos padres web. Quem trabalha com
InDesign, Illustrator ou Photoshop ir se familiarizar com o Muse
devido s ferramentas do software e conseguir construir sites
de forma bastante simples. Web widgets, como do YoutTube e
do Google Maps, por exemplo, tambm podem ser facilmente
inseridos nos sites desenvolvidos com o Muse. Veja o resultado
de alguns cases em muse.adobe.com/showcase.html . O software
de experimentao ainda no vem com templates, mas essa
uma das promessas da Adobe para a verso oficial, que poder
ser apresentada com um novo nome e ser paga. Aproveite e v
testando suas interfaces.

Maior integrao no
BlackBerry
Com a nova SDK para dispositivos BlackBerry, os
desenvolvedores podero criar aplicativos com
APIs que permitem uma experincia completa
para o usurio com maior interao ao sistema
operacional dos smartphones. Entre as novas

As empresas brasileiras tero

agora que se preocupar muito
mais com o contedo em texto
gerado para seus sites. O algoritmo Panda, que reconhece a relevncia dos sites nas buscas do
Google, foi lanado oficialmente
no idioma portugus e, com isso,
os sites considerados de baixa
relevncia, que possuem contedos duplicados, tero pouca
ou nenhuma representatividade nos resultados das consultas, perdendo posies ou at
mesmo sendo completamente
removidos do ndice do buscador. Sites de e-commerce, por
exemplo, podero sofrer grande
impacto com o novo algoritmo,
j que a maioria das lojas virtuais
utiliza descries de produtos
idnticas s do fabricante ou de
outros sites. O Panda tambm
identificar contedos duplicados entre os diferentes idiomas,
o que torna necessria a criao
de contedo original. Segundo
a equipe de Search Quality do
Google, o algoritmo deve impactar entre 6% e 9% dos resultados.

capacidades da BlackBerry WebWorks SDK v 2.1

(migre.me/5vBHZ), esto o suporte autenticao
NTML e BASIC, API cmera, API Top Banner
Indicator, APIs melhoradas para tecnologia Push
e melhor velocidade de renderizao para alguns
apps. Suporte para segurana padro e melhor
integrao com o BlackBerry Messenger Social
Platform tambm esto entre as novidades. Para
conhecer as APIs, acesse migre.me/5vBHm.

MTRICAS

84,5%

ndice de brasileiros que possuem smartphones e os usam para navegar na web.

86,1 bilhes

78,3% dos usurios utilizam seus aparelhos para acessar as redes sociais. A busca

mveis. No ano passado, o volume foi de US$ 48,9 bilhes. J o nmero de

por notcias em geral vem em seguida, com 76,7% do acesso, e ento a leitura

usurios que se utilizam de mobile payments ultrapassar os 141,1 milhes em

de notcias de TI, com 62,3%. No Brasil, 71,7% do total baixam e usam aplicaes

2011, cerca de 40% acima dos 102,1 milhes verificados em 2010. Fonte: Gartner

mveis. Fonte: IDG Global Solutions (www.idg.com)

(www.gartner.com)

| WIDE | 86 > FRONT

Total em dlar que deve ser alcanado este ano no mundo em pagamentos

BLO GS DO M S

Acontecendo Aqui
O Acontecendo Aqui (www.acontecendoaqui.
com.br) um portal de comunicao criado
em 2003 que oferece espao gratuito para a
divulgao de eventos, promoes, projetos,
ofertas de vagas de emprego e banco de
currculos, alm de disponibilizar uma
relao de espaos culturais, de agncias
de propaganda. O blog tambm publica
notcias, entrevistas, artigos e colunas sobre
comunicao e marketing, que so enviados
diariamente para mais de 20 mil leitores
cadastrados na newsletter do site.
Twitter: @acontecendoaqui
Facebook: facebook.com/acontecendo

Um contedo a mais
Recentemente lanado, em novembro de 2010,
o blog Um contedo a mais
(www.umconteudoamais.com.br) j conta
com um bom nmero de publicaes criadas
por profissionais de diversas reas, a fim de
apresentar novidades, tendncias e o que
mais estiver causando buzz no mundo. Os
responsveis pelos posts sobre variados temas,
que vo de tecnologia, arte, msica e cinema at
educao, fotografia, esportes e meio ambiente,
so os membros da equipe da agncia A+.
Twitter: @conteudoamais
Facebook: facebook.com/AmaisBusinessCriativo

Conhece algum blog interessante focado em

criao, tecnologia, marketing ou e-commerce?
Envie sua dica para redacao@revistawide.com.br

3,67trilhes 31,5%
Gastos mundiais com TI que sero alcanados at o final deste ano,

Percentual de crescimento relacionado s despesas com publicidade online no

representando um aumento de 7,1% em relao a 2010. US$ 89 bilhes desse total

mundo em trs anos, alcanando uma receita de 72,18 bilhes dlares neste ano

sero com servios de nuvem pblica. J os programas voltados ao ambiente

e 94,97 bilhes dlares em 2013. A Amrica Latina crescer 8% ao ano e, com

empresarial devero alcanar US$ 268 bilhes, e US$ 846 bilhes sero gastos

isso, o Brasil se aproximar da quinta colocao em investimentos, com 81%.

com despesas de servios de TI. Fonte: Gartner (www.gartner.com)

Fonte: Zenith Optimedia (www.zenithoptimedia.com)

86 > FRONT | WIDE |

LIVRO S
Compra Coletiva
DAILTON FELIPINI
Editora Brasport
www.brasport.com.br

AGEN DA

12 a 14/09

SHOP.ORG SUMMIT

Local: Boston
www.shop.org/summit11
Um dos eventos mais influentes
de e-commerce, ter palestras
com renomados especialistas
na rea que apresentaro
estratgias de como alcanar o
sucesso com os negcios online.
Inscries: de U$ 525 a U$ 2790

13 a 15/09

E-COMMERCE PARIS

Local: Paris
www.ecommerceparis.com
Uma tima oportunidade
de aprender as melhores
maneiras de se lanar no
comrcio eletrnico de forma
efetiva, conhecer as novas
funcionalidades do Magento
para lojas vituais e para
aplicativos mveis.
Inscries gratuitas

23/09 a 02/10
ISTOCKALYPSE

Local: Rio de Janeiro e So Paulo

www.istockalypse.com
Realizado pela iStockphoto, ter
duas verses em miniatura para
o Brasil. O objetivo principal
incentivar os colaboradores
locais a produzirem contedo
fotogrfico para enriquecer o
banco de imagens do site.
Inscries: no informado

Um guia prtico que mostra os principais

iPhone e iPad, como divulgar

uma loja virtual e muito mais.
Com o tema central Criao,
e-commerce e mobile, o evento
ainda passar por Salvador,
Fortaleza e Recife neste ano.
Ingressos: de R$ 29 a R$ 79

01 a 05/10

ADOBE MAX 2011

Local: Los Angeles

max.adobe.com
Um dos principais eventos
da indstria para designers e
desenvolvedores, visa orientlos sobre o futuro do mundo
digital e explorar as novas
experincias digitais para
vrias plataformas.
Inscries: de U$ 100 a U$ 1795

05 a 09/10

BRASIL GAME SHOW

Local: Rio de Janeiro

www.brasilgameshow.com.br
A maior feira de games brasileira
ter este ano 70 expositores e
contar tambm com um festival
de jogos que oferecer R$ 50 mil
em prmios, distribudos para os
melhores jogos desenvolvidos.
Ingressos: de R$ 22 a R$ 66

25/10

BLACKBERRY
COLLABORATION
FORUM 2011

Local: So Paulo
www.blackberrycollaborationforum.com

24/09, 15 e 22/10
EDTED 2011

Locais: Florianpolis, Porto

Alegre e Curitiba
www.edted.com.br
Em um tour pelo Sul nesses
dois meses, a 16 edio do
EDTED (Encontro de Design e
Tecnologia Digital) realizar
palestras sobre criao, HTML 5
e CSS3, desenvolvimento para

10

| WIDE | 86 > FRONT

O maior evento BlackBerry

na Amrica Latina realizar
a etapa brasileira para
debater as funcionalidades
da plataforma para usurios,
empresas e desenvolvedores.
Entre os casos de sucesso,
estaro o tablet BlackBerry
PlayBook e a soluo
BlackBerry para empresas.
Inscries gratuitas

benefcios para cada um dos participantes:

comprador, comerciante e empreendedor,
tratando sobre o benefcio dos descontos,
a melhor maneira de alcanar um grande
volume de clientes e como ter lucro com a
parcela da receita obtida nas vendas.

i-Woz A verdadeira histria da

Apple segundo seu cofundador

STEVE WOZNIAK E
GINA SMITH
Editora vora
www.editoraevora.com.br
O livro traz a biografia do cofundador da Apple, que inclui o primeiro encontro com Steve Jobs, o bem-sucedido Apple II e o fracasso
do Apple III, os caminhos que o Macintosh
tomou com a ajuda do marketing, a inveno
do controle remoto universal e muito mais.

O fator VDM um guia

antidesastres em projetos criativos

para profissionais

LUIS MARCELO MENDES

Im Editorial
www.imaeditorial.com
O autor mostra os caminhos para que profissionais e estudantes consigam estabelecer
uma cultura projetual comum com seus
clientes e produzam bons resultados, alm
de apresentar formas de se prevenir dos desastres. Disponvel para venda em verso
impressa e digital.

Redefinindo marketing
direto interativo na
Era Digital
STAN RAPP
Editora M.Books
www.mbooks.com.br
O livro explica como se beneficiar na era
digital reunindo os pontos importantes
do marketing com uma variedade de
perspectivas que visam abrir os olhos dos
profissionais para oportunidades. Contm
insights de pensadores importantes no
marketing direto.

DIREITO NA WEB

INTE R N ACIO N AL

Gilberto Martins de Almeida

advogado formado na PUC/RJ, com Mestrado na USP e cursos em Harvard e no M.I.T.
Ex-Gerente Jurdico da IBM, onde trabalhou por 11 anos, no Brasil e nos EUA. Scio de

Droga5 Grand Prix

Cannes 2011

Martins de Almeida Advogados, escritrio especializado.

O QUE FAZER EM CASO DE CPIA NO

AUTORIZADA DE TEXTOS?
Ol, meu blog possui rea vip, com
contedo exclusivo para alguns
membros que contribuem financeiramente com o site. Apesar de todo
bloqueio tecnolgico contra cpia
no autorizada de contedo,
sabemos que impossvel evitar
que algumas pessoas mal-intencionadas reproduzam seu contedo de
forma gratuita pela internet. Podemos aplicar punies a esses usurios, como banir do site sem devolver
o dinheiro? Ou expor o usurio de
tal forma a ridiculariz-lo? Que tipo
de ao legal eu poderia tomar contra esse tipo de usurio, e como deveria proceder? Devo juntar provas,
testemunhas, usar uma delegacia
virtual, procurar um advogado? Que
tipo de justia feita nesses casos?
aplicado multa? Tem priso?
MARIO SAM
professor@escolamagento.com

Textos disponveis unicamente em

reas privativas de um website so,
por definio, textos cujo acesso permitido apenas naquela rea, portanto
no podem ser reproduzidos em qualquer outra. Afinal, faz parte da lgica
de autorizao setorial que ela no se
torne extensiva. O que fazer, no entanto,
quando tal conveno desrespeitada?
Alm dos textos protegidos por direitos
de privacidade, de intimidade ou de
sigilo (que recebem proteo especfica,
adicionalmente), os textos cujo contedo seja original e produzido com independncia gozam de direitos de autor e
o seu titular poder exigir que o infrator
cesse a utilizao, a reproduo ou a
venda, bem como pague indenizao.

Esta ser equivalente a trs mil cpias

quando tiver havido venda e no se
conseguir saber quantas cpias foram
vendidas. Do contrrio, ser o valor do
nmero de cpias vendidas ou usadas, e
mais um percentual ou valor que o juiz
decida aplicar como fator de desestmulo a novas infraes.
ONDE RECLAMAR? Para obter cessao
e/ou indenizao, na Justia. Para requerer cadeia, na delegacia especializada
(geralmente, delegacia de crimes eletrnicos ou, quando ela no exista, delegacia de crimes contra a propriedade imaterial) que haja na localidade.

Vale adotar sanes privadas, comerciais? Sim, como, por exemplo, a cassao do acesso e uso. Se o site contiver Termos de Uso e/ou Poltica de
Propriedade Intelectual bem elaborados, isso se tornar ainda mais claro e
respaldado. E quanto a retaliar o infrator, expondo-o a ridculo? Em princpio,
no cabe, pois a reao deve ser proporcional e legal, e ridicularizar algum no
algo que a lei permita (pode at, eventualmente, ser exibida uma lista negra
de infratores, cercada de alguns cuidados e sem adjetivaes).
QUAIS PROVAS GUARDAR? A gravao em mdia no regravvel, a encomenda de ata notarial a um cartrio,
testemunhos de outros usurios, uso
de carimbo de tempo certificado e de
assinatura digital sob a ICP-Brasil, so,
todos, meios de prova que podem ser
bastante teis, legalmente.

NOVA YORQUE
Ronaldo Jardim
www.droga5.com
A Droga 5 traz mais um leo para casa.
Com seu projeto Decode Jay-Z, a agncia
de Nova York acabou faturando o Grand
Prix em Cannes 2011 na categoria Outdoor
Lions (www.canneslions.com/work/outdoor) . Usando o conceito de ARG (Alternative
Reality Games), a agncia espalhou pginas do livro de Jay Z pela cidade e pediu
para as pessoas encontrarem essas pginas, em uma ao que gerou um excelente
resultado. Veja mais sobre esse case em
youtu.be/fnVZTBuzxP4 .

OFFF 2011
BARCELONA
Kenzo Mayama Kramarz
www.kenzomk.com
Em junho estive mais uma vez no festival
OFFF, este ano em Barcelona, que um
mosaico plural e interessante de gente com
destacada produo em design, animao,
artes grficas, ilustrao etc. Dentre os nomes consagrados, alguns dos quais verdadeiros palestrantes profissionais globe-trotters, pouca novidade e vigor. As duas palestras que mais me impressionaram foram as
de dois jovens designers, o espanhol Alex
Trochut e a americana Keetra Dean Dixon.
Em comum, a maneira inventiva e corajosa de abordar uma diversidade enorme de
projetos, o que gera resultados surpreendentes e originais. Mais sobre eles: www.
alextrochut.com e www.fromkeetra.com .

Como se v, se por um lado fcil copiar

e divulgar indevidamente os textos
encontrados na internet, por outro lado
tambm fcil reagir contra isso. Basta
informao e disposio.
86 > FRONT | WIDE |

11

E MP R E E N D E D O R IS MO
Kau Linden
Empresrio e publicitrio, fundou a Hostnet quando tinha apenas 17 anos. Em dez anos de
trabalho, alm das atribuies executivas, criou projetos como a Olmpiada de Algoritmos
nacional, que estimula o interesse de estudantes pela rea de desenvolvimento de TI, e
o site Artistaderua.com, que visa divulgar artistas que se apresentam em palcos improvisados nas caladas de grandes cidades brasileiras.

PALAVRA-CHAVE, CONTEDO,
LINKS E CONVERSO
Vai comear um negcio? Ento, defina
seu projeto em uma palavra-chave
respondendo questo: O que voc pretende fazer? Se o seu negcio no puder
ser expressado em uma nica palavra-chave, pense outra vez no seu objetivo.
A palavra-chave do seu negcio deve
ser to clara como seu objetivo, ou isso
pode lhe custar um problema de posicionamento. Considere isso como foco e, se
voc no um abastado financeiramente
que pode se dar ao luxo de diversificar a
aplicao no comeo de uma empreitada,
necessrio concentrar os esforos.
Mais do que nunca, para atrair na rede
necessrio ser relevante e, consequentemente, encontrado nas buscas, ser uma
referncia na palavra-chave escolhida.
Dentro desse contexto, ter contedo tem
sido a forma mais consistente de aparecer,
e no necessariamente precisa ser prprio.
Agregar o contedo alheio, como fazem
redes sociais, sites comparadores de preos, comrcio eletrnico e vendas, s para
ficar nos exemplos mais bsicos, tem sido
um notrio caminho para o sucesso. Mas
contedo no apenas textual, principalmente o valor agregado de seu servio,
o que ele trs de benefcio para o consumidor. Nada mais, nada menos que o recheio
do produto, fundamental para tornar qualquer palavra-chave uma referncia.
Porm, uma boa palavra-chave e um
bom contedo no tm utilidades se no
forem devidamente referenciados. essa a
sacada da internet. Quanto mais links referenciando voc, mais importante voc se
tornar. preciso ser o cara para chegar
no topo das buscas ou nos top trends, e
ganhar links praticamente um vale-tudo
que envolve desde prticas politicamente
comportadas at estratgias conhecidas
pelos profissionais de SEO, chamadas de
Black Hat, e, nesse papo de SEO, o que no
falta entendido no assunto.

12

| WIDE | 86 > FRONT

A matemtica do empreendedorismo
digital hoje no to complicada, e basicamente o sucesso de uma operao digital
acontece quando ela bate com a seguinte
prova real: Palavra-chave + Contedo +
Link = Converso.
Assim, a maior empresa que se formou na era da internet tornou-se capaz de
bancar todas as ferramentas cool que se
tornaram parte cobiada da rede. Buscas,
e-mails, aplicativos de escritrios, canais de
relacionamento e informao, como relatrios, mapas e, principalmente, propaganda.
aquela famosa pergunta dos eventos de
internet: Tente contar quantas ferramentas do Google voc utiliza no seu dia a dia.
Vai entender o que estou falando
O prprio Google, como bom pastor e
precursor dessa matemtica que se tornou prova real de sucesso com internet,
vive milhonariamente bem seguindo
essa soma. Primeiro, definiu que seria
uma empresa de buscas, e palavra-chave
foi o seu foco principal. Depois, agregou
praticamente todo o contedo da web,
recebendo e criando links para todos os
lados, convertendo tudo isso em clicks e
anncios que, de centavo em centavo, tornou-se o maior canal de vendas de mdia
mundial, responsvel, segundo fontes, por
mais de 80% dos espaos de propagandas
em sites na internet.
Os ltimos anos foram fundamentais para definir o posicionamento dos
principais players do mercado nesse
mundo digital, mas ainda existem muitas
palavras-chave espera de novas referncias, e nenhum mercado est seguro
enquanto tudo estiver mudando. Ainda
d tempo, a hora esta. No perca o foco,
as empresas precisam converter e necessitam de algum antenado para ajudar
nesse processo, algum que entenda a
internet intimamente. E, quem sabe, esse
cara no seja voc?

86 > FRONT | WIDE |

13

Agncia

PORTFLIO

Ato Interativo: integrando

ideias e plataformas
Um cliente, ao procurar a Ato Interativo, vai receber
consultoria de interatividade
Tudo se iniciou no segundo semestre de 2004.
Naquela poca, as agncias de publicidade ainda
estavam comeando a descobrir a web, com
trabalhos muito simples e sem interatividade.
Diariamente chegavam novas demandas de trabalhos freelancer para serem desenvolvidos para
clientes de agncias. Com essa oportunidade,
iniciamos um rpido planejamento de posicionamento, chegando ao conceito de interatividade
que permeia o nosso negcio at hoje. Assim, em
janeiro de 2005 nasceu a Ato Interativo, uma agncia exclusivamente digital, conta o diretor executivo Felipe Gazolla.
Em relao aos requisitos para a formao da equipe, no incio, ao contrrio de hoje,

ATO INTERATIVO
ANO DE FUNDAO: 2005
NMERO DE FUNCIONRIOS: 12
CIDADES SEDE: Belo Horizonte (MG), Juiz de Fora
(MG) e Rio de Janeiro (RJ)
SITE: www.atointerativo.com.br
E-MAIL: contato@atointerativo.com.br
FACEBOOK: facebook.com/atointerativo
TWITTER: @atointerativo

14

| WIDE | 86 > CRIAO

a preocupao maior era com tecnologia.

Buscvamos pessoas especialistas em uma determinada plataforma para entregarmos projetos
focados. Hoje, isso tudo mudou. Nosso foco de contratao est em pessoas comprometidas e com
esprito criativo. A tecnologia a ser usada em cada
projeto uma deciso posterior ao planejamento
de cada ao. Isso nos d um diferencial grande no
mercado, que o foco no resultado, afirma Felipe.
SOBRE A VISO QUE A ATO INTERATIVO tem sobre
o mercado digital, Felipe comenta que o negcio na
web est cada vez mais aquecido. Segundo ele, o
mundo vai se tornar interativo. A cada dia surgem
novas plataformas que podem ser usadas para
exposio de marcas. Quando comeamos, ningum falava de YouTube, Facebook, tablet. Ento,
imagina em 2020 a quantidade de novos recursos
que ainda esto por nascer. E exatamente isso
que nos instiga a continuar inovando e buscando
solues criativas para nossos clientes, projeta.
Hoje, a Ato Interativo est buscando uma consolidao maior no mercado mobile. Para Felipe, a
viso de futuro a integrao das plataformas, por
isso, necessrio estar bem posicionado na web e
em aplicaes mveis. O primeiro passo para isso
foi dado no ano passado, quando iniciamos um
time interno dedicado ao desenvolvimento mvel.
Aos poucos, isso vai contagiando toda a equipe
para podermos planejar de maneira integrada,
independentemente da plataforma. Um cliente,
ao procurar a Ato Interativo, recebe consultoria
de interatividade. Ou seja, oferecemos a ele aes
interativas, sejam por meio de um site, uma ao
em redes sociais ou aplicativos mveis. Quem sabe
tudo isso ao mesmo tempo. O importante obter os
resultados traados, afirma Felipe.

NATAL ENCANTADO INDEPENDNCIA SHOPPING

www.independenciashopping.com.br/natalencantado

UM DOS CASES DESENVOLVIDOS PELA ATO INTERATIVO

foi o hotsite Natal Encantado. O foco do planejamento

foi levar para a web o conceito definido para a decorao e as aes de mall mdia. Dentro do shopping, na
praa de eventos, foi criada uma floresta mgica com
materiais reciclados.
Aplicamos no hotsite especial uma promoo intimamente ligada ao conceito, no qual o internauta, ao se
inscrever, ganhava uma semente virtual para ser plantada na Floresta Mgica do Papai Noel. A cada semana,
com a participao em desafios e tarefas, a rvore plantada florescia, at se transformar em uma linda rvore
de Natal, repleta de presentes. Ao todo, tivemos mais
de 50 mil acessos plataforma, conta Felipe.
Todo o ambiente virtual do hotsite foi criado a partir de montagens fotogrficas. Para Felipe, isso gerou
um trabalho diferenciado visualmente, que agradou o
pblico visitante.

Sobre a tecnologia
FLASH+ACTIONSCRIPT+PHP+MYSQL

PROCURA DA BATIDA PERFEITA, D2 PRIVILGE

www.privilegenet.com.br/batidaperfeita

OUTRO TRABALHO DESENVOLVIDO PELA AGNCIA

foi projetar o hotsite Procura da Batida Perfeita,

msica de trabalho do cantor Marcelo D2. O mote da
ao foi fcil de ser determinado: permitiremos que
o internauta busque a sua batida perfeita. Definido
o conceito, partimos para a criao musical. Nesse
projeto, contamos com o apoio de DJs que criaram
as bases de remix e sons de estdio para cada instrumento, explica Felipe, dizendo tambm como a Ato
Interativo conquistou a conta:
Esse cliente j desenvolve aes conosco desde
2009. Com o tempo, passamos a oferecer suporte e
gesto de todos os canais digitais da marca, diz, afirmando tambm que o processo criativo desse case
foi bem diferenciado.
Foi um projeto mpar que nos permitiu passear
por reas em que nem sempre temos oportunidade,
como a msica, por exemplo. Isso nos faz sair da caixa,
buscar parcerias e gerar um resultado diferenciado
ao cliente, afirma.
O destaque ficou mesmo no resultado final desse
trabalho. Com o site no ar e a promoo acontecendo,
foi difcil fazer a equipe que participou do projeto sair
da aplicao. A cada momento era um novo som
sendo gravado. Foi uma verdadeira busca pela batida
perfeita, relata Felipe.

Sobre a tecnologia
FLASH+ACTIONSCRIPT+PHP+MYSQL

86 > CRIAO | WIDE |

15

PORTFLIO

Freelancer

Alm de todo o meu interesse e potencial, o apoio e o incentivo de

quem j estava no mercado foram peas-chave para que eu realmente
decidisse entrar de vez na rea digital

Formado em Comunicao Social com habilitao em Publicidade e

Propaganda pela UNICOC, em Ribeiro Preto, Marcos Vianna j teve
diversas experincias como designer freelancer e como diretor de arte
cargo que atualmente exerce na agncia Ogilvy, em So Paulo.
Depois do seu primeiro contato com a internet, h mais
ou menos 12 anos, Marcos Vianna no imaginou trabalhar em outra rea. Desde que seu pai levou o dial-up
para casa, ele deixou o videogame e a bola um pouco de
lado e passou algumas horas de sua adolescncia navegando e batendo papo na web. At que um dia Marcos e
um amigo compraram um livro sobre HTML e comearam a estudar em casa.
A cada cdigo novo que aprendia, as coisas fluam
melhor e minha vontade de deixar os layouts mais bonitos
e organizados s aumentava. Foi a que comecei a me interessar por design. Enquanto ensaiava meus projetos caseiros, meu primo j trabalhava em um portal de esportes em
So Paulo como webdesigner. Eu via seus trabalhos e pensava: isso que quero fazer!. Fiz alguns cursos bsicos e o
resto foi por conta prpria, entrando de cabea e conhecendo a galera que j trabalhava na rea, conta Marcos.
A trajetria profissional de Marcos comeou quando
um de seus amigos o convidou para fazer estgio em um
ncleo digital que estava comeando em uma agncia de
publicidade, em Ribeiro Preto, no interior de So Paulo.

MARCOS VIANNA
E-MAIL: contact@marcosvianna.art.br
SITE: : www.marcosvianna.art.br

Foi l que realizou os seus primeiros jobs de verdade. Para

ele, foi uma experincia incrvel.
Apesar de estar comeando, sempre confiavam no meu
trabalho e ouviam o que eu tinha a dizer. Isso foi imprescindvel para eu ter confiana e acreditar que poderia realmente continuar e construir uma carreia nesse meio. Alm
de todo o meu interesse e potencial, o apoio e o incentivo
de quem j estava no mercado foram peas-chave para que
eu realmente decidisse entrar de vez na rea digital, afirma.
Deixar Ribeiro Preto e arriscar o seu primeiro job
como freelancer na agncia Ogilvy, em So Paulo, foi uma
das principais realizaes e um grande desafio na carreira
de Marcos. Deixei meu emprego fixo na poca e decidi
arriscar. Em fevereiro de 2007, recm-formado e cheio de
vontade, comecei como freela na agncia. Essa semana se
estendeu por pouco mais de trs anos como contratado.
Tive uma oportunidade, apostei e deu certo, diz Marcos,
que projeta os seus planos para o futuro:
Atualmente estou muito focado no dia a dia da Ogilvy
e pretendo continuar crescendo aqui por algum tempo.
O momento muito bom e quero aproveitar ao mximo
essa oportunidade. Porm, sempre tive vontade de morar
na Europa e no descarto essa possibilidade. Tenho amigos que moram ou moraram e nunca soube de nenhuma
experincia que no tenha sido positiva. Mas quando e
onde uma deciso que preciso tomar com calma, pois
uma mudana grande e um passo muito importante na
minha carreira, conta.

TWITTER: @seuvianna
O SITE DE ADES NUTRIKIDS, um dos trabalhos desenvolvidos por Marcos Vianna na agncia Ogilvy, tinha o intuito de
falar de um jeito diferente com as crianas, alm de passar as
informaes do produto para as mes. Para atingir os pequenos pelos meios digitais, era necessrio criar um forte apelo
interativo. Era preciso encontrar um diferencial para despertar interesse pelo produto. Criamos um personagem para o
site que ensinava as crianas, por meio de vdeos, a fazerem
brinquedos com caixas de Ades. Bastava se cadastrar no site
para montar uma galeria e compartilhar com outras crianas. Unimos ao estmulo do desenvolvimento criativo uma

16

| WIDE | 86 > CRIAO

ADES NUTRIKIDS
www.marcosvianna.art.br
www.vimeo.com/5751566
www.vimeo.com/12050871

interao entre pais e filhos com conscientizao ecolgica, pois todos os brinquedos ensinados pelo personagem eram feitos de caixas de Ades, explica Marcos.
Durante o processo criativo, em uma noite de
brainstorm, Marcos e sua equipe tiveram a ideia de
fazer uma cidade feita de packs de Ades. A proposta
de ter um site todo feito de packs de AdeS e com recortes de papel nos pareceu perfeita. Para todas as pessoas que contvamos, as reaes eram empolgantes.
Reunimos centenas de papis reciclados, comeamos
a recortar e montar tudo que viria a ser o layout do site.
Deixando o Photoshop e o Illustrator de lado, fizemos
tudo manualmente, conta.
Segundo Marcos, a produo do projeto em geral
foi bem delicada e rdua. Olhar centenas de vezes
um pixel que est fora do lugar, atentar aos detalhes
de todas as partes, desde uma falha no recorte que
tem que ser refeita no layout at a quebra do texto do
regulamento. Mas cada pixel corrigido, cada animao
repensada, gratificante quando vemos um resultado
excelente depois de meses de trabalho, celebra.
OUTRO CASE DESENVOLVIDO POR MARCOS VIANNA

buscava conscientizar as pessoas, de uma maneira

inovadora, sobre a importncia do trabalho do
GRAACC (Grupo de Apoio ao Adolescente e Criana
com Cncer) no combate ao cncer infantil e incentiv-las a fazer doaes.
A campanha Money Bills foi uma proatividade
da Ogilvy e toda a equipe envolvida no projeto.
Constantemente, o GRAACC realiza campanhas para
arrecadar verba, e essa, especificamente, visava obter
fundos para a construo de seu novo hospital. Fico
orgulhoso de ter sido o diretor de arte responsvel
por uma campanha que envolveu muita gente. J
me sentia maduro para assumir esse projeto e poder
pensar em algo diferente, que favoreceu a instituio
e tambm o meu crescimento profissional, afirmando
tambm que desde o incio ele e sua equipe entravam
nos brainstorms com o intuito de no apenas cumprir
o briefing e arrecadar fundos para o novo hospital do
GRAACC, mas de ter ideias que iam alm das expectativas da agncia e do cliente.
Com um prazo legal para a criao, pensamos em
muitas coisas boas para a campanha. Mas, decidimos
apostar na novidade e fazermos um banner com o
reconhecimento de notas em dinheiro pela webcam.
Sabamos que essa ideia poderia dar certo e batalhamos duro para que ela acontecesse, conta.

Sobre a tecnologia
FLASH+ACTIONSCRIPT3+AUGMENTED REALITY

Na poca em que comeamos a pensar no projeto, estvamos pesquisando

algumas coisas que estavam sendo feitas em Augmented Reality. No Brasil, essa
tecnologia ainda era bem discreta, enquanto o Japo j possua muitos projetos de
destaque no mundo digital.

GRAAC MONEY BILLS

www.marcosvianna.art.br
www.vimeo.com/8053964

Sobre a tecnologia
AUGMENTED REALITY

Basicamente, seguimos as mesmas referncias que usamos em AdeS

Nutrkids. A ideia de inovar em cima dessa tecnologia nasceu de conversas com
desenvolvedores.

86 > CRIAO | WIDE |

17

Ilustrao

PORTFLIO

Alexandre Dubiela
Ilustrador, animador e diretor da agncia Ideias Animadas,
Alexandre Dubiela natural de Arax (MG), mas reside em Belo
Horizonte h 15 anos. Formou-se em Cinema de Animao pela
Escola de Belas Artes da Universidade Federal de Minas Gerais.
WIDE Como define seu estilo?
ALEXANDRE Eu sou do tipo que fica admirado

com a produo ao redor, e fico querendo fazer

igual. Mas no consigo seguir muitas regras e vou
mesmo incorporando partes dessas referncias
e montando o meu jeito de fazer. Um Frankenstein.
s vezes, saio de uma linha de trabalho e vou para
outra, dependendo do que estou gostando no
momento. Algumas vezes, meu desenho mais
grfico, outras mais detalhado, e por a vai.
WIDE Onde voc busca referncias para o seu trabalho?
ALEXANDRE Sempre estou procura de novas
referncias, no s de trao, como do modo de
ser e de fazer. muito inspirador conhecer um
pouco da vida de outros artistas e suas trajetrias, me identificar ou ampliar horizontes. Hoje,

Alexandre Dubiela
E-MAIL: alexandre@dubiela.com
SITE: www.dubiela.com
BLOG: www.ale2d.blogspot.com

18

| WIDE | 86 > CRIAO

encontro minhas referncias principalmente na

internet. Essa facilidade de acesso fantstica,
assim como a quantidade e a qualidade de trabalhos que existem.
WIDE Cite trs ilustradores que admira e diga por
quais motivos.
ALEXANDRE Me admira muito o trabalho dos artistas envolvidos com animao da escola francesa
Gobelins. Admiro o potencial inovador trazido
por Walt Disney, Chuck Jones, Mauricio de Sousa,
Ziraldo, Genndy Tartakovsky, ou a beleza dos
trabalhos do Bill Watterson, Gary Kelley, Peter de
Sve, Renato Alarco, Al Abreu, Orlando Pedroso,
Nelson Cruz, Angeli e outros. As referncias so
muitas. Meus dolos so os artistas apaixonados
pelo seu trabalho. Essa a minha inspirao.

1- Ilustrao para livro didtico (Editora Positivo, Curitiba, 2010).

Tcnicas: Tcnica: pintura digital
2- Cartaz do 9 Festival Internacional de Teatro, Palco & Rua (2008).
Tcnicas: pintura digital e colagem
3- Ilustrao para livro didtico (Editora tica, So Paulo, 2010).
Tcnica: pintura digital
4- Jogo dos sete erros (Editora Abril/Revista Recreio, So Paulo, 2009).
Tcnica: pintura digital
3

86 > CRIAO | WIDE |

19

Lente Digital

PORTFLIO

Ren de Paula Jr.

Desde 1996 trabalhando no mundo web, Ren de Paula Jr.
especialista em projetos interativos com passagens por grandes
agncias, como AlmapBBDO, AgnciaClick e Wunderman, e
por empresas como Sony, Banco Real, Yahoo! Brasil, Microsoft e
Locaweb. Assina a coluna Web fora da caixa aqui na revista Wide
e ministra palestras nos eventos organizados pela Arteccom. No
entanto, ele tambm possui muito talento em uma rea em que
pouca gente tem conhecimento: a fotografia.
Em 2011, Ren de Paula esteve na Itlia, mais precisamente em Veneza, cidade famosa por despertar
paixes. Falando em paixes, a fotografia uma
delas no dia a dia desse renomado profissional, que
aproveitou a sua estadia na Europa para registrar
belas imagens.
Ren simples e direto ao falar das suas principais caractersticas como fotgrafo. Eu fotografo
aquilo onde meus olhos param. Se eles param, eu
registro e no fao perguntas. Sou um rapaz muito

Ren de Paula Jr
E-MAIL: renedepaula@gmail.com
FLICKR: www.flickr.com/renedepaula
TWITTER: @renedepaula
FACEBOOK: facebook.com/renedepaula

20

| WIDE | 86 > CRIAO

obediente, resume com humor.

Para quem deseja conhecer mais sobre o trabalho do Ren fotgrafo, pode acessar a sua pgina no
Flickr (www.flickr.com/renedepaula) e se deliciar com
um vasto arquivo de imagens registradas por ele.
Em comemorao pela edio de aniversrio de
um ano da Wide, convidamos Ren, um dos nossos
mais antigos colaboradores, para divulgar algumas
de suas belas fotografias aqui na seo Portflio
Lente Digital. Confira.

1- Veneza A

3- Veneza C

Cmera Panasonic Lumix FZ35

Objetiva 18x (27-486 mm equiv.)

Cmera Panasonic Lumix FZ35

2- Veneza B

4- Veneza D

Cmera Panasonic Lumix FZ35

Cmera Panasonic Lumix FZ35

Objetiva 18x (27-486 mm equiv.)

Objetiva 18x (27-486 mm equiv.)

Objetiva 18x (27-486 mm equiv.)

86 > CRIAO | WIDE |

21

Fontes de Inspirao

PORTFLIO

Isac Corra
Nascido e morando em Vacaria-RS, Isac Corra formado em
Desenho Industrial Programao Visual, pela Universidade Federal
de Santa Maria. A paixo por tipos nasceu ainda na faculdade, onde
surgiu sua primeira fonte BaselSans, tema de seu trabalho de concluso, condecorada com o trofu Bornancini, principal prmio gacho de
design na categoria acadmica. Sua segunda fonte, Monarcha, foi reconhecida com Certificado de Excelncia pelo jri da Bienal de Tipos
Latinos 2010, o maior evento latino-americano nessa rea.
WIDE Como surgiu a ideia de criar a Mayence?
ISAC A ideia para criar a Mayence surgiu da

observao da minha prpria caligrafia. Na verdade, no sei se tenho uma caligrafia fixa, pois
cada vez que escrevo sai algo diferente. Mas
na maior parte das vezes ela bastante ilegvel,
muda de tamanho, alm de sofrer outros desvios involuntrios. No sei o que um graflogo
diria sobre minha escrita. Como sempre tenho
papel e caneta por perto, e quase sempre estou
rabiscando alguma coisa, comecei a observar
como ela era repleta de ngulos e imperfeies,
alm de ter formas que eu inconscientemente
fui assimilando de outras fontes. Mesmo assim,
acredito que o ponto forte da Mayence no est
nessa inspirao, e sim nos muitos detalhes que
ela tem. Um deles a simulao dos excessos de

Isac Corra
E-MAIL: isaco.isaco@gmail.com
SITE: new.myfonts.com/foundry/isaco

22

| WIDE | 86 > CRIAO

tinta que podem decorrer do tipo de instrumento

e do movimento natural da mo. A Mayence est
disponvel para compra por meio das distribuidoras MyFonts, YWFT, Fontspring e Luth e, para
quem quiser us-la em sites, est disponvel em
verso webfont por meio da WEBInk Extensis
(www.extensis.com/en/WebINK). Brasileiros tm
descontos especiais.
WIDE De que maneira o design de tipos influencia
na transmisso da mensagem?
ISAC De maneira profunda e decisiva. O design de
tipos, que eu tambm costumo chamar de microtipografia, envolve os aspectos de legibilidade e
influencia na leiturabilidade do texto, no conforto da
leitura. So detalhes minsculos que, em conjunto,
fazem toda a diferena. Mas, tambm h a macrotipografia, ao se organizar a pgina, o bloco de texto,
o dilogo da imagem pura com a escrita. A ateno a
esses dois aspectos pode ser o motivo do sucesso ou
fracasso do projeto grfico.
Quem trabalha com design grfico manipula
pelo menos dois tipos de linguagem: a verbal
escrita e a visual. Na minha concepo, o design
de tipos a atividade que mais se aproxima do
encontro dessas duas linguagens. De um lado esto
as palavras, naturalmente sonoras, eloquentes,
objetivas. De outro, a linguagem visual, que no tem
uma voz como a verbal. Seu discurso impressiona
de maneira mais subliminar. Cabe ao type designer
ou ao designer grfico decidir o que ir fazer, qual
linguagem dever sobressair. Se o objetivo honrar
o contedo, o estilo tipogrfico buscado deve ser o
mais invisvel possvel.

86 > CRIAO | WIDE |

23

criao

PARA DESIGN MOBILE,

pense

mobile
Por Tiago Bosco

24

| WIDE | 86 > CRIAO

Com a popularizao dos smartphones,

muitas empresas comearam a se fazer
presentes na plataforma mobile por
meio de sites projetados para celulares.
No entanto, criar um site para dispositivo
mvel envolve alguns cuidados. Confira
nesta reportagem as caractersticas
tcnicas, os pontos mais importantes
relacionados ao design e os padres
estabelecidos para quem trabalha com
criao para essa plataforma.

$3*"0

egundo projees do vice-presidente de

telecomunicaes da Samsung, Silvio
Stagni, divulgadas no fim de junho durante
o lanamento do Samsung Galaxy S II,
em So Paulo, o mercado brasileiro deve
totalizar 62 milhes de celulares vendidos este ano. Desse total,
ainda segundo Stagni, cerca de 9 milhes sero smartphones.
Previses que, se confirmadas, representaro um incremento
de 35% no volume registrado em 2010 e de 114% na venda de
smartphones, que chegaria a 15% da base total de aparelhos em
funcionamento no pas (migre.me/5jwBk). Esses nmeros, alm de
representarem o comrcio dos aparelhos mobile indiretamente,
representam uma demanda ainda maior dos profissionais de
criao, tendo em vista que cada vez mais as empresas querem
e precisam se fazer presentes nesse mundo mvel. E a que
aparece a importncia do design mobile. Falando sobre a criao
de interfaces, ser que existem diferenas tcnicas entre o design
projetado para sites em desktops/notebooks e o design para os
dispositivos mveis (smartphones)? A resposta sim.
De forma simplificada, so trs as principais diferenas: o
tamanho da tela, o dispositivo usado para interao mouse x
dedos e o fato de que as interfaces no dispem do recurso de
roll-over (migre.me/5jx0F). So algumas poucas diferenas, mas
que impactam profundamente o projeto final, diz Michel Lent,
vice presidente de estratgia do Grupo.Mobi (www.grupo.mobi).
Felipe Gazolla, scio da agncia Ato Interativo (www.atointerativo.
com.br) , reconhece que existem algumas diferenas entre as
formas de criao entre desktop e mobile, porm enfatiza
que as restries de cada plataforma no podem permitir que
a mensagem e navegao no site seja limitada. Temos que
trabalhar com as especificidades de cada suporte ao nosso
favor, usando os seus diferenciais para oferecer ao usurio uma
experincia adequada ao seu ambiente.
Gabriel Pinheiro, designer de interface na Highlan Solues
Inteligentes (www.highlan.com.br), indica os pontos mais importantes relacionados ao design para quem pretende lanar um
site para verso mobile:
q
*EFOUJGJRVF
TFV
QCMJDP Conhecer verdadeiramente quem
voc pretende atingir com o site ajudar a determinar o estilo
de interface, a forma de interao ou imerso e o contedo.
Lembrando que design mobile no se limita a iPhones.
q
1BSB
EFTJHO
NPCJMF
QFOTF
NPCJMF
No adapte contedo de
outras plataformas, crie novos. Alguns especialistas, como Luke
Wroblewski, defendem que todo projeto web deveria comear
por sua verso mobile.
q
0GFSFB
DPOUFEP
EF
JOUFSFTTF Estamos vivenciando um
momento em que o contedo desenvolvido direcionado para
cada tipo de usurio. As redes sociais so o maior exemplo disso
eu sigo quem eu quero, porque de alguma forma essa pessoa
disponibiliza contedo que tem valor para mim, caso contrrio

no sigo. Ou seja, o contedo determinar se o usurio vai acessar o site e quanto tempo ele permanecer dentro dele, sendo
considerado parte integrante da interface.
q
4FKB
DSJBUJWP
F
TBJCB
RVBOEP
FYQMPSBS
BT
DBQBDJEBEFT
EFTTB

tecnologia. As novas tecnologias oferecem mais e mais recursos
que podem enriquecer a experincia do usurio. Sites no precisam ser quadrados e corporativos; saiba como e quando explorar
essas potencialidades (claro, sem exageros).
Para muitos, optar pela simplicidade no mobile sinnimo de
usabilidade. Mas, ser que possvel ser criativo nesse ambiente?
Deve haver algum padro ou o designer deve ser livre e inovar
quando o projeto um mobile site?
Heloisa Dassie, diretora de arte da agncia Fri.to XXXGSJUP
,
partidria da opinio de que quanto mais simples, mais bonito
. Acho que o mais importante nesse momento voc manter
a identidade da sua marca/empresa. No porque voc est
sendo direto que seu layout vai virar um HTML cru. Ser direto
nesse momento abrir todas as possibilidades logo de cara,
uma questo de arquitetura de informao, e no de visual. Claro
que voc no pode fazer botes ou links minsculos. As telas so
pequenas, erramos at mesmo as teclas na hora de digitar algo,
no ? Pois ento. Fazer botes/links de tamanho razovel, textos
tambm, evitar texturas exageradas no fundo Iiso pesa na hora
de carregar e dificulta a leitura. No significa que proibido, mas
melhor usar com moderao, orienta.
Segundo Reinaldo Mello, scio e vice-presidente de desenvolvimento de software da Hands XXXIBOETDPNCS
, o designer deve ser livre para inovar. Para ele, a criao segue uma srie
de restries que no vemos na web, mas de forma alguma isso
impede a criao. O site mvel deve seguir a mesma linha de
identidade visual do site web para que o usurio no sinta que
est em um ambiente diferente, apenas que esse ambiente foi
adaptado para seu maior conforto, diz.
Do mesmo modo em que devemos nos preocupar em desenvolver um site que funcione bem em diferentes navegadores,
nos dias atuais, com a propagao dos dispositivos mveis,
importante que um site se adapte aos diferentes mobile browsers. Isso, sem dvida, um dos maiores desafios encontrados
pelas equipes de criao. Navegadores mobile no seguem um
padro estrito de implementao das normas e, por isso, coisas

Temos que trabalhar com as

especificidades de cada suporte ao
nosso favor, usando os seus diferenciais
para oferecer ao usurio uma
experincia adequada ao seu ambiente
Felipe Gazolla
86 > CRIAO | WIDE |

25

$3*"0

estranhas acontecem durante o desenvolvimento. Tentar desenvolver vrias verses especficas para cada aparelho loucura. A complexidade de manuteno tornaria invivel agrupar
algumas dezenas de sites mveis, afirma Reinaldo Mello. J para
Gabriel Pinheiro, a maior dificuldade portar uma experincia
para diferentes resolues, sem que a percepo do contedo
passe sensaes diferentes para usurios de celulares de marcas distintas. Devemos pensar em quem vai usufruir, e no nos
aparelhos. A soluo para isso o constante acompanhamento e
estudo dessa tecnologia, diz.
CSS E HTML5

Existe um melhor conjunto para criar mobile sites? Para muitos

especialista, sim. E esse conjunto baseia-se na utilizao do CSS e
do HTML5. Essas duas linguagens permitem a implementao no
maior nmero de plataformas. S que devemos pensar a soluo
no pela tecnologia, mas pelo servio. Se o servio for mais bem
resolvido em HTML5, timo. Se for por meio do desenvolvimento
de um aplicativo especfico, perfeito tambm, afirma Michel Lent.
De acordo com Reinaldo Mello, possvel fazer coisas incrveis com CSS3 e HMTL5. Criar em mobile com essas duas linguagens um luxo! Usamos esses recursos sempre que os dispositivos permitem. Porm, ainda no so a maioria do mercado.
Portanto, temos que nos preocupar com coisas mais bsicas,
como aparelhos sem suporte a cookies, JavaScript e outras funcionalidades que, na web, assume-se que existem em mais de

99% dos casos, orienta.

PROFISSIONAIS DE CRIAO PARA MOBILE E O
MERCADO NO BRASIL

Pelos nmeros apresentados no incio desta reportagem, possvel prever para o mercado nacional uma demanda considervel
de profissionais a desenvolverem sites para a plataforma mobile.
Mas, no Brasil, ser que eles j esto definitivamente preparados
para assumir tal responsabilidade? Para Michel Lent, sim e no.
Ainda um mercado incipiente. Ao mesmo tempo, adaptar-se
ao desenvolvimento mobile para quem vem de web no uma
tarefa das mais difceis, considerando-se que estamos falando de
uma plataforma. E o designer bom aquele que desenha solues, independentemente da plataforma.
Na opinio de Heloisa Dassie, nossos profissionais esto mais
do que preparados. No s para criao/produo de sites, mas
tambm para aplicativos. Penso que estamos preparados h
alguns anos; j vi o Brasil perdendo grandes criativos de mobile
para outros pases onde esse mercado j estava mais desenvolvido. Eu acho que a hora do mobile agora. Pode-se notar pela
quantidade de layouts do gnero que se v por a, nos portflios
de muita gente da rea. As marcas esto percebendo o quanto
isso gera resultado e indo atrs para serem pioneiras no seu segmento. Muita gente que nem site tinha h pouco tempo j est
com o pacote completo para ser encontrado em qualquer plataforma, conta.

CASES: BOAS SOLUES DE CRIAO

O site do jornal O Globo (m.oglobo.com.br) acertou, criou

uma interface condizente com a plataforma, tornando a
experincia muito agradvel - Gabriel Pinheiro.
26

| WIDE | 86 > CRIAO

Para acessar por meio de tablets, o site da Ikea (vaggvisor.

kampanj.ikea.se), projetado em HTML5, conseguiu ficar
bem leve mesmo utilizando vdeos de fundo. Sobre a
animao, quando o usurio desce o scroll, nem tenho
palavras: simples e belo - Heloisa Dassie.

A verso mobile do site da Asos (m.asos.com)

lembra de cara o site para desktop. Simples e
direto ao assunto. E olha que se trata de
e-commerce, ou seja, mais complicado do que
um site comum, afinal, quando se trabalha com
cadastros e pagamentos, voc precisa trabalhar
muito bem as coisas para que se tornem
intuitivas e no cansativas, fazendo com que o
nmero de desistncia nessa hora que a
principal de um e-commerce no aumente Heloisa Dassie.

As solues apresentadas pelo

Facebook (m.facebook.com), Google
(m.google.com) e Twitter (m.twitter.
com), e para suas verses mveis so os
melhores exemplos de onde se pode
chegar em design de interface mobile Michel Lent.

A verso mobile do site Bares SP (m.baressp.

com.br) foi feita especialmente para a tela do
celular, muito menor que a do desktop. Possui
botes maiores e respeita as limitaes de
software dos diferentes navegadores. Foi
desenhado para respeitar os limites da tela de
qualquer modelo mobile - Reinaldo Mello.
86 > CRIAO | WIDE |

27

DESIGN PARA

E-COMMERCE

A PRIMEIRA IMPRESSO A QUE FICA

Por Tiago Bosco
Ricardo Panini
www.ricardopanini.com
Publicitrio, diretor de criao/arte com treze anos de experincia. Trabalha com internet desde o incio do marketing digital no Brasil, passando por diversas agncias. Criou
e coordenou para clientes como Amil, Ach, BankBoston,
Banco Nossa Caixa, Banco Real, Banco Votorantim, Canon,
Gafisa, Hope Lingerie, IBI, iG, Microsoft, Panasonic, Philips,
Rodobens, Telefnica, Sanofi-Aventis, Senac, TVA, Universidade Anhembi Morumbi e Walmart.

28

| WIDE | 86 > CRIAO

O design como elemento fundamental para o sucesso de uma loja virtual.

Para falar sobre esse tema, a Wide conversou com Ricardo Panini, experiente
publicitrio, diretor de criao/arte com
passagens por diversas agncias. Eles
nos conta algumas peculiaridades e
aponta dicas essenciais para um bom
design de e-commerce.

$3*"0

8*%&
A pgina inicial de um site de e-commerce funciona como a

vitrine de uma loja fsica. Ou seja, a primeira impresso a que fica.
correta essa comparao? O quanto o impacto visual fundamental para os negcios na web, em sua opinio?
3*$"3%0
Sim, acredito que correta. Utilizando a mesma analogia de lojas fsicas ou virtuais s imaginar o seguinte cenrio: um shopping, com duas lojas lado a lado com o mesmo
mix de produtos e preos iguais, porm uma bagunada, os
produtos esto jogados e os vendedores so despreparados;
a segunda impecvel desde a aparncia, disposio dos
produtos e preparo de seus profissionais. Em qual loja voc
compraria? O impacto visual est ligado confiana e credibilidade de uma loja, logo um bom impacto visual uma tima
ferramenta de negcios.
8*%& Ento, como o design pode ser utilizado para diferenciar
uma loja da outra e tornar o negcio mais atraente do que o de seus
concorrentes?
3*$"3%0 O design pode diferenciar uma loja de outra de diver-

sas maneiras, desde o modo como o usurio navega no site e

encontra os produtos, fotos, consistncia e padro de comunicao. O mais importante em uma loja estabelecer padres de
qualidade referentes a comunicao.

O impacto visual est ligado

confiana e credibilidade de uma
loja, logo um bom impacto visual
uma tima ferramenta de negcios

busca da maneira mais rpida possvel. Facilitar a navegao,

contar com ferramentas de busca e filtros, entrada de dados simplificada e finalizao de pedidos rpida e eficiente pode melhorar muito a converso de sua loja.
3. SEJA SIMPLES

Os usurios raramente entram em um site para desfrutar do

design. Na maioria dos casos, eles esto procurando informao ou produtos. Esforce-se pela simplicidade em vez de
complexidade.
4. AS CONVENES SO NOSSAS AMIGAS

8*%& Poderia apontar algumas dicas essenciais para um bom

design de e-commerce?
3*$"3%0 Ultimamente, em todos os meus trabalhos tenho
seguido uma linha de simplificao. Entenda, simplificao no
ruim, o famoso menos mais. Quanto mais difcil de chegar
informao ou quanto mais confusa for a navegao, maior a
possibilidade de o usurio deixar a loja. Ento, entenda o design
de um e-commerce como um todo; no somente a estrutura,
mas tambm os destaques, banners, promoes e fotos de produtos. Dessa maneira, vou tentar simplificar em cinco dicas:
1. CONTRATE UMA BOA AGNCIA OU PROFISSIONAL PARA FAZER
SEU E-COMMERCE

Ao contratar uma empresa ou profissional para fazer o design

do seu e-commerce, busque referncia de seus trabalhos, analise seu portflio, conversem sobre referncias e o que voc
espera do seu comrcio eletrnico. Deixe que o designer pense
em paleta de cores, formas, tipografias etc. Esse o trabalho dele.
2. NO FAA O USURIO PENSAR

Capriche na navegao, em como o usurio encontra seu produto. Seu objetivo fazer com que o usurio encontre o que ele

Um site tradicional nem sempre chato. Na verdade, as convenes so muito teis, j que diminuem a curva de aprendizagem
e a necessidade de descobrir como as coisas funcionam.
5. ADMINISTRE BEM O E-COMMERCE

Costumo dizer que o trabalho de design de um e-commerce

apenas a ponta do iceberg. Um design de e-commerce geralmente prev diversos tipos de mdias para que o futuro administrador da loja faa campanhas, exponha seus produtos e sua
comunicao. Por melhor e mais bonita que a estrutura seja, se a
loja for mal-administrada e essas reas no forem bem pensadas
e com design atrativo, o usurio ir entrar no site, desconsiderar
o resto e focar apenas no que ruim.
8*%&
Atualmente, podemos perceber que muitas lojas virtuais se
utilizam de um mesmo padro em relao aos layouts. Na maioria
das vezes, apenas as combinaes cromticas e outros pequenos
detalhes podem variar de acordo com cada empresa. A qual concluso voc chega sobre isso? Falta ousadia ou as agncias preferem
desenvolver dentro do padro das grandes lojas para que os consumidores possam navegar e efetuar o processo de compra de forma
mais natural e intuitiva?
86 > CRIAO | WIDE |

29

$3*"0

3*$"3%0 Por que reinventar a roda? Sabemos que padres e

convenes funcionam bem e do resultado e que na maioria
das vezes o indicado para o cliente. Claro que existem marcas
e produtos que no gostam de padres e querem diferenciar sua
comunicao. Considero positivo e tenho um prazer particular em fazer projetos como esses, porm muitas vezes tambm
indico o tradicional porque gera resultado.
Sites diferenciados exigem alguma curva de aprendizagem
para usurios. Em um e-commerce isso pode ser cansativo e acabar fazendo com que o usurio deixe sua loja.
Projetos customizados tambm so mais caros, e isso faz com
que a maioria das lojas tenha visual padro, e no algo customizado e nico.
8*%& Nos Estados Unidos, 75% dos usurios admitem fazer julgamento sobre a credibilidade de uma empresa baseado no design de
um site (fonte: Fogg, B.J., Stanford Guidelines for Web Credibility).
E 68% dos compradores norte-americanos concordam que desconfiam de uma loja que no tenha um design profissional (fonte: eMarketer.com). Em sua opinio, os empreendedores, donos das lojas
virtuais, investem no design como ele realmente merece? Ou voc
acha que em muitos casos existe uma conteno de custos nessa
rea to importante?

3*$"3%0 No, infelizmente no h o investimento necessrio no
design de uma loja. Mas, tambm no culpo os empreendedores.
Abrir uma loja virtual hoje em dia to caro quanto abrir uma loja
fsica. Existem custos, como plataforma, profissionais internos,
estoque, logstica, manuteno de uma loja, campanhas, servidor, softwares de gesto etc. No final, tanta coisa para pensar e
fazer que o design no devidamente valorizado.
8*%& Analisando como profissional de criao e tambm como

cliente, quais erros e excessos mais comuns voc tem encontrado

nas interfaces das diversas lojas virtuais propagadas na internet?
3*$"3%0 No gosto muito de como o varejo online ficou hoje
em dia, esteticamente falando. Devido alta concorrncia e
s estratgias de mdia focadas em converso e resultados,
as lojas esto muito poludas. Gosto de uma coisa clean, fcil
e bonita, e no o que encontramos nas lojas virtuais hoje
em dia. Existe um pensamento de que coisas como: o gerente
pirou, liquidao total, todo o site com desconto, bombas, sirenes e outros elementos fazem vender. Eu acredito no oposto,
eu acredito em experincia, beleza dos produtos e melhor
exposio de comunicao.

30

| WIDE | 86 > CRIAO

D frias para as sirenes, gerentes

malucos, queimas e artifcios comuns
e invista em produo de fotos,
campanhas conceituais e na exibio
dos produtos

8*%& Em sua opinio, qual tipo de teste de usabilidade mais eficaz

no desenvolvimento de um site projetado para o comrcio eletrnico? Em se tratando de e-commerces de pequeno e mdio porte,
que, em geral, no possuem recursos para investir em laboratrios
de testes, como o estudo de usabilidade deve ser realizado?
3*$"3%0 Todo teste de usabilidade tem o mesmo princpio: pessoas navegando. O que diferencia um teste de outro o mtodo
utilizado, os relatrios emitidos e a qualidade das pessoas que
avaliam os usurios.
O melhor teste que pode ser feito por pessoas que no podem
investir em um laboratrio chamar conhecidos e pessoas de
confiana para navegar em sua loja, ainda antes do lanamento
oficial, e avaliar as respostas uma a uma. Respostas com maiores
ocorrncias merecem ateno e uma soluo.

&YFNQMP
 diversas pessoas reclamaram que difcil inserir um

produto no carrinho. Isso deve ser avaliado e corrigido antes do
lanamento.
&YFNQMP

apenas um usurio achou difcil encontrar o produto
desejado. Provavelmente, isso alguma dificuldade do usurio, e
no um problema em sua loja.
Tambm recomendado para novas lojas um lanamento sem
muita mdia. Durante um prazo estipulado, analisamos os usurios e suas compras para saber se est tudo certo. Os prprios
usurios costumam apontar problemas e dificuldades em seu
site. Depois desse perodo, que costuma ser de um ms, comeamos o trabalho de mdia e atrao de novos usurios para o site.
8*%& Se em uma loja virtual o sistema de pagamento funciona corretamente, os produtos so de qualidade e so vendidos a preo de
mercado e, mesmo assim, no conseguir atender s expectativas do

consumidor, gerando prejuzo empresa, o trabalho do designer

pode ser questionado? Como possvel saber se, de fato, o design foi
ou no o grande vilo do dano?
3*$"3%0 Para o sucesso ou no de um e-commerce existem
diversas variveis, e o design uma delas. Hoje em dia, podemos
analisar toda a navegao de um site com ferramentas de mercado, como o Google Analytics. Dessa maneira, sabemos exatamente onde os usurios encontram problemas para navegar em
seu e-commerce e comprar. Podemos efetuar testes com grupos
seletos, grupos de teste AB e outras tcnicas para saber se o design
o grande vilo da histria. muito difcil atribuir o problema apenas ao design, mas, em um cenrio em que investido um valor
em mdia, o trfego gerado ao seu comrcio eletrnico qualificado e no existe nada de diferente entre voc e seu concorrente,
o design, certamente, deve ser o primeiro ponto a ser repensado.
8*%&
Falando sobre o contedo nos sites de e-commerce, as imagens dos produtos ou servios comercializados so fundamentais
para persuadir um possvel comprador. Em sua opinio, qual a soluo mais eficiente para apresent-las dentro uma pgina? Existe
algum padro?
3*$"3%0 Considero as imagens como a principal caracterstica
visual de um e-commerce. Existem milhes de padres para
apresentar uma imagem e eu diria que, nesse caso, necessrio
definir um padro. Muitas lojas possuem fotos diferentes, em
posies diferentes e cores diferentes, e isso se traduz em poluio visual, o que no bom para o seu e-commerce. Exemplo: se
uma foto de produto for tirada em fundo branco, em quatro posies diferentes e com a primeira foto orientada ao lado direito,
todas as demais devem ser assim.
8*%& Na criao do layout, quais tipos de ferramentas e plataformas so mais propcias para serem utilizadas em sites de comrcio

eletrnico? Por qu?

3*$"3%0 Geralmente, a ferramenta ou plataforma definida
antes do trabalho de design comear, ento o que o designer faz
entender a ferramenta, seus pontos negativos e positivos e projetar a melhor experincia para o usurio baseado nos inputs que
recebe. Existem diversas ferramentas disponveis hoje e para
todo tamanho de negcio, no entanto, mais importante que elas,
toda a consultoria que envolve o negcio online.
Fao muitos trabalhos em parceria com a plataforma Ikeda,
que grande e completa, e o que mais gosto neles no somente
a plataforma, mas todo o trabalho de consultoria de negcio que
feito com os clientes. Eles no oferecem uma caixinha cheia de
cdigos que apenas desenvolvedores entendem; eles ensinam e
treinam o cliente a ter um negcio online, e a plataforma o corao dessa consultoria.
8*%&
Fazendo uma anlise de como as lojas virtuais no Brasil em sua
maioria esto se apresentando, qual nota voc daria? Por qu?
3*$"3%0 Brasileiros so reconhecidos mundialmente pela
publicidade e design. No geral, acredito que estamos com nota
sete, na mdia. Existem timos trabalhos, mas, em contrapartida,
existem muitos trabalhos desenvolvidos por pessoas e empresas amadoras. Creio que a evoluo neste caso no somente o
design das lojas, mas todo o trabalho de marca e planejamento
que deve ser feito em um e-commerce e que resulta em construes de lojas mais slidas, estruturadas e, consequentemente,
campanhas e sites com design mais atraente.
Sugiro um exerccio para todos os empreendedores online:
d frias para as sirenes, gerentes malucos, queimas e artifcios
comuns e invista em produo de fotos, campanhas conceituais
e na exibio dos produtos. Isso, com certeza, mudar a maneira
com que o consumidor v sua loja ou marca.

86 > CRIAO | WIDE |

31

INOVAR

13&$*40

PROFISSIONAIS DE CRIAO DEBATEM SE VALE A PENA

CORRER O RISCO DE INOVAR NO AMBIENTE DIGITAL
Segundo Mark W. Johnson, coautor do livro
Inovao para o crescimento, as empresas
precisam inovar para crescer em outros mercados, em vez de simplesmente sustentarem-se
nos nichos j conquistados (migre.me/56ncR).
Nessa entrevista concedida ao portal administradores.com.br, ele d como exemplo a
IBM, que apostou nos computadores pessoais
quando ningum acreditava que aquilo poderia
dar certo. O resultado todos j sabemos.

32

| WIDE | 86 > CRIAO

%&4*(/

OPINIO

Transportando esse debate para o universo da

criao na web, diversas so as maneiras utilizadas para que um site se destaque levando em
considerao aspectos como usabilidade, layouts,
cores etc. Atualmente, muitos portais apostam em
interfaces arrojadas e inovadoras, por meio de elementos em 3D, interatividade, games e outras possibilidades responsveis por fazer com que uma
pgina gere audincia e, consequentemente, seja
reconhecida pela sua autenticidade e pioneirismo.
Mas, afinal, quando uma inovao bem-vinda?
Vale a pena arriscar em algo nunca antes apresentado na criao de um site? Ou melhor fazer um
excelente trabalho, mas seguindo as principais tendncias, sem correr os riscos que uma novidade
pode acarretar? Com a palavra, os especialistas.

Gilberto Bissacot
Diretor de criao da agncia Chleba
(www.chleba.net)

A inovao sempre bem-vinda em qualquer mercado, seja

publicitrio ou no. Mas, isso nos traz outra pergunta: Quanto
custa inovar?
O primeiro passo para se inovar na criao de um site
custear o tempo investido para a produo dessa ideia, visto
que muitos clientes tm em suas metas a agilidade na entrega
de seus projetos e o baixo custo. Portanto, quando h abertura
(investimento x tempo) para a inovao, obrigao da agncia
o exerccio dessa criao, mesmo sabendo dos riscos que o
desenvolvimento pode causar.

Tendncias e referncias so obrigatrias para o incio de

qualquer projeto e isso pode ou no transformar uma ideia em
uma grande inovao. Quem inova pode ditar uma tendncia,
mas uma tendncia s ditada por uma inovao bem-sucedida.

Quem inova pode ditar uma tendncia, mas uma tendncia s ditada
por uma inovao bem-sucedida
86 > CRIAO | WIDE |

Ilustrao - Carolina Vigna-Mar

33

Andr Matarazzo
Responsvel por criao, estratgia e tecnologia na Possible Worldwide
XXXQPTTJCMFXPSMEXJEFDPN

Acho que as grandes novidades na criao de sites funcionais so

realmente em quesitos muito alm do design, que a utilizao
de tecnologias inovadoras (HTML5), integrao com servios
externos que controlam outras partes da linha de produo,
entrega, estoque, integrao com APIs sociais abertas.
Alm disso, os sites precisam ser vistos de maneiras
ligeiramente diferentes em plataformas diferentes sem
necessitarem de grandes custos extras, e adaptar sua oferta de
servios e funcionalidades para cada uma delas. Por exemplo,
geolocalizao extremamente importante em plataformas
mveis, muito menos que em plataformas fixas, como no
desktop, por exemplo.
Enfim, no meu ponto de vista estamos muito alm do debate
em torno de um trabalho autntico, inovador ou arriscado em
design ou navegao ou qualquer coisa do tipo.
No acho que vale experimentar muito com isso hoje.
Acredito que, depois de quinze anos fazendo sites com interfaces
grficas, podemos dizer que achamos mais ou menos os

34

| WIDE | 86 > CRIAO

caminhos das pedras. O que antes era experimentao, inovao,

foi finalmente colocado prova pelas ferramentas de pesquisa, e
mostraram por A + B que falham.
%JDB siga o que bsico, evidente, idiot-proof, logicamente com
charme, beleza e preocupe-se com a tecnologia. Facilite a vida do
seu usurio, d-lhe maneiras de fazer o que quer fazer de forma
mais rpida, fcil, evidente e social.

Podemos dizer que achamos

mais ou menos os caminhos
das pedras. O que antes era
experimentao, inovao, foi
finalmente colocado prova
pelas ferramentas de pesquisa, e
mostraram por A + B que falham

86 > CRIAO | WIDE |

35

$3*"0

Bruno Chamma
Scio da agncia Kindle
XXXLJOEMFDPNCS

O conceito de inovao est constantemente presente no trabalho que ns, da Kindle, desenvolvemos para os nossos clientes,
sob diferentes aspectos, como design, navegao, tecnologia e
at mesmo contedo.
Quando trabalhamos com sites de moda, por exemplo, conseguimos ousar bastante, como nos sites que desenvolvemos para
a Reserva e para a Mercatto. Este ltimo deu to certo que fomos
premiados no Peixe Grande, na categoria pblico-alvo.
No prprio site da agncia procuramos inovar no que diz respeito ao contedo. Criamos uma seo chamada Inflamveis,
que funciona como um quem somos do mundo real. Nesse
espao agregado automaticamente tudo o que a equipe, de
mais de setenta pessoas da Kindle, tuta.
Mas, nem sempre possvel inovar. preciso ficar atento ao
briefing, ao objetivo do projeto, cultura da empresa, ao perfil do

pblico-alvo e ao planejamento de comunicao para, em funo disso, decidir qual o nvel de inovao que ser implementado no projeto.

preciso ficar atento ao briefing,

ao objetivo do projeto, cultura da
empresa, ao perfil do pblico-alvo
e ao planejamento de comunicao
para, em funo disso, decidir
qual o nvel de inovao que ser
implementado no projeto

Fabian Umpierre
Arquiteto de informao da agncia Aldeia.biz
XXXBMEFJBCJ[

sempre bom inovar, mas devemos separar inovao da firula,

da ltima moda no exterior aplicada sem filtros. A inovao
deve estar comprometida com o resultado, ainda que seja uma
aposta, uma tentativa. Inovar comea por sabermos qual pblico
desejamos atingir, a quais demandas devemos responder. Inovar
sem ter um objetivo em mente atirar a esmo, sem alvo pretendido.
Inovar no significa reinventar a web a cada item de um
menu. s vezes, voc pode at ter uma boa ideia, mas seu
pblico ainda no est maduro ou tecnologicamente includo
o suficiente para entend-la. Alm disso, saber escolher onde
inovar e onde aplicar solues consagradas essencial a quem
planeja e projeta para o meio digital.
Inovao no algo que voc decida fazer, do nada, em uma
manh ensolarada de inverno, e sim uma consequncia natural
de muita pesquisa, conversa, brainstorming e aplicao de testes.
Quanto mais voc souber sobre como sua audincia pensa

36

| WIDE | 86 > CRIAO

(e no como ela diz que pensa), maiores sero suas chances de

propor inovaes que faam sentido, o que acaba diminuindo
seus riscos. Inovar, s vezes, abrir seus olhos para uma ideia que
seu pblico nem sabe que precisa, simplesmente porque ainda
no experimentou.

Inovao no algo que voc decida

fazer, do nada, em uma manh
ensolarada de inverno, e sim uma
consequncia natural de muita
pesquisa, conversa, brainstorming e
aplicao de testes

Darlan Moraes Jr.

Diretor de criao da BBDO Proximity (Rssia)
XXXQSPYJNJUZXPSMEDPN

A inovao sempre bem-vinda contanto que venha conectada

a uma boa raison detre. Ou seja, tem que estar atrelada a uma
meta, uma estratgica, um objetivo, j que inovar por inovar
sem pesquisa e sem pensar nos riscos envolvidos pode deixar
um site, uma empresa e at mesmo uma megacorporao em
apuros. A inovao um passo corajoso, j que voc no espera
a tendncia, mas a cria. Ento, existe a chance de dar certo (ou
no) justamente porque voc decidiu abrir uma trilha em vez de
pegar uma estrada j conhecida.
No primeiro caso voc passa a liderar, torna-se diferenciado e
mais corajoso para continuar a abrir outras trilhas. J no segundo,
tem que recolher os cacos e comear tudo de novo (o que no
necessariamente ruim, j que voc pode recomear fortalecido
com esse aprendizado). Mas, como metaforicamente considero

o segmento digital dos dias de hoje como a era das grandes

navegaes, acho fundamental inovar, arriscar, tentar caminhos
novos, enfim correr riscos que sejam relativamente calculados.
Se voc quer encontrar o caminho das ndias Orientais e
tornar-se o prximo Mark Zuckerberg da vida, ter que seguir
essa rota para fazer seu site destacar-se, evoluir e, assim, ganhar a
ponta no hipercompetitivo, dinmico e fantstico mundo digital.
Parodiando Fernando Pessoa: Inovar preciso, viver no preciso.

A inovao um passo corajoso,

j que voc no espera a tendncia,
mas a cria
86 > CRIAO | WIDE |

37

Sentar-se em um restaurante,
pedir o menu ao garom e
receber um iPad para poder
consultar as informaes e
os preos das refeies. Sim,
estamos na era da tecnologia. Para saber como isso funciona, a Wide conversou com
Ronaldo Gazel, diretor da Gaz
Games, agncia responsvel
pelo desenvolvimento do cardpio digital da hamburgueria
Jacks Big Burger, localizada
em Belo Horizonte. Confira!

JACKS BIG BURGER

HAMBURGUERIA GOURMET
www.jacksbigburger.com
Rua Paraguai, 20
Bairro Sion
Belo Horizonte, MG
(31) 2552-4002

38

| WIDE | 86 > CRIAO

$3*"0

Cardpio digital da hamburgueria Jacks Big Burger

8*%&
Um dos trabalhos mais inovadores desenvolvidos pela Gaz

Games foi a criao do cardpio da Jacks Big Burger para o iPad. Em
relao a esse projeto, voc poderia falar das necessidades e expectativas do cliente?
30/"-%0 A hamburgueria em questo possui muitos diferenciais, caractersticas exclusivas, como a decorao, o atendimento para l de personalizado e, principalmente, o menu, com
produtos deliciosos e de valor artstico agregado sob a chancela do termo hamburger gourmet. Os scios, ento, pensaram
em uma ao que pudesse, ao mesmo tempo, refletir o carter
cool da empresa e servir como uma ferramenta. Surgiu, assim, a
ideia de se criar um cardpio virtual. O que eu fizemos foi pegar o
briefing e criar um planejamento completo, dividido em trs etapas, constituindo o cardpio virtual apenas na fase inicial.
8*%& Por ser algo inusitado nos bares e restaurantes aqui no Brasil,
como voc avalia at o momento a aceitao dos clientes a essa
forma inovadora de ler um cardpio?
30/"-%0 O primeiro que vi desse gnero foi o cardpio da
Chopperia Albanos, em Belo Horizonte, produzido pela Sense8.
Depois de conhecer pessoalmente o projeto, fiquei bastante entusiasmado com a ideia por causa da simplicidade do modelo
webapp e porque via ali uma possibilidade de transformar
situaes, como o pedido ou enquanto se aguarda mesa, em
momentos de entretenimento. Por exemplo, a possibilidade de
se criarem playgrounds virtuais nos quais o usurio, antes de
receber seu pedido, fica imerso em games customizados, inclusive usando multiplayer para aumentar ainda mais a diverso.
No preciso ser um expert para compreender a conexo
semntica instantnea das interfaces de toque, com o nosso
gestual, com o nosso corpo. A maior prova disso a espontaneidade com que as crianas de quatro, cinco anos interagem com
elas. Por isso mesmo, j sabia de antemo que a aceitao do
cardpio estava mais vinculada ao desafio de atribuirmos algo
alm de um simples cardpio, at mesmo porque o de papel
muito mais leve e jeitoso. Ento, o risco era termos um elefante

branco, mas felizmente tem sido um grande sucesso.

8*%& Quais tipos de testes foram realizados nesse projeto antes de
ser colocado definitivamente em prtica, tendo em vista que os frequentadores do restaurante podem no ter qualquer familiaridade
com o funcionamento de um iPad?
30/"-%0 Foi uma aposta como acontece com as primeiras
experincias, com os pioneiros. Claro que um cardpio virtual
no exatamente uma aposta arriscada, afinal ele , basicamente,
o mesmo cardpio tradicional, impresso. As diferenas esto
nos detalhes. Durante o processo de criao, tnhamos em vista
que no estvamos fazendo um menu clicvel, mas propondo
recursos especiais de interao que s as interfaces de toque permitem, permeadas por uma arquitetura de informao objetiva e,
o mais importante, tudo feito com o mnimo de rudo cognitivo,
considerando que o usurio est focado no seu desejo de comer.
Outro detalhe importante: a interface foi devidamente
planejada para as futuras expanses, no sendo necessrio
qualquer tipo de reengenharia para atualizar o sistema, o que
significa menos gastos, maior unidade de campanha e aproveitamento dos recursos.
8*%& Em termos de combinao cromtica, quais aspectos determinaram a paleta de cores e texturas utilizadas na criao desse projeto
e quais fatores influenciaram na escolha da tipografia a ser utilizada?
30/"-%0 O design do cardpio impresso j nos dava algumas
dicas do caminho a seguir, como elementos grficos e definies
da paleta primria. A partir desse cenrio, estudamos profundamente as combinaes tipogrficas e cromticas possveis e,
assim, chegamos ao resultado final, buscando sempre uma esttica que tivesse identificao mxima com a da prpria franquia
Jacks: deslocamento temporal para um universo mgico, paralelo, que refletisse aquele feeling retr e, ao mesmo tempo, oferecesse uma interface atual, atraente.
Juntamos o melhor do design grfico impresso com recursos pr-usabilidade, o que conferiu uma personalidade nica
86 > CRIAO | WIDE |

39

$3*"0

interface: breadcrumbs, uso de uma terceira famlia exclusiva

para informaes relevantes e atualizveis; espaamentos generosos e uma paleta de cores aplicada com toda parcimnia, realando apenas os itens necessrios afinal, um cardpio precisa
ser extremamente prtico, rpido e fcil de usar.
Uma curiosidade que cada um dos produtos do Jacks Big
Burger possui uma representao na forma de um personagem.
Utilizamos, assim, os prprios rostos dos personagens como
se fossem quadros de celebridades, emoldurados, para represent-los. Na segunda etapa, o cliente/usurio poder clicar
na imagem e assistir a um vdeo com o chef falando sobre sua
criao, de maneira a aumentar ainda mais a imerso, enriquecendo a experincia.
8*%& Foi iniciada recentemente por vocs a implementao da
segunda etapa do projeto: a integrao do iPad com o caixa e com a
cozinha do estabelecimento. Poderia nos contar como essa novidade
funcionar?
30/"-%0 Tnhamos conscincia, desde o incio, de que um
cardpio virtual, pura e simplesmente tirando o lado cool de
rodar em um iPad poderia ser facilmente substitudo por um
cardpio impresso, e que o projeto todo s se justificaria como
uma soluo real de gesto e de negcios se houvesse um plano
maior, se os objetivos fossem mais ousados do que simplesmente
em cardpio em forma de tablet.
Criamos, assim, trs etapas: a primeira foi a implementao
do cardpio, simplesmente; a segunda envolve um engenhoso
e divertido ambiente interativo feito sob medida para a cozinha,
por meio de uma touchscreen posicionada estrategicamente
prxima aos fornos, com a qual o chef e seus assistentes tm
controle total de todos os pedidos, distribuindo os sanduches e
configurando seus pontos de preparos.
Essa implementao na cozinha, que est em andamento,
trar reflexos na interface do usurio, nos iPads, oferecendo uma
timeline de cada prato e, dessa forma, podemos acompanhar
cada etapa do nosso pedido enquanto ele preparado. Clicando
no cone do sanduche, dentro das etapas, assistimos a um vdeo
com o chef Trcio Maia mostrando todos os detalhes de produo e apresentando a cozinha aos clientes.
8*%& O cardpio digital tambm possibilita a integrao com as
redes sociais. Em sua opinio, qual a importncia dessa interatividade
no contexto do projeto? E como funciona? So os prprios clientes
que podem divulgar o cardpio do Jacks Big Burger em seus perfis?
30/"-%0 A implementao da terceira etapa faz uso intensivo
das redes sociais para gerar tempo de engajamento, de exposio e interao com o universo da marca. Para isso, criamos
uma srie de experincias interativas, como o clube de relacionamento, no qual o usurio participa de promoes exclusivas, acumulando pontuao e podendo troc-la a qualquer
momento por bnus e itens diversos. Temos tambm o Game
Hall, uma espcie de rcade em que os usurios podem se divertir com jogos de ao criados exclusivamente com a temtica
Steampunk + Diners, que formam a esttica do Jacks. Para
jogar todos esses games preciso estar logado pelo Facebook,

40

| WIDE | 86 > CRIAO

Cardpio digital da hamburgueria Jacks Big Burger

e um sistema de Achievements/Badges faz com que o usurio

avise a seus seguidores quais foram seus ltimos progressos no
relacionamento com o Jacks isso pode se refletir tanto em vitrias nos games quanto em vantagens que ele recebeu.
Um desdobramento interessante do Game Hall a possibilidade de interao entre os clientes por meio do modo multiplayer
em jogos colaborativos criados especialmente para serem jogados
entre as mesas cada uma com seu respectivo cardpio virtual.
Assim, possvel criar desafios interessantes que ofeream brindes e bnus diversos para as mesas vencedoras dos desafios.
8*%&
O cardpio est disponvel para download na AppStore?
30/"-%0 O cardpio virtual do Jacks Big Burger foi desenvolvido no formato webapp, ou seja, no uma aplicao tradicional compilada em Objective-C e, consequentemente, no precisa
passar pela aprovao da Apple Store e nem exige qualquer tipo
de instalao especial. Alm disso, funciona tambm em aparelhos Android sem qualquer restrio.
A atualizao das informaes realizada por um CMS, o
Food Club CMS, desenvolvido pela Gaz Games em parceria com
o Studio Lazuli, incluindo relatrios especficos e estatsticas de
acesso que permitem uma melhor percepo do pblico que utiliza o cardpio virtual, para que possamos criar aes e oferecer
experincias mais relevantes. Outra vantagem a possibilidade
de atualizar o cardpio a distncia e em tempo real, o que, geralmente, no uma tarefa muito simples em se tratando de um
cardpio tradicional.
Atualmente, o cardpio hospedado em um servidor interno,
mas a partir da terceira etapa do planejamento ele estar disponvel no prprio website do Jacks Big Burger, permitindo que
as experincias de relacionamento e entretenimento se estendam tambm aos momentos em que o usurio estiver fora do
ambiente do Jacks.

86 > CRIAO | WIDE |

41

Ilustrao Carolina Vigna-Mar

A colheita do caju
A arte e a tecnologia so muito mais ligadas
do que pensa a maioria das pessoas.
Observamos a influncia de uma sobre a
outra desde os tempos das cavernas. No
Paleoltico, pintamos com tinturas naturais,
musgo, barro e o que mais estivesse ao
alcance. Quando conseguimos lascar pedra,
logo comeamos a esculpir. Um pouco
mais tarde, a indstria teve a iluminao
de criar tinta em tubos, dando mobilidade
ao pintor, que comeou a pintar fora de
seu ateli. A fotografia e a indstria grfica
tambm influenciaram de maneira muito
significativa o nosso pensar e a nossa arte.
Chegamos era da informtica e, com ela,
a ilustrao 3D, vetorial, digital, pixel art e
tudo mais que seremos ainda capazes
de inventar. E que bom que seremos
capazes de inventar. A imaginao mais
importante que o conhecimento, j dizia
Einstein. Precisamos imaginar um futuro
melhor para podermos invent-lo.
Esses saltos evolutivos, que no so nem saltos e nem evolutivos,
acontecem sempre movidos ou pelo desejo ou pela necessidade
humana. E o desejo e a necessidade no andam separados. Ns,
hoje, precisamos de celulares, i-coisas e toda uma quantidade de
traquitanas mveis conectadas. Primeiro o desejo ou a necessidade? A vida mudou, as sociedades mudaram, a economia evoluiu, o profissional criativo no trabalha mais batendo carto no
escritrio. Naturalmente, a mobilidade e, portanto, o celular e
demais gadgets tornou-se uma necessidade. Por outro lado, o
desejo de liberdade que nos move. impossvel dissociar um do
outro. Assim, evolumos. Coloco entre aspas porque no existe
aqui uma noo de valor, ou seja, no somos melhores nem piores que nossos antepassados ou que nossos sucessores. Somos
diferentes. E isso muito.

42

| WIDE | 86 > CRIAO

A arte uma criao nossa e necessariamente um reflexo

de ns mesmos. O estudo da arte, consequentemente, um
estudo comportamental da nossa espcie. Tudo muda, mesmo
que voc no note. Quer dizer, tudo menos o reinado felino no
mundo nerd, claro. Mudar necessrio, desejado e humano.
At mesmo o entendimento que temos de conceitos to bsicos, como infncia, muda com o tempo. Quando a expectativa de
vida era de 30 anos, 12 anos era considerado adulto. Mesmo mais
tarde, com a vida j maior, ou ramos crianas ou ramos adultos.
A adolescncia s foi inventada (migre.me/5fzFA) h pouco
mais de 100 anos, entre o final do sculo XIX e o incio do XX.
Construmos sociedades, mas felizmente no somos formigas que passam milhes de anos fazendo a mesma coisa. Assim
como o Raul, tambm prefiro ser essa metamorfose ambulante do
que ter aquela velha opinio formada sobre tudo.
A Wide completa, com esta edio, o seu primeiro ano de vida
e surgiu de uma mudana, de uma mutao que uniu as antigas
Webdesign e TIdigital. Os 365,2425 dias do calendrio gregoriano
sempre me pareceram uma medida bastante estranha da passagem do tempo. A medida dos ndios tupiguarani fazia muito
mais sentido. Eles contavam os anos pela poca da colheita de
caju, que sem estufas e outras tecnologias agrcolas acontece
entre agosto e outubro. Ento, fica aqui os meus parabns Wide
e o voto de que muitas colheitas ainda venham!

Carolina Vigna-Mar designer e ilustradora das antigas, do tipo que

raspou fotolito com gilette e fez separao de cores no papel vegetal, mas
que no saudosista e acha tecnologia o mximo. Trabalhou com multimdia
e foi SysOp de BBS. Desenvolve sites desde 1996, especializando-se em CMS
e em SEO com tableless e CSS. Comeou em uma editora pequena em 1982
e nunca mais parou. Gosta muito de ilustrao vetorial, mas no dispensa um
bom papel e lpis. Fotgrafa amadora e apaixonada por tudo o que grfico.
E-mail: vignamaru@gmail.com

Design de interao Amyris Fernandez

Desenhe pensando no crebro do seu consumidor

Querido leitor, sei do seu interesse por
usabilidade. Sei que voc procura por livros
que falem do assunto e que o ajudem na hora
de fazer um teste de usabilidade. Tambm
sei que voc conversa com profissionais da
rea, gente jovem, ligada em tecnologia e
que se dedica a essa profisso. So pessoas
oriundas das mais variadas profisses que
se dedicaram a entender como os espaos
digitais e cada um dos seus elementos ajudam
ou atrapalham na realizao de tarefas.
Uma vez que h poucos cursos de interao humano-computador nas faculdades e estes, quando existem, esto confinados a
Cincias da Computao ou Engenharia de Sistemas, h pouco
acesso formao qualificada da mo de obra. Para complicar,
o sujeito que vai trabalhar com usabilidade tem que saber muito
de psicologia cognitiva. Tem que, obrigatrio. Quando ouo
algum se referindo a Steve Krug e outros autores do gnero, percebo como um consultor pode alavancar sua carreira com um
livro e, ainda assim, deixar sua audincia s cegas.
Lamento se estou desiludindo vocs que j leram todos
esses livros. Eu tambm li. As prateleiras da minha biblioteca
esto cheias desses livros. E mesmo tendo lido uma infinidade
deles, eu no me sentia satisfeita. Acontece que o problema no
est em fazer o teste com usurios mais cedo. Se fosse s esse o
problema, faramos o teste nos wireframes e o problema estaria
resolvido. Mas, quem trabalha na rea sabe que isso no resolve.
Que por uma razo desconhecida, teste aps teste h novas coisas para corrigir. Eu acho divertido que haja sempre que mudar
e/ou refazer, porm, sejamos sensatos, caro e frustrante.
Como sou uma pessoa curiosa e inquieta, alm de exigente
com tudo e todos (eu inclusa) l fui procurar uma forma de fazer
esse processo ser menos repetitivo e mais feliz em termos de resultados. Como tambm dou aulas, fiquei pensando no que eu teria
que ensinar para poder melhorar isso. Minha primeira tentativa foi
comear a dar aulas de Psicologia Cognitiva. Percebi que os alunos
no conseguiam fazer a ponte entre o que eu estava mostrando
em termos de funcionamento e limitaes humanas; crebro,
ateno, viso e memria eram coisas que ficavam no vazio.

A me apeguei s heursticas, como maneira de estruturar a viso

do problema. No entanto, por mais que eu adicionasse heursticas, nem meus alunos e nem meus funcionrios se sentiam seguros. Todo dia aparecia uma heurstica nova, e cada projeto obrigava a rever a lista de coisas para observar. Como isso tambm
no parecia adiantar, comecei a me voltar a mtodos e regras que
nascem no consumidor.
Descobri que um bom jeito de evitar aquela coisa de ficar
olhando os sites dos concorrentes e fazer um Frankenstein
de melhores prticas em arquitetura de informao usar o
mtodo de Mental Models (modelos mentais) da Indi Young.
muito mais eficiente! No voc que inventa a Arquitetura
de Informao, o fluxo das tarefas, agrupa contedos. No,
no mais voc. o usurio que lhe mostra como ele recria
o mundo dentro da cabea dele e como ele usa essas informaes para realizar tarefas. Mas, os fluxos das tarefas so apenas
uma parte do problema.
Agora ensino a desenhar pensando nos limites humanos de
viso, ateno e memria. Ensino considerar nossa muy humana
necessidade de ordem, sentido e consistncia nas coisas. Nossa
pouca capacidade de aprender sob presso e de recuperar coisas memorizadas. muito melhor reconhecer. Reconhecer
conhecer de novo.
Quem sabe algum dia no sero mais to necessrios os tais
testes de usabilidade e as interfaces sero desenhadas pensando
no usurio. Quem sabe, no ?

Amyris Fernandez consultora em Design de Interao, membro do

IxDA (Interaction Design Association) e ministra aulas de Usabilidade
e Design de Interao. doutora em comunicao pela Universidade
Metodista, com bolsa sanduche na Universidade de Koenhagen,
Dinamarca, e mestre em Comrcio Eletrnico, pelo Rochester Institute of
Technology, EUA.

E-mail: amyris@usabilityexpert.com.br

86 > CRIAO | WIDE |

43

Internacional Julius Wiedemann

O livro s evolui
Agora que a Apple lanou o que eles esto chamando de ePub3,
diminui-se a distncia entre a loja de livros para o iPhone e o iPad e
suas correspondentes lojas no iPad. Mais uma vez, para quem est na
rea de web, existe mais um produto que se soma aos tantos outros
para desenvolver. As oportunidades j infinitas expandiram-se agora
ainda mais. Parece pouco, mas o ePub3 merece uma certa ateno.
O mercado de livros possui um catlogo
gigantesco de mais de 500 anos; uma indstria relativamente estvel e, mais importante
que tudo, ainda no foi massivamente convertida para o digital. O Google a empresa
que talvez esteja fazendo o maior esforo,
mais do que as prprias editoras, para democratizar a disponibilizar livros em formatos
digitais. A Amazon tambm comeou cedo
e, para poder popularizar o formato digital,
enxergou como estratgia o lanamento de
seu prprio leitor, o Kindle, que por sua vez
implicou na criao de seu prprio formato,
para poder manter, assim, uma exclusividade nas vendas. Outras empresas, e outros
aparelhos, esto adotando o ePub como
plataforma, que, fazendo uma comparao
simples, seria o MP3 dos livros eletrnicos. O
que acontece agora que o formato evoluiu
depois da ltima conferncia de desenvolvedores, com um nmero de possibilidades
muito maior, tanto para quem desenvolve
quanto para as editoras.
A primeira coisa que se deve destacar a
possibilidade de manter a formatao que os
livros impressos tm. Parece coisa pequena,
mas, em uma discusso recente entre o
nosso grupo de desenvolvimento de produtos digitais na Taschen, a grande questo do
valor atribudo aos livros digitais residia em
grande parte em eles parecerem todos iguais.
Para ns, que fazemos livros amplamente
ilustrados, isso sempre foi uma das grandes
barreiras para se querer realmente investir
em plataformas em outras mdias. Agora que
podemos manter o design do livro intacto,
mesmo com o formato da tela sendo a normativa de tamanho, j nos vemos mais entusiasmados com as possibilidades do digital.

44

| WIDE | 86 > CRIAO

Mas, a grande questo tambm reside

em como os outros tablets vo se comportar. Faz pouco tempo que eu e meu colega,
responsvel por nosso site na Taschen,
Christian Milde, passamos horas a fio
testando o novo tablet da Acer, o Iconia,
que roda a ltima verso do Android, o
Honeycomb. Fiquei impressionadssimo
com as features e, principalmente, com o
browser. A loja de Apps tambm me pareceu funcionar de maneira muito estvel. No
momento em que outros aparelhos comearem a fazer frente ao poder do iPad, o mercado deve mudar muito, e a guerra e a aceitao dos formatos tambm. No momento,
tudo parece tender para o ePub. Manter um
formato proprietrio est em grande parte
ligado conexo entre usurio e compra.
Para no perder o comprador (j que o aparelho pode ser subsidiado), os provedores
de livros e outros produtos (como Amazon,
Barnes&Noble, Sony etc.) buscam fechar,
ento, as possibilidades de compra.
Hoje, os livros digitais ainda esto muito
aqum do que eles sero. Suas capacidades
ainda esto muito reduzidas, e o nmero
de aparelhos ainda um grande limitador
aos investimentos nessas plataformas. Por
isso tambm, a quantidade de ttulos novos
e interessantes ainda muito reduzida em
muitos pases, como na Alemanha. Esse
quesito uma das maiores fontes de reclamaes em vrias regies. Acaba-se por se
configurar um crculo vicioso de discusso
entre o ovo e a galinha. Como no existem
aparelhos suficientes para se manter vendas sustentveis, a indstria no converte
os livros para o digital. Em retorno, como
no existem ttulos suficientes para atrair

leitores para os e-books, estes acabam por

no adotar os aparelhos. Nesse contexto,
tenho dois postos a colocar. O primeiro
que graas Amazon esse ciclo vicioso foi,
de certa forma, quebrado, com uma aposta
enorme nos investimentos que eles fizeram.
No foi a Apple quem apostou primeiro.
Ela enxergou uma oportunidade enorme
nos tablets no apenas para livros, mas
para todo o ecossistema (por assim dizer)
do lifestyle digital que vivemos hoje. Isso
me leva segunda questo, que o carter
multitask dos tablets (coisa que o Kindle,
da Amazon, deixa a desejar), que levar em
longo prazo ao consumo de livros digitais,
de uma maneira ou de outra.
fcil dizer que podemos, agora, dar uma
parada para ver o mercado amadurecer,
mas, para quem est no mercado, essa no
uma opo muito empolgante quando as
vendas esto caindo. s ver o caso dos jornais, que recentemente, pelo menos no caso
dos mais conhecidos, passaram a cobrar por
contedo. Mais cedo ou mais tarde vamos
nos dar conta que o digital no mais um
side-business, e sim parte central de qualquer empresa, sobretudo de contedo. A
partir do momento em que o produto final
tiver como material apenas um aglomerado
organizado de bytes, e tiver toda a web como
concorrncia, passaremos a dar a devida
ateno aos modelos de negcios. Estamos
no caminho, e o relgio vai se movendo.
Ningum conseguir parar com a evoluo
agora. Nem usurios, nem empresas de tecnologia, nem fabricantes de aparelhos, nem
produtores de contedo. Todos dependemos uns dos outros, mais do que nunca.

Julius Wiedemann
Diretor de publicaes digitais da editora
alem Taschen (www.taschen.com), alm
de editor-chefe das reas de design e pop culture. Julius viaja 70% do seu tempo, dividindo
residncias entre o Rio de Janeiro, Cambridge,
no Reino Unido, e Colnia, na Alemanha.
E-mail: letschat@juliuswiedemann.com

86 > CRIAO | WIDE |

45

Aqui, ali, em qualquer lugar Michel Lent

A era do Snail-Email
H muitos anos voc no vai se lembrar
porque provavelmente no tinha nascido
ou ainda no sabia escrever o e-mail no
existia. Ou melhor, existir existia desde os
anos 1960, mas praticamente ningum no
mundo usava.
Se voc quisesse mandar uma mensagem escrita para algum,
usava o que a gente chamava de carta. As cartas eram escritas
a mo ou datilografadas em uma mquina de escrever (procure
na Wikipedia), colocadas em um envelope e levadas at o correio (aquele lugar por onde chegam as encomendas do eBay),
onde ganhavam um selo e eram enviadas para o destinatrio de
caminho ou avio. Depois, um carteiro (isso, de carne e osso!)
levava o envelope pessoalmente at sua casa ou escritrio e a
carta finalmente chegava.
Esse processo todo evidentemente era demorado. As cartas enviadas pelo correio demoravam alguns dias para chegar
at o destinatrio. Fosse na mesma cidade ou pas, uns poucos
dias. Fosse para fora do Brasil, podiam levar semanas. Uma
comunicao por carta podia levar at quase um ms entre a
primeira e a resposta.
Mas voc com certeza j sabia disso tudo. Deve ter aprendido
sobre isso em uma aula de Histria ou visto um documentrio
sobre o assunto no Discovery History, no mesmo? ;)
Depois, com o e-mail, aquilo que levava um ms para acontecer passou a ocorrer em segundos ou, no mximo, em alguns
minutos. Precisa falar ou mandar alguma info para algum que
est longe? Manda um e-mail. Chega em segundos, a pessoa l
e responde. Tudo muito rpido e nem precisa de selos! Foi, sem
dvida, uma mudana radical na vida das pessoas.
Da o correio eletrnico, conhecido de todos ns como o
e-mail, tornou-se popular. E mais e mais gente comeou a usar at
um ponto em que praticamente todo mundo que a gente conhecia passou a ter.
E ficou to fcil essa comunicao eletrnica que novas formas de mensagem foram surgindo. Instant messengers, recados
em redes sociais, muitas redes sociais. E a gente foi abrindo mais
contas de e-mail, uma para o trabalho, outra pessoal, outra para o
blog e por a afora.
E quando menos nos demos conta, havia tanta, mas tanta,
mas tanta mensagem para ler e responder, que uma coisa estranha aconteceu. Aquela mensagem eletrnica que levava segundos para chegar passou a demorar dias para ser respondida.

46

| WIDE | 86 > CRIAO

Porque sim, os sistemas continuaram fazendo as mensagens

chegarem instantaneamente, mas elas comearam a ser tantas
que simplesmente comeamos a no dar conta mais de responder na mesma velocidade. E, de repente, as comunicaes
comearam a demorar novamente. s vezes, tanto quanto as
antigas cartas de papel.
No aconteceu com todo mundo, nem todo mundo se deu
conta disso ainda. E tem muita gente que manda e-mail, scrap,
DM e algumas horas depois lhe manda outra perguntando por
que voc no respondeu ainda a primeira. Mas, muita gente j
percebeu e cada vez mais vamos nos acostumar que a comunicao voltar a demorar para acontecer. Agora no mais porque a carta demora para chegar, mas simplesmente porque a
gente demora para chegar na mensagem que recebemos, uma
vez que so tantas.
Em ingls, o correio tradicional, pela sua demora, foi carinhosamente apelidado de snail-mail, em portugus correio
lesma. Pois sejam bem-vindos era do snail-email o correio
eletrnico lesma! No porque seja lento, mas porque simplesmente no d mais para a gente ser to rpido em responder
tanta mensagem.

Michel Lent Schwartzman

Designer grfico pela PUC-Rio e mestre em Telecomunicaes Interativas
pela New York University. Em 2002, fundou a 10Minutos, agncia que
juntou suas operaes com o grupo Ogilvy, em 2009, passando a
funcionar sob a bandeira OgilvyInteractive Brazil, empresa da qual Michel
foi gerente geral e vice-presidente de criao. Em 2011, assumiu a vice-presidncia estratgica do Grupo Pontomobi/RBS, empresa lder em
mobile marketing no pas. Ao longo de mais de quinze anos de carreira,
foi premiado nos principais festivais internacionais, com trabalhos vencedores em Cannes, Clio, Art Directors, One Show, London Festivals, FIAP, El
Ojo de Iberoamrica, entre outros.
Twitter: @lent
E-mail: lent@pontomobi.com.br

Junte-se a WidePartners e aproveite as vantagens!

Receba a revista Wide em casa, cadastre currculos e consulte vagas disponveis. Alm
disso, publique artigos para ficarem abertos ao pblico, ganhe descontos em eventos
e produtos no Shopping Wide, participe de fruns entre os associados e muito mais!

www.widepartners.com.br
86 > CRIAO | WIDE |

47

BOCA A BOCA

NA WEB

BUZZ
MARKETING
Por Flvia Freire

Voc j compartilhou campanhas

online sem perceber. Chegou a
hora de pensar estrategicamente
para causar esse efeito no
pblico-alvo de seus clientes.
Era uma vez um rapaz chamado
Leo Fressato, que aos 22 anos
de idade escreveu uma msica
chamada Orao. A cano, que
possui apenas duas estrofes,
foi gravada pelA Banda Mais
Bonita da Cidade, de Curitiba,
formada em 2009 e de quem
Leo era amigo e j fazia algumas
participaes em shows. Uma
simples ideia, inocente, porm
brilhante e trabalhosa, levou o
grupo a se tornar conhecido
nacionalmente.

48

| WIDE | 86 > CAPA

o clipe, gravado em formato

de plano sequncia em fevereiro deste ano em Rio Negro,
no Paran, Leo canta a msica
caminhando por uma casa onde
vai encontrando amigos e msicos que o acompanham, at todos
se reunirem em uma sala e cantarolarem juntos a cano. Depois
de postado no YouTube, em apenas uma semana o vdeo j possua
mais de dois milhes de visualizaes. O clipe de Orao nos deu
visibilidade nacional. No tnhamos ideia de que isso iria acontecer.
osso objetivo era fazer um vdeo bonito para passar aos amigos.
Sabe aquela coisa de daqui a uns anos quero mostrar isto para meus
filhos? Foi isso, declara Diego Plaa, o baixista. Hoje, com quase sete
milhes de visualizaes pelo canal oficial da banda no YouTube,
a agenda est repleta de shows marcados por todo o Brasil. Nosso
dia a dia agora est dividido entre produo do disco, realizao de
shows e entrevistas. Alm disso, alguns de ns largaram seus empregos para se dedicarem banda, diz.

A banda mais bonita da cidade clipe da msica Orao

youtu.be/QW0i1U4u0KE

Mesmo que de uma forma no intencional, o resultado positivo e

imediato proporcionado pelo clipe da msica Orao nada mais
do que buzz marketing. A qualidade musical e o formato curioso
de gravao em que o espectador se surpreende durante os seis
minutos sem cortes do vdeo fez com que o compartilhamento
na web fosse mais rpido do que os prprios integrantes da banda
esperavam. Hoje, o vdeo est com mais de 6,7 milhes de visualizaes, e continuamos com a mesma estratgia em que sempre
acreditamos: comunicao direta com o pblico pelas redes sociais.
Claro que agora tudo em uma maior proporo, completa Diego.
No devemos confundir buzz marketing com mais uma forma de
se fazer marketing, nem com um sinnimo de marketing viral. De
uma maneira bem simples, buzz (zumbido) marketing foi cunhado
para denominar aquilo que se torna popular, o bochicho, aquilo
que se comenta de forma frentica. Marketing viral vem a ser a
estratgia de marketing utilizada para produzir o buzz, que depende
da participao de pessoas previamente selecionadas. J o boca a
86 > CAPA | WIDE |

49

boca seria a ttica de contaminao usada pelo marketing viral.

Assim, o planejamento nasce do marketing viral, pretende ser
difundido pelo boca a boca, com o objetivo de gerar o buzz sobre
determinado tema, produto, marca etc., explica Paulo Rubini,
consultor de marketing e diretor de relacionamento da agncia
Mkt360Graus (www.mkt360graus.com.br).
Por promover o compartilhamento pelo prprio pblico que
curte uma campanha, o buzz marketing torna-se uma estratgia mais rentvel para as empresas. O fato de um usurio recomendar um contedo que carrega uma marca representa algo
bastante relevante para o anunciante. No apenas pelo fato de
potencializar os investimentos de mdia, mas porque ele recomenda aquele contedo que relevante. A marca passa a ter
tal usurio como seu endosser. Portanto, uma ao contendo
um viral bem-sucedido muito rentvel em uma perspectiva
que extrapola custos por impacto, ressalta Michelle Matsumo,
diretora geral da agncia One Digital (www.one.com.br).
J Moacyr Netto, diretor de criao e convergncia da agncia DM9DDB (www.dm9ddb.com.br), declara que preciso desconstruir o mito de que fazer coisas para a internet ou redes
sociais barato. Ser baratinho se o resultado que voc perseguir tambm for barato. Existe toda uma engenharia por trs
desse tipo de campanha, os vdeos so muito bem dirigidos e
acabados, a estratgia de redes sociais e divulgao espontnea, a mdia envolvida, a relao com parceiros de peso Isso
do ponto de vista de custo. Do ponto de vista de reverberao,
existem grandes campanhas em outros meios que reverberam
muito nas redes tambm, no precisa ter nascido digital, opina.

Buzz marketing como mistrio

Segundo o indiano especialista em marketing Abhinash Jena,
no artigo How does buzz marketing works out (www.projectguru.
in/publications/?p=56), o buzz pode proporcionar um sucesso
imediato quando a marca no est explcita na campanha:
No mencionar a marca ou ocultar a inteno comercial, por
exemplo, pode ampliar o poder do buzz marketing, no entanto
algumas aes podem ser consideradas como antiticas.
importante que o link para a marca no seja muito bvio, pois
pode resultar em uma resistncia por parte do pblico-alvo.
Tal resistncia se refere ao fato de a populao estar muito

Johnson & Johnson K-Y 2 em 1 Massage

youtu.be/6OXN87Cq_2U

50

| WIDE | 86 > CAPA

acostumada a ver propagandas em tantos formatos que j no

d tanta importncia ao que dito sobre determinado produto
ou marca. Diante disso, mudar a forma com que se faz propaganda para conseguir prender a ateno do pblico e, em
alguns casos, ocultar a marca, pode at ser um grande passo.
Exemplo desse tipo de ao o vdeo que foi postado no
YouTube no incio do ano passado, em que a apresentadora
de TV Fernanda Lima insinua fazer uma gravao caseira de
um momento de intimidade com o marido, o modelo e ator
Rodrigo Hilbert. Uma semana aps o suposto vazamento do
vdeo que teve mais de um milho de views e comentrios
nos principais meios de comunicao, sites de assuntos gerais
e revistas de personalidades , a Johnson & Johnson esclareceu o vdeo em uma coletiva de imprensa, apresentando o gel
lubrificante K-Y 2 em 1 Massage e seu casal-propaganda. A campanha, desenvolvida pela BorghiErh/Lowe (www.borghierhlowe.
com.br), depois de desvendada, foi alm da web. Conhecidos
do pblico como smbolos de um relacionamento saudvel,
Fernanda e Rodrigo foram escolhidos para ilustrar toda a campanha. A inteno era justamente causar um buzz a respeito de
um vdeo que vazou na internet com cenas picantes entre os
dois. Alm do viral, a campanha contou na sequncia com um
filme, alm de anncios em revistas e de materiais nos pontos
de venda. Essa uma autntica campanha integrada, que nasceu na web, utilizou o RP, desdobrou-se para a mdia impressa
e o ponto de venda, com o aval de duas celebridades absolutamente pertinentes ao target e marca, declara Jos Henrique
Borghi, presidente da BorghiErh/Lowe.
A Seda tambm mostrou competncia ao causar buzz
quando conquistou a primeira pgina dos principais portais
de moda e fofoca exibindo as fotos da apresentadora de TV
Adriane Galisteu e da atriz Tais Arajo usando modelos iguais
de um vestido em um mesmo evento realizado em So Paulo. O
fato, dado como saia justa nas reportagens dos sites, foi esclarecido alguns dias depois, quando a Seda alegou ter contratado
as duas celebridades para promover um novo xampu da marca.

Seda Adriane Galisteu e Tas Arajo

O fato de um usurio
recomendar um contedo
que carrega uma
marca representa algo
bastante relevante para o
anunciante
Michelle Matsumo
Um exemplo atual de campanha online que tem gerado
buzz por todo o mundo, inclusive no Brasil, a Being Henry,
desenvolvida pela Less Rain (www.lessrain.com) para apresentar
o carro Range Rover Evoque. No hotsite da campanha, o usurio assume todas as decises de Henry em um game em vdeo
interativo, que possui nove histrias originais e que podem chegar a 32 finais diferentes. Todos eles levam Henry a adquirir o
Range Rover Evoque.

Range Rover Evoque Being Henry

www.helloevoque.com/beinghenry/pt-br/

Existe hora certa para lanar campanhas de buzz

marketing?
Parece uma questo pouco importante, porm imprescindvel saber casar uma campanha com o que vem ocorrendo na
realidade. Paulo Rubini d como exemplo de fracasso a inteno da RedBull de distribuir seu produto em meio a uma tragdia ocorrida em uma estao de metr em So Paulo. Sem um
bom planejamento, o suposto buzz pode se tornar um tormento
ou produzir efeito negativo para a marca. Lembram da ao do
RedBull na cratera do metr em SP? A marca pretendia gerar
um buzz por mdia espontnea, mas a repercusso foi negativa
pela percepo de que a marca usava de um desastre com consequncias terrveis para se promover, conta. Para que os profissionais de marketing no caiam no mesmo erro, Paulo apresenta os 16 princpios de Andy Sernovitz, autor do livro Word of
mouth marketing (Marketing boca a boca), que ensinam como
fazer sucesso no modelo:
86 > CAPA | WIDE |

51

16 PRINCPIOS DE ANDY SERNOVITZ:

COMO FAZER SUCESSO COM CAMPANHAS DE BUZZ

MARKETING

07. Faa uma newsletter para seus interlocutores mais prximos;

08. Escolha um caminho fcil para espalhar o boca a boca;
09. Coloque um boto envie para um amigo em seu site;

01. Procure pessoas que esto falando de voc na internet;

10. Oferea uma oferta queles que encaminharem seus e-mails

02. Decida em quais conversas vai participar. Comece hoje;

11. Coloque um pequeno presente e uma ferramenta do boca a

03. Crie um blog;

boca em todos os produtos que enviar;

04. Crie uma nova regra: pergunte-se sobre a importncia daquela

12. Tenha um espao privado na internet para que seus interlocutores mais prximos possam conversar;

informao e se merece ser espalhada em todos os encontros na

internet;

13. Pea desculpas pelos seus erros e resolva problemas com

05. Apresente um argumento estrondoso e simples nas dis-

rapidez;

cusses;

14. Associe-se a instituies beneficentes;

06. Coloque alguma coisa criativa na porta do seu escritrio que

vai fazer com que as pessoas lembrem-se de falar de voc para um
amigo;

15. Faa alguma coisa inesperada;

16. Seja legal.

Integrao com as redes sociais

H pouco mais de um ms, a Nissan do Brasil apresentou a
picape Frontier de uma forma bem diferente do que outras
montadoras vm fazendo para promover seus lanamentos.
Na campanha, desenvolvida pela LewLara\TBWA (www.lewlaratbwa.com.br), a pergunta Voc quer uma picape que tenha
cavalos ou pneis? introduz uma histria bem-humorada, na
qual diversos pneis cantam e convidam o pblico a atolar
com eles na lama. Tal estratgia visa promover os 172 cavalos
do motor da Nissan Frontier. Na verso especial para a internet, o vdeo seguido de uma mensagem que intima o usurio a divulgar imediatamente o vdeo para dez pessoas, seno
a Maldio do Pnei poder atingi-lo. Tal maldio deix-lo
eternamente com a msica do Pnei Maldito na cabea. Hoje,
temos mais de nove milhes de views no YouTube. Quanto
isso em dinheiro? O buzz mdia gratuita. Para a Nissan, foi custo

Nissan do Brasil Pneis Malditos

youtu.be/X3yGSJE53kU

52

| WIDE | 86 > CAPA

zero. E o fato de voc comentar com os amigos traz ainda mais

credibilidade para a mensagem. De qualquer forma, voc precisa de um marketing tradicional fora do comum. O comercial
dos Pneis Malditos muito engraado, todo mundo ri quando
passa na TV. Se fosse algo tedioso, no teria ativao online que
ajudasse, declara Manir Fadel, vice-presidente de criao da
LewLara\TBWA.

Hoje, no h campanha sem

ativao em mdia social.
Difcil fazer bem feito
Manir Fadel

Ao acessar o site www.maldicaodoponei.com.br, o usurio

encaminhado para o aplicativo do Facebook, produzido pela
Pivot Produtora Interativa (www.ppivot.com.br), que apresenta
um filme introdutrio no qual o pnei explica como possvel livrar-se da maldio. O usurio pode gravar sua prpria
maldio e enviar aos seus amigos um vdeo personalizado
com a sua voz distorcida ou compartilhar uma das maldies
predefinidas. Os amigos amaldioados recebero um post em
seu mural durante cinco dias, at que acessem o aplicativo,
compartilhem e livrem-se da maldio. Hoje, no h campanha
sem ativao em mdia social. Difcil fazer bem feito. No nosso
caso, deu certo e atingimos o objetivo, que fazer os prprios
usurios espalharem a nossa campanha. No espervamos
tanto sucesso apesar de termos trabalhado para isso. A corrente

com a maldio do pnei grudada no comercial que est no

YouTube ajudou muito na viralizao, apoiada tambm com a
ao no Facebook, diz Manir. Por cinco dias seguidos a campanha esteve nos trending topics do Twitter no Brasil e por quatro
dias no mundo, alm de receber cerca de 450 mil menes. Com
a campanha, a fanpage da Nissan ganhou mais de 57 mil novos
fs, o aplicativo dos Pneis Malditos ultrapassou 500 mil visualizaes e mais de 27 mil maldies foram enviadas. No ranking
de fanpage de montadoras, a Nissan passou de 14 para 3. Tudo
isso somente na primeira semana do lanamento da campanha.
A primeira ao de integrao com o Facebook no Brasil
foi lanada pela One Digital para a Nextel, em que o ator Fbio
Assuno interpretava o psicanalista Dr. Saulo que revelava curiosidades sobre seus pacientes amigos do usurio
no Facebook em um vdeo que era o centro da campanha.

Planejada para gerar buzz, deu certo. A agncia criou o conceito ser feliz ser quem voc , que era adequado e somava
campanha como um todo. O vdeo no apenas tinha um
contedo interessante, mas foi planejado para ser facilmente
viralizvel. O usurio no s escolhia os pacientes do Dr.
Saulo entre seus amigos da rede social, como tambm fazia
parte da histria. Ao final, a opo de publicao desses vdeos
nos murais dos participantes era um step em destaque e bastante simples em termos de usabilidade. Alm disso, o vdeo
tambm era integrado ao mobile em uma ao de Call Back.
Ou seja, o Dr. Saulo ligava para aqueles que participavam da
campanha. Esse elemento surpresa foi muito comentado
em vrias redes sociais e alavancou bastante o interesse em
realizar a experincia proposta pela ao, declara Michelle
Matsumo, diretora geral da One Digital.
86 > CAPA | WIDE |

53

Nextel Campanha com Fbio Assuno (Dr. Saulo)

A escolha pelo Facebook como principal rea de contato com

o target tambm foi estratgica para a campanha da Nextel.
nessa rede que se concentra a maioria do pblico de interesse
da marca. Um pblico qualificado e trendsetter, diz Michelle. A
campanha esteve no ar durante seis meses, perodo em que a
One Digital mensurou o resultado do aplicativo. Mais de 200
mil vdeos foram feitos, e tivemos cerca de 500 mil visualizaes dos vdeos publicados. O tempo mdio de interao foi
de sete minutos, aproximadamente, e tivemos cerca de oito
milhes de impactados somente na fase de integrao com o
Facebook, revela Michelle.

Buzz bem-humorado: quem no quer rir e divulgar

histrias cmicas?
Ed, o Nerd, um taxista chamado Silas Simplesmente e um emo
chamado Eloy. Trs personagens interpretados pelo humorista
Marco Luque para contar, de maneiras diferentes, as vantagens de ter uma iConta Ita. Foi assim que a DM9DDB planejou
a campanha, lanada em junho deste ano. Tivemos muitas

Est na essncia humana

compartilhar, e isso nem
sempre tem a ver com o que
a marca necessita dizer, mas
sempre com as sensaes
que queremos passar para os
nossos amigos
Moacyr Netto
54

| WIDE | 86 > CAPA

discusses saudveis com o Luque e com o cliente para definir exatamente o peso do produto e o entretenimento em cada
material. Nos vdeos do produto, contextualizamos os features
da iConta dentro de histrias bem-humoradas. E, para deix-los
ainda mais atrativos, sugerimos a criao de um personagem
indito para o Luque: Ed, o Nerd, que ficou rico e continua mais
nerd do que nunca, com orgulho. A estratgia deu to certo que
o vdeo do Ed o mais assistido, ou seja, passamos as mensagens divertindo as pessoas e surpreendendo, relata Moacyr
Netto, diretor de criao e convergncia da DM9DDB.
Por se tratar de um produto que nasceu para os canais digitais, a campanha foi desenvolvida totalmente para a web. A
pertinncia entre o produto e a mdia so fundamentais para
o sucesso da campanha. Foi uma opo estratgica para posicionar o produto, diz Moacyr, que defende a comdia como
um gnero ideal para gerar o compartilhamento na web. Est
na essncia humana compartilhar, e isso nem sempre tem a ver
com o que a marca necessita dizer, mas sempre com as sensaes que queremos passar para os nossos amigos. Nesse caso,
juntamos as duas coisas. No tem nada mais poderoso que a
oportunidade simples e prtica de fazer um amigo rir, diz.
O vdeo de Ed, o Nerd, alcanou quase 800 mil views em
menos de um ms, o do emo Eloy ultrapassou 700 mil e o do
taxista Silas chegou a quase 600 mil visualizaes. Segundo
Moacyr, para que a ideia tida pela DM9DDB fizesse sucesso
haveriam de encontrar um personagem ideal para apresentar
o produto. Parte do sucesso da campanha se deve a encarar a
internet como um meio de massa eficaz, capaz de comportar,
hoje, uma campanha massiva de lanamento de produto, com
investimentos relevantes e cuidados de planejamento, execuo e produo generosos. Ao usar a linguagem e os valores
da internet, trouxemos a modernidade que o produto demandava e conseguimos, de forma natural e divertida, transmitir
seus atributos. No planejamento da campanha buscamos uma
personalidade que tivesse atributos semelhantes no seu DNA,
por isso optamos pelo Marco Luque: um cara que tem personagens ilimitados, nasceu no ambiente digital e, para iniciar a

iConta Ita Ed, o Nerd

www.itau.com.br/iconta

86 > CAPA | WIDE |

55

Claro Tablets e smartphones

youtu.be/TIrOd9Vrv9g | youtu.be/E31P58QVuow

campanha, ofereceu um show grtis no YouTube para todo o

Brasil (youtu.be/k5aHXEKCtMo). Com um timo produto e esse
equilbrio entre mensagem e entretenimento, tnhamos uma
tima expectativa para o resultado da campanha, que felizmente se confirmou e at surpreendeu.
Bastante cotado no mercado, Marco Luque tambm faz
parte da campanha da Claro, juntamente com o ex-jogador
Ronaldo, para promover os tablets e smartphones vendidos
pela operadora. Assinados pela Ogilvy & Mather (www.ogilvy.
com.br), os dois vdeos de trs minutos cada, em formato de
talkshow com auditrio, geraram buzz imediato devido ao bom
contedo, segundo Daniel Trtaro, diretor de integrao digital
da agncia. Se voc tem um bom contedo, as pessoas vo querer mostrar isso para as outras, vo querer compartilhar suas
experincias. Uma excelente produo fundamental. O vdeo
a forma mais confortvel de consumir um contedo na web.
Queremos que as pessoas se divirtam e compartilhem esses
momentos com os outros, esse o objetivo da campanha, diz.
Em um dilogo bem leve e natural, Ronaldo e Marco Luque
falam sobre as funcionalidades dos aparelhos em meio a
comentrios bem-humorados. O carisma dos protagonistas
conquistou o pblico e gerou uma rpida disseminao da
campanha na web. Em um dos vdeos tivemos mais de um
milho de visualizaes em menos de um ms. A estratgia foi
dar ignio no contedo em canais que tenham aderncia com
o pblico e esperar que eles faam o resto.
Lanado no to recentemente, o vdeo da campanha online
da UOL para divulgar a Emprego Certo, em que um massagista
de modelos se queixa de sua profisso, a Borghierh/Lowe pensou na estratgia como um buzz marketing, primeiramente lanada no canal virtual. Com o sucesso de views e o buzz causado
ao redor dela, resolvemos tambm veicul-la em outros meios,
como TV e cinemas. Ao criarmos o filme, decidimos utilizar
uma linguagem bem-humorada e divertida, que comunicasse
de maneira inusitada e diferenciada, declara Jos Henrique
Borghi, presidente da BorghiErh/Lowe, que revela o resultado

56

| WIDE | 86 > CAPA

Emprego Certo/Uol / Massagista de modelos

youtu.be/mSuRpPg1ubg

impressionante alcanado com a campanha. Sucesso absoluto

na internet, com mais de dois milhes de views no YouTube em
apenas uma semana, o filme Massagista foi shortlist em TV no
Festival de Cannes de 2009, alm de prata no Wave Festival e
no CCSP e bronze no El Ojo de Iberoamerica.

De curioso morreu o gato

e como ainda morrem gatos, ento! Curiosidades atraem e
so razo de muito burburinho na web. Em 2006, por exemplo,
a Dove alcanou mais de 40 mil visualizaes no primeiro dia
em que postou no YouTube a campanha produzida pela Ogilvy
& Mather (www.ogilvy.com.br) de Toronto. O vdeo exibia todo o
processo de construo de um outdoor, desde a maquiagem da
modelo at os retoques da foto feitos no Photoshop, para promover a seguinte mensagem: No de admirar que nossa percepo de beleza esteja distorcida. Em apenas um ms, mais de
um milho e 700 mil pessoas j haviam assistido ao vdeo. Hoje,
ele ainda usado como referncia de marketing viral e possui
mais de treze milhes de visualizaes.

Dove Dove Evolution

youtu.be/iYhCn0jf46U

Vivo Clipe da msica Eduardo e Mnica

youtu.be/gJkThB_pxpw

Recentemente, houve comentrios na internet de que estava

sendo gravado um clipe da msica Eduardo e Mnica, da Legio
Urbana. A banda, que acabou em 1996, ano em que o vocalista
e compositor Renato Russo faleceu, ainda mantm milhares de
fs pelo Brasil, e a notcia sobre o suposto clipe despertou muita
curiosidade no pblico. Semanas depois, em junho deste ano,
a Vivo postou sua campanha do Dia dos Namorados apresentando um vdeo criado pela Agncia Africa (pt-br.facebook.com/
agenciaafrica) com produo da O2 Filmes (www.o2filmes.com)
em que os atores Pedro de Vitto e Thas Medeiros interpretam
Eduardo e Mnica em dias atuais, mostrando a utilizao de celulares, smartphones e tablets. Em dois meses, o vdeo ultrapassou
oito milhes de views no canal oficial da Vivo.

O fato de o YouTube
ser gratuito, fcil de
ser usado e de grande
alcance no significa
garantia para um vdeo
se tornar popular.
necessrio muito suor
e planejamento para se
conseguir um sucesso
de buzz
Paulo Rubini

86 > CAPA | WIDE |

57

Atingindo o nmero de views desejado

As ferramentas so gratuitas: YouTube, Facebook, Twitter So
fceis tambm e possuem uma grandiosa gama de usurios.
Mesmo com todas essas vantagens, no simples desenvolver
uma campanha de buzz marketing. O fato de o YouTube ser
gratuito, fcil de ser usado e de grande alcance no significa
garantia para um vdeo se tornar popular. necessrio muito
suor e planejamento para se conseguir um sucesso de buzz.
Entretanto, a chance de sucesso a partir da internet muito
maior e mais barata do que nos meios tradicionais, declara
Paulo Rubini, que lista algumas dicas de Dan Arckman, da agncia The Comotion Group (www.thecomotiongroup.com), para
quem busca alta visibilidade no YouTube:

Sucesso no YouTube
Por Dan Arckman

01. Contedo no o nico responsvel: ele brinca usando a

expresso content is NOT the king em referncia mxima
na internet que diz que tudo depende do contedo. Sim,
alguma coisa depende, mas outras caractersticas tambm so
importantes, como durao (nunca mais do que 30 segundos),
capacidade de ser remixado, no ter cara de publicidade etc.;
02. Trabalhe bem os ttulos: ttulos como por trs das cenas,
chocante etc. captam a ateno dos usurios e geram mais
cliques;
03. Lance todo o seu material simultaneamente: um cliente
uma vez disse que ia lanar toda semana um vdeo diferente.
O conselho aqui lanar todo o material no ar de uma vez s,
lembrando sempre que a caixa de vdeos relacionados est ali
para isso aumentar a exposio da marca;
04. Tagueamento estratgico: outra grande dica. Invista em
tags que ningum mais usa e repita as mesmas tags em todos
os vdeos da campanha, explorando assim, mais uma vez, a
caixa de vdeos relacionados.
05. Faa uma medio eficaz: ele indica as ferramentas
TubeMogul (www.tubemogul.com) e o VidMetrix (www.vidmetrix.com) para medir a eficincia das campanhas.

58

| WIDE | 86 > CAPA

Para Michelle Matsumo, o segredo para que uma campanha

cause o buzz na web entender o usurio. Deve-se saber o
que interessa a ele e a seu grupo, entregar esse contedo de
forma a atend-lo e surpreend-lo e, claro, formatar o projeto
de maneira a facilitar a questo da viralizao em termos de
usabilidade: tem que estar em destaque e ser rpido e simples.
Basicamente, o usurio deve sentir uma simplicidade na ao
proposta, aliando fatores de seu convvio de forma a transport-lo para dentro da comunicao.
Alm das ferramentas indicadas por Dan Arckman, Paulo
Rubini sugere outras duas para acompanhar o buzz causado
pelas campanhas: Principalmente no meio digital, indico a ferramenta gratuita Google Analytics (www.google.com/analytics)
e a paga Brandviewer (www.brandviewer.com.br). Esta segunda
mede a temperatura da marca na rede, indicando opinies
positivas, neutras e negativas. Alm disso, fornece grficos
com a evoluo da visibilidade por perodo. Ou seja, voc pode
monitorar o resultado de uma ao viral dentro de um perodo
determinado, diz.
Quantas das diversas campanhas apresentadas nesta reportagem voc j divulgou para seus amigos? No mnimo duas, no
mesmo? Sentir que descobriu algo interessante na web e querer compartilhar faz parte dos momentos mais agradveis que
passamos em frente tela de um computador. Logo, pode-se
compreender o poder do buzz marketing e passar a pensar de
forma estratgica para que o buzz seja gerado nas campanhas
online sejam elas interativas ou no, publicadas no Facebook,
no YouTube ou em qualquer outra rede. E no para desanimar diante das grandes produes de agncias de publicidades reconhecidas. para se inspirar! Nem sempre preciso
investir pesado para lanar uma campanha de buzz marketing.
Lembre-se do clipe de Orao, dA banda mais bonita da cidade
(no incio desta matria), no qual vrios amigos se juntaram,
cada um arcando com suas despesas, simplesmente para se
divertirem ao gravar um vdeo interessante, mas que foi parar
at no programa Fantstico, da Rede Globo.

86 > CAPA | WIDE |

59

tecnologia

CRIE APLICAES QUE SUPORTEM

MUITOS ACESSOS SIMULTNEOS COM

Node.JS
Conhea esta poderosa
biblioteca JavaScript
utilizada para o
desenvolvimento de
projetos em ambiente web
que exigem larga escala de
servidores e alta potncia
dos sistemas

Por Flvia Freire

plicaes como chats online, jogos multiplayer, integraes com aplicativos

desktop, informaes em tempo real e
projetos que necessitam de muitas requisies simultneas agora podem ser
desenvolvidas sem preocupaes. O Node.JS (www.nodejs.org)
uma biblioteca JavaScript desenvolvida h pouco mais de dois
anos pelo americano Ryan Dahl, que tem como objetivo principal permitir a criao de sistemas que necessitem de muitos
acessos concorrentes. Quando ele criou o Node.JS, seu objetivo
era atender aplicaes de rede com grande demanda de conexes simultneas. Essa filosofia ajuda a atender mais usurios
com menos recursos computacionais. Por conta dessa abordagem, o Node.JS tornou-se uma tima opo no a nica para
desenvolver aplicaes em tempo real (realtime), diz Emerson
Macedo, arquiteto de software da Globo.com.
Devido ao pouco tempo de existncia e ao enorme potencial,
o Node.JS passa por um perodo de avaliao e experimento por
parte dos desenvolvedores, mas ainda no atinge grande parte
deles devido a detalhes bastante determinantes, segundo Diego
Nunes, gerente de desenvolvimento e lder de solues tecnolgicas da Microwave Digital Works. Apesar do boom que ele tem
sofrido nos crculos de desenvolvimento, a adoo real do Node.
JS ainda muito tmida por uma srie de fatores, como limitao de plataforma de execuo, j que atualmente no roda no
Windows oficialmente, imaturidade de muitas libraries bsicas,
falta de entendimento da linguagem por parte dos programadores que vieram do mundo orientado a objetos etc. O Node.JS um
interpretador da linguagem JavaScript que fornece uma srie de
libraries para trabalhar com o sistema de arquivos, fluxo de rede,
bancos de dados algo parecido com o que o Python pode fornecer com suas libs de I/O baseadas em eventos. Entendido isso,
a explicao simples que o JavaScript tem uma natureza assncrona que foi transportada para as libs do Node.JS. Nele, os trabalhos mais pesados so feitos em background e disparam uma
funo especificada por voc ao final da execuo. O Node.JS
um potencial substituto para uma mirade enorme de casos, mas
ele foi desenvolvido tendo em mente aplicaes com acessos de
longa durao. Aplicaes com sockets em geral, rotinas executadas periodicamente e com uma grande quantidade de acessos
simultneos so alguns dos casos em que o Node.JS parece uma
resposta muito bvia, diz.
Voc pode ver o resultado de algumas aplicaes desenvolvidas em Node.JS nos cases apresentados nas prximas pginas
desta reportagem, que mostram sistemas de mensagem instantnea, games multiplayers, sistemas remotos, entre outros. As
gigantes tambm esto atentas ao poder da biblioteca e j a utilizam em suas ferramentas, como fez a Google, utilizando Node.
JS e CoffeeScript para desenvolver o Google+Scraper (github.
com/fhemberger/googleplus-scraper), funcionalidade da nova
rede social que visa recuperar dados do perfil dos usurios caso

haja mudanas no HTML.

Um exemplo de uso do Node.JS em uma aplicao brasileira a sala de aula virtual Treina TOM (www.treinatom.com.br),
desenvolvida pela equipe da e-Genial (www.egenial.pro). Apesar
de se tratar de uma tecnologia emergente, com Node.JS conseguimos criar muito mais aplicaes, inclusive para desktop,
mobile, setboxes/games, tablets etc. Na e-Genial estamos
migrando para Node.JS o nosso produto Treina TOM, que permite ministrar cursos, eventos e treinamentos em tempo real
pela internet. Com ele, conseguiremos reduzir nosso nmero
de licenas de Flash Media Server e escalar com muito mais
facilidade e a um custo pelo menos 80% mais barato que uma
licena do Flash Media, declara Carlos Eduardo, diretor de tecnologia e inovao da e-Genial, que oferece um curso online de
Node.JS (www.egenial.com.br/nodejs).

Como o Node.JS funciona

Por ser um framework server-side JavaScript para produo de
aplicativos web que fazem muitas requests ou mantm a conexo aberta para carregar mais dados, o Node.JS altera a forma
que o servidor trabalha, possibilitando, assim, a criao de aplicativos altamente escalveis, com cdigos que manipulam
muitas conexes simultneas em uma nica mquina fsica, de
forma a economizar o uso de diversos servidores. O Node.JS
um servidor escrito em C, C++ e a sua API para os programadores
utiliza JavaScript. O Node pega as operaes que envolvem I/O
bloqueante (rede e disco) e as envia para um Thread Pool, que
implementado usando libeio. Dessa forma, o fluxo de execuo
do programa continua, e quando essa operao bloqueante termina o fluxo direcionado para o handler desse evento, usando
um listener de eventos ou uma funo de callback, dependendo
da implementao do programador, explica Emerson. Para
execuo de JavaScript no servidor, o Node.JS utiliza a engine
V8, que o interpretador de JavaScript criado pelo Google para
o navegador Chrome. O JavaScript uma linguagem interpretada. Ryan Dahl usou o V8 e criou uma srie de libraries otimizadas para ele. O Node.JS consiste em vrios componentes, mas o
crebro por trs de tudo praticamente o mesmo V8 que roda
no Google Chrome. O fato de o Node.JS executar JavaScript no
servidor traz uma srie de diferenas para o JavaScript com que
estamos acostumados a lidar no browser: voc pode escrever
cdigo para acessar banco de dados, manipular arquivos, fazer
requisies web arbitrrias Muitas das limitaes que os navegadores impem caem por terra e o JavaScript pode ser usado
em todo o seu potencial, diz Diego.
O V8 acaba com o transtorno de o JavaScript ser interpretado
de diferentes maneiras de acordo com cada browser. interessante notar que o JavaScript sempre foi uma linguagem muito
poderosa, mas que ganhou uma fama ruim entre os desenvolvedores porque existem diferentes interpretadores de JavaScript
cada navegador escreveu o seu. Obviamente, por mais que haja
86> TECNOLOGIA | WIDE |

61

TECNOLOGIA

um padro por trs da linguagem o ECMA 262 , muita coisa

funciona de forma inconsistente: o mesmo cdigo JavaScript se
comporta de maneira diferente no Opera e no Firefox, por exemplo. No Node.JS no h essa preocupao, porque s existe um
interpretador da linguagem. Alm disso, o V8 est sempre sendo
atualizado e voc pode utilizar sem problemas alguns recursos
de JavaScript que ainda no esto disponveis para todos os
navegadores, explica Diego.
CONFIRA UM SERVIDOR WEB ESCRITO EM NODE QUE RESPONDE
COM HELLO WORLD PARA QUALQUER SOLICITAO:

var http = require(http);

http.createServer(function (req, res) {
res.writeHead(200, {Content-Type: text/
plain});
res.end(Hello World\n);
}).listen(1337, 127.0.0.1);
console.log(Server running at
http://127.0.0.1:1337/);

Para rodar o servidor, coloque o cdigo em um arquivo example.js e

execute-o com o programa node:

Transloadit (www.transloadit.com)
Servio em que se pode criar um fluxo para receber vdeos.
Nesse fluxo, possvel fazer encoding do vdeo, extrair thumbnails, fazer armazenamento, entre outros. O uso do Node.JS
interessante pelo fato de o upload de arquivos ser uma tarefa
que utiliza muitos recursos de rede.

62

| WIDE | 86 > TECNOLOGIA

% node example.js
Server running at http://127.0.0.1:1337/

Infraestrutura no bloqueante, baseada em eventos

Para suportar uma boa quantidade de conexes simultneas,
o Node.JS trata as operaes de I/O bloqueantes de forma diferente das no bloqueantes. O fato de usar um Event Loop em
vez de criar uma thread por requisio um fator fundamental
para seu modelo escalar muito bem, permitindo um nmero
bastante alto de conexes simultneas de maneira bem mais
simples de implementar do que outros modelos, como, por
exemplo, o de um thread por request, diz Emerson. Ele tambm explica como essa maneira simplificada de permisso de
conexes funciona: A maior vantagem da infraestrutura no
bloqueante do Node.JS no precisar aguardar a latncia de
rede para realizar outra tarefa. Em um modelo bloqueante, a
thread corrente precisa aguardar a operao de I/O terminar,
consumindo, portanto, recursos computacionais importantes.
No caso do Node, que single thread, no existe esse bloqueio, a
no ser que o programador assim faa. Geralmente, o consumo
de memria sensivelmente menor e o servidor consegue
atender a mais conexes simultneas.

Yammer (www.yammer.com)
Rede social corporativa. Utiliza Node para resolver algumas partes
crticas de alta concorrncia.

O nmero de conexes simultneas permitido com o Node.JS

alto, mas no deixa de ter um limite. O limite de conexes passa
a ser o estabelecido pelo sistema operacional e pelas limitaes
de recursos da mquina, como fluxo de rede, processamento etc.
O Node.JS permite isso graas sua caracterstica assncrona e a
seu cdigo baseado em um loop de eventos. Em vez de receber
uma conexo, manter essa conexo aberta e em espera durante
a execuo para, ao final, responder, o Node.JS recebe a conexo,
deixa-a no canto enquanto processa e, ao final, dispara dados
para ela. A conexo, enquanto no est sendo ativamente utilizada para trafegar dados, praticamente no consome recursos
da mquina, diferentemente do que acontece no Apache, por
exemplo. O Node.JS no aloca os recursos assim que recebe a
conexo, o que permite que uma grande quantidade de conexes simultneas no gere um impacto considervel na performance do servidor, explica Diego.
Os princpios do Node.JS podem ser confundidos com a
funo exercida pelo Apache. Diego compara os dois e mostra
para que cada um mais adequado: O Node.JS pode ser usado
para fazer parte do servio do Apache, mas h muitas diferenas. O Apache atende a um propsito bem definido e nico:
servir requisies HTTP e HTTPS. Ele vem pronto para isso,
enquanto o Node.JS pode fazer muito mais, mas, em essncia,
no faz nada. O Apache seria a esttua dentro do Kinder Ovo
ele vem pronto e s faz uma coisa , enquanto o Node.JS uma

MockingBird (www.gomockingbird.com)
Ferramenta de wireframe j famosa que utilizou o Node.JS para
a parte de wireframe colaborativo. Vrias pessoas podem fazer
juntas, ao mesmo tempo, com sincronia em tempo real.

O FATO DE USAR EVENT LOOP

UM FATOR FUNDAMENTAL PARA
SEU MODELO ESCALAR MUITO
BEM, PERMITINDO UM NMERO
BASTANTE ALTO DE CONEXES
SIMULTNEAS DE MANEIRA BEM
MAIS SIMPLES DE IMPLEMENTAR
DO QUE OUTROS MODELOS
EMERSON MACEDO

Plurk (www.plurk.com)
Rede social que utilizou o Node.JS para o sistema de comentrios
em tempo real.

86> TECNOLOGIA | WIDE |

63

TECNOLOGIA

caixa de Lego voc precisa montar para que se transforme em

alguma coisa. possvel utilizar o Node.JS para rodar PHP, por
exemplo, assim como no Apache. De fato, possvel reproduzir
em Node boa parte da funcionalidade do Apache, seno toda.
Obviamente, isso elimina boa parte das vantagens do Node.JS e
faz pouco sentido, mas serve de ilustrao.
Vale enfatizar que o Node.JS no trabalha necessariamente
com o protocolo HTTP, que o que se usa, por exemplo, para
acessar um site ou um arquivo qualquer na internet. O Node.JS
funciona abaixo dessa camada de abstrao e pode lidar com
sockets TCP ou UDPs crus ou implementar qualquer protocolo
que funcione sobre TCP ou UDP (HTTP, FTP, IRC, IMAP, XMPP).
A natureza assncrona das libraries do Node.JS facilita que uma
aplicao seja escalvel porque muito mais fcil distribuir a
execuo de um cdigo baseado em eventos. Quando seu projeto cresce e precisa escalar, as alteraes sero menores e mais
fceis em Node, declara Diego Nunes.

Adotando o Node.JS
Para entrar no mundo das aplicaes que necessitam de muitas
requisies simultneas, o desenvolvedor deve ter uma simples base de conhecimento: Acho que muita gente ainda no
se deu conta de que Node.JS uma tecnologia puramente server-side. Para aprender Node.JS, o desenvolvedor precisa apenas ter uma boa base de programao e conhecer a linguagem
JavaScript, declara Emerson Macedo.
Quanto mais conhecimento sobre JavaScript, melhor, porm
ter noes de algumas outras linguagens de programao e

64

manter um cdigo organizado pode ajudar, na opinio de Diego

Nunes. Tambm importante ter algum conhecimento sobre
desenvolvimento fora da web, como Python ou Ruby, para
entender como funciona a lgica de uma aplicao que est
constantemente rodando e baseia sua execuo em eventos,
diferentemente de um cdigo em PHP, que tem um tempo de
execuo muito curto e bem definido a requisio vem do
navegador, processada e termina. No Node.JS seu aplicativo
fica sempre rodando, aguardando algum evento disparar uma
ao, ento suas variveis, por exemplo, ficam no aplicativo para
sempre. H o Garbage Collector, claro, mas a preocupao com
um bom cdigo, mais limpo, deve ser bem maior do que em PHP.
Se o principal saber JavaScript, Diego sugere os seguintes materiais de apoio: Com a ateno que o Node.JS vem
ganhando, muito contedo de tima qualidade sobre JavaScript
foi criado nos ltimos tempos. Para quem est mais avanado,
h uma excelente lista, chamada JavaScript Weekly (www.javascriptweekly.com), que envia semanalmente uma srie de links
relevantes compilados por Peter Cooper (www.peterc.org). H
links sobre JavaScript, CoffeeScript a nova onda do momento
, Node.JS, jQuery etc. E voc escolhe quais categorias de contedo quer receber. Especificamente sobre Node.JS, temos o How
to Node (www.howtonode.org), que, apesar do design controverso,
possui um contedo muito bom, gerado por quem trabalha diretamente no desenvolvimento do Node. Alm disso, o IRC um
canal timo para esse tipo de tecnologia underground. O #Node.
JS, na rede Freenode, conta com a presena de vrios desenvolvedores muito experientes. O Ryan Dahl est sempre online por

Top Twitter Trends (www.toptwittertrends.com)

MeetbyMaps (www.meetbymaps.com)

Realtime trending tweets desenvolvido com Node.JS, Nginx e

MongoDB.

Rede social realtime que geolocaliza usurios, eventos e muitas

outras coisas. O login integrado conta do Facebook e como base
utiliza o mapa do Google.

| WIDE | 86 > TECNOLOGIA

l. De qualquer forma, o Google sempre seu amigo nesses tempos em que h poucos blogs especficos e muita gente posta s
um ou dois artigos sobre Node.JS.

FONTES DE ESTUDO SOBRE NODE.JS

Por Emerson Macedo
SITES

Node Guide: www.nodeguide.com

Node Beginner: www.nodebeginner.org
How to Node: www.howtonode.org
Node Casts: www.nodecasts.org
Node Tuts: www.nodetuts.com
LIVROS

Up and Running with Node.JS, de Tom Hughes-Croucher: ofps.

oreilly.com/titles/9781449398583
Hands-on Node.JS, de Pedro Teixeira: nodetuts.com/handson-nodejs-book.html

Gerenciador de contedo em Node.JS

Uma iniciativa do australiano Clifton Cunningham (blog.cliftoncunningham.co.uk), que mora em Londres, o sistema geren-

ciador de contedo Calip.so (calip.so) baseado no servidor

Node.JS e utiliza o banco de dados MongoDB. O autor conta

Word Squared (www.wordsquared.com)

Jogo multiplayer de palavras escrito em Node.JS.

com a ajuda de colaboradores para contriburem com o desenvolvimento de mdulos para o CMS, e os interessados podem
entrar em contato com ele via Github (github.com/cliftonc/calipso).
O Calip.so um CMS comum, assim como o Drupal, o Joomla! e o
WordPress, dentre outros. Ele foi escrito em Node.JS, ento herda
algumas vantagens interessantes, como o mdulo de cron embutido, a execuo assncrona e a quantidade de conexes concorrentes. Atualmente, diz-se que ele capaz de atender sem uso
de cache a mais de 180 requisies por segundo em um computador domstico mediano. um nmero incrvel, se voc considerar que um CMS em PHP, sem cache, no passa muito de 10
ou 20 requisies por segundo, compara Diego Nunes.

O NODE.JS NO ALOCA OS
RECURSOS ASSIM QUE RECEBE A
CONEXO, O QUE PERMITE QUE
UMA GRANDE QUANTIDADE DE
CONEXES SIMULTNEAS NO
GERE UM IMPACTO CONSIDERVEL
NA PERFORMANCE DO SERVIDOR
DIEGO NUNES

Truco Argentino (apps.facebook.com/elgrantruco)

Jogo multiplayer de cartas para o Facebook, que usa Faye &
ExpressJs.

86> TECNOLOGIA | WIDE |

65

TECNOLOGIA

PARA DESENVOLVER COM O CALIP.SO, DEVE-SE ESTAR ATENTO

AOS SEGUINTES PRERREQUISITOS:

- Ter o NodeJS instalado, a partir da verso 0.4.2;

- Ter o NPM (www.npmjs.org) instalado;
- Ter o MongoDB (www.mongodb.org) instalado;
- Ter as bibliotecas libexpat1-dev e libbsd-dev instaladas;
- Ser usurio do git para acessar o cdigo fonte no Github.
Calip.so instalado, voc poder desenvolver qualquer tipo de
sistema com o CMS. possvel desenvolver praticamente qualquer coisa com o Calip.so, mas seu uso ideal para os sites baseados em contedo gerencivel dinamicamente, como blogs,
sites de revistas/editorias, catlogos, pequenos portais de contedo importante lembrar, porm, que um CMS no como
um framework. Os frameworks, em sua maioria, seguem algum
tipo de padro de funcionamento. O modelo MVC muito
popular e algum que j programou em Rails consegue se virar
facilmente utilizando CakePHP, CodeIgniter, Django, Pylons,
Web2Py etc. J um CMS tem um funcionamento todo especfico
e muito particular. Voc no aprende PHP para mexer com o
Drupal: voc aprende Drupal. Com o Calip.so, no diferente: h
um conhecimento muito especfico que precisa ser adquirido
para utiliz-lo em todo o seu potencial, ento existe uma curva
de aprendizado relativamente longa mesmo para programadores j experientes em Node.JS e JavaScript, alerta Diego.

OUTROS CASES:

Voxer (www.voxer.com)
Aplicao para iPhone cujo objetivo a conversa de voz instantnea (semelhante aos aparelhos da Nextel). O backend para a transmisso do udio feito em Node.JS.

Pow (pow.cx)
Criado pela equipe da 37Signals, um servidor para projetos
Ruby (Rack-compliant em geral) cuja meta no necessitar de
configuraes. Basta seguir umas poucas configuraes e voc
roda as aplicaes em poucos minutos.
Joyent (www.joyent.com)
A Joyent, empresa patrocinadora do Node.JS, implementou
vrios de seus sistemas utilizando sua criao.

LearnBoost (www.learnboost.com)
A LearnBoost a empresa por trs do Socket.IO, uma das libraries mais famosas do Node.JS. Ela criou um sistema de auxlio
ao aprendizado online usando Node.JS.

Filsh (www.filsh.net)
Converte vdeos online para outros formatos.

JamBox (www.jambox.us)
Aplicativo colaborativo que permite construir msicas realtime.
Fontes: Emerson Macedo e Diego Nunes

66

| WIDE | 86 > TECNOLOGIA

Cloud9 (www.cloud9ide.com)
IDE para desenvolvimento que roda de forma remota, na qual o
desenvolvedor usa apenas seu browser. Permite que o desenvolvedor edite seus projetos do Github e tem um servidor Node
embutido, onde se pode rodar uma aplicao sem precisar instalar
nada na mquina. Esse projeto bem inovador e se baseia completamente em Node.JS para o backend da aplicao.

86> TECNOLOGIA | WIDE |

67

RUBY
ON
RAILS

3.0

Por Flvia Freire

AINDA MAIS VANTAGENS PARA O DESENVOLVEDOR

FORAM APRESENTADAS COM A NOVA VERSO
DO FRAMEWORK. CONFIRA TODAS AS PRINCIPAIS
MELHORIAS NESTA ENTREVISTA.

Cloves Carneiro Jr.

www.clovescarneirojr.com

Ele acaba de lanar o livro Rails 3 Bsico nos Estados Unidos pela editora Apress
e, no Brasil, a editora Novatec oferece a verso em portugus. Cloves Carneiro Jr.
brasileiro, engenheiro de software e experiente desenvolvedor de aplicaes web
h mais de dez anos. Adepto ao framework Ruby on Rails desde seus primrdios,
atualmente trabalha na Unspace Interactive (www.unspace.ca), em Toronto, no
Canad, mas foi em Dubai que conheceu o coautor de seu livro, o kuwaitiano
Rida Al Barazi (www.rida.me), um desenvolvedor web que trabalha com design e
criao para a web desde 2002, alm de ser palestrante em diversas conferncias
sobre web e Rails na Europa e no Oriente Mdio. O resultado apresentado no
livro s pode ser dos melhores. Conhea agora o Rails 3.0.
68

| WIDE | 86 > TECNOLOGIA

WIDE Voc tem treze anos de experincia no desenvolvimento de

aplicaes web e, desde que o Ruby on Rails surgiu, em 2003, se
dedica criao de seus projetos com o framework. O que te fez
optar pelo RoR?
CLOVES Antes de trabalhar com Ruby on Rails eu trabalhava
desenvolvendo aplicaes web usando Java. Usei vrios frameworks e APIs diferentes, como EJB, Struts, Spring, Webwork,
e tambm criei um framework MVC (Model View Controller) na
empresa em que trabalhei, mas nunca achei um padro fcil de
usar e estender. Naquela poca, desenvolvimento web em Java
era muito lento, o desenvolvedor tinha que mudar classes, compilar o cdigo, reiniciar um servidor de aplicaes, e isso tudo
levava alguns minutos dependendo da aplicao, tornando o
desenvolvimento bem entediante. Quando as primeiras verses do Rails apareceram, em 2004, eu fiquei impressionado
com a velocidade de desenvolvimento e a clareza da linguagem Ruby. Comecei a trabalhar com Rails quando morava no
Canad, e, assim como nos Estados Unidos, o Ruby on Rails
apareceu e cresceu com muita fora nos ltimos anos por l
tambm. Desde que comecei a trabalhar com Rails, cada vez me
interessei mais por Ruby e acho que Rails ainda o framework
mais eficiente da atualidade. O mercado para desenvolvedores
com conhecimento em Rails est bem aquecido atualmente,
com muitas ofertas de trabalho, pagando timos salrios.

WIDE Por qual razo decidiu lanar o livro Rails 3- Bsico?

CLOVES Escrevi o Beginning Rails para a editora Apress (www.
apress.com),

e o livro era focado em Rails 1.2. A Apress pediu

para eu reescrever o livro na poca em que o Rails 3.0 foi anunciado, e eu aceitei o convite. O livro foi lanado nos Estados
Unidos, onde fica a sede da Apress. Eu morava em Toronto
quando terminei de escrev-lo, mas tinha mudado para Seattle
antes de ele ser publicado.
WIDE E como foi feita a parceria com o co-autor do livro Rida Al Barazi?

CLOVES Em 2007 abri uma firma de consultoria em Dubai junto

com o Rida Al Barazi, onde usvamos exclusivamente o Ruby
on Rails. Ele era o principal desenvolver Rails que trabalhava
nos Emirados rabes Unidos, e ns decidimos trabalhar juntos.
Quando a Apress me convidou para escrever Beginning Rails 3, eu
convidei o Rida Al Barazi para me ajudar e ele aceitou participar do
trabalho do livro como co-autor.
WIDE A verso 3.0 definida como um framework mais agnstico.
O que isso significa?
CLOVES As mudanas no Rails 3.0 focaram em mudar vrias partes internas do framework para torn-lo agnstico em relao s
varias bibliotecas que compem o framework. O Ruby on Rails
uma coleo de bibliotecas que compe as vrias partes do
86> TECNOLOGIA | WIDE |

69

framework. A verso 3.0 permite que os desenvolvedores usem

outras bibliotecas em algumas partes de suas aplicaes, como,
por exemplo, para acessar banco de dados, ou linguagem de templates, como a HAML.

funcionalidade?

CLOVES Em minha opinio, as mudanas foram todas bem-vindas. A API de routing, que configura as partes de cdigo
que respondem por requisies a diversas URLs ficou mais
fcil de aprender e limpa na hora de fazer mudanas. Outro
timo avano foi o uso de Unobtrusive JavaScript com jQuery
como padro do framework. No geral, houve muitas melhorias,
mas ao mesmo tempo, poucas coisas mudaram no core que
exposto ao framework, a forma como o desenvolvedor usa o
MVC exatamente a mesma, o que mostra que o framework j
esta bem maduro.

CLOVES O novo Active Record usa internamente uma biblioteca

chamada Arel, que mudou radicalmente a forma de executar
queries no banco de dados. O Arel permite que o desenvolvedor use vrios mtodos que parecem muito com SQL para criar
suas queries, uma parte de cada vez. Isso quer dizer que voc
pode fazer uma pesquisa por um campo usando where, ordenar os resultados chamando order, limitar o nmero de registros retornados usando limit, fazer ligaes com outras tabelas
definidas nas classes usando includes, e o Arel vai gerar o SQL
para retornar o resultado desejado. Uma grande vantagem do
Arel que o desenvolvedor pode criar queries bem complexas,
chamando um mtodo a cada vez, permitindo que o cdigo fique
mais simples de escrever e entender. Outra vantagem do Arel
que existe uma otimizao do cdigo que faz com que o SQL s
seja executado quando realmente necessitado na aplicao, tornando-a mais eficiente, e abstraindo esse tipo de complexidade
do programador.

WIDE O que traz o novo Active Record? E para que serve esta

WIDE O Action Mailer sofreu uma mudana radical. Qual a vantagem

WIDE Diversas novas funcionalidades tambm vieram com o Rails

3.0, alm de algumas APIs terem sido aprimoradas. Para voc, quais
so as novas funcionalidades mais interessantes?

70

| WIDE | 86 > TECNOLOGIA

TECNOLOGIA

A forma como o
desenvolvedor usa o MVC
exatamente a mesma, o que
mostra que o framework j
est bem maduro
disso para os desenvolvedores?
CLOVES A API do ActionMailer foi reescrita, baseada no
ActionController, ficando mais parecida com o resto do framework. Agora muito fcil definir partes padres de chamadas
do ActionMailer por meio do mtodo default, removendo muito
cdigo repetido em classes que tinham vrios mtodos para
enviar e-mails. A API para enviar arquivos em e-mails tambm
foi atualizada e ficou bem mais clara, j que o desenvolvedor s
precisa fazer uma chamada ao mtodo attachment, passando
o nome e o contedo do arquivo a serem enviados. No geral, o
ActionMailer foi a parte do framework que ficou mais de cara
nova, e est bem mais robusto do que nas verses anteriores.
WIDE O Rails 3 teve mudanas arquiteturais. Em que isso implica
no desenvolvimento para os desenvolvedores que j programavam
com o RoR em verses anteriores? Quais so as principais mudanas arquiteturais?
CLOVES Eu acho que as mudanas foram bem pensadas, e os pro-

gramadores que usaram verses anteriores do Rails vo agradecer as novas mudanas e adot-las rapidamente quando comearem a criar aplicaes usando o Rails 3.0. Uma situao que
pode ser complicada quando o desenvolvedors tem que usar
o mesmo cdigo em aplicaes que rodam Rails 2.3 e Rails 3.0,
j que pode haver uma tendncia a se usar cdigo que s roda
na verso 3.0, devido vontade de usar tcnicas mais novas. Eu
estou atualmente trabalhando em um projeto em que os models
so definidos em uma aplicao Rails 2.3, e esses models tm
que ser reusados em uma aplicao rodando Rails 3.0. Ento, h
vrios aspectos em que voc deve se comprometer a usar cdigo
que rode na verso 2.3, e depender de plugins que no funcionam bem na verso 3.0.

best practice adotado pela comunidade de desenvolverdores

JavaScript, que ento est embutido no Rails 3.
WIDE H alguma dificuldade em fazer o upgrade de aplicaes
desenvolvidas nas verses anteriores para o Rails 3.0? necessrio
reescrever todo o cdigo?
CLOVES Dependendo um pouco da aplicao, e dos plugins utilizados, o upgrade para o Rails 3.0 pode ser algo bem trabalhoso.
Para facilitar esse upgrade, foi criado o Rails Upgrade Plugin
(script/plugin install git://github.com/rails/rails_upgrade.git), que
pode ser instalado em qualquer aplicao Rails 2.3. Com o plugin instalado, quando o programador executar o comando rake
rails:upgrade:check, uma lista das partes a serem mudadas vai ser
impressa na tela, com os passos a serem tomados para o upgrade.
claro que, para aplicaes complexas, upgrades podem ser mais
complexos, e so nessas ocasies que ter uma sute de testes faz
uma grande diferena, j que os testes permitem uma verificao
automatizada das funcionalidades do sistema.
WIDE Quais materiais para estudo voc recomenda para os desenvolvedores que queiram aprender a nova verso? E para os desenvolvedores que nunca programaram em Rails?
CLOVES Para os desenvolvedores que nunca programaram em
Rails, recomendo o meu livro, disponvel em portugus pela
Novatec, e que se chama Rails 3 - Bsico (www.novatec.com.br/
livros/rails3basico). Para os que preferem usar referncias gratuitas na internet, existem vrios sites com muitas informaes interessantes. Os principais so:
RUBY ON RAILS GUIDES (guides.rubyonrails.org)
RAILSCASTS (railscasts.com)
RUBY ON RAILS TUTORIAL: LEARN RAILS BY EXAMPLE
(ruby.railstutorial.org)

WIDE Para quais tipos de aplicaes voc recomendaria o uso de

Ruby on Rails?
CLOVES Recomendo o uso de Ruby on Rails em todas as aplicaes
web dinmicas que faam uso de algum tipo de banco de dados, ou
que faam exposio de alguma API, j que o Rails permite que se
crie esses tipos de aplicaes de uma forma muito eficiente.

WIDE No Action Pack do Rails 3.0 tambm ocorreram modificaes,

internas e externas. Quais seriam as principais em sua opinio?
CLOVES As mudanas do ActionPack foram mais internas do
que externas. A principal delas foi o refactoring feito no Action
Controller, no qual a classe Abstract Controller foi extrada em
um mdulo reusado por outras partes do framework. Esse
refactoring permitiu as mudanas internas no ActionMailer, j
que herda da classe Abstract Controller. A outra grande modificao foi na introduo do Unobstrusive JavaScript, que um
86> TECNOLOGIA | WIDE |

71

HTML5
E OS BROWSERS
Que o HTML5 trouxe diversas novas tags e mais
opes para o design de pginas web que facilitam
e otimizam o desenvolvimento, todos sabem. Mas,
parece estar um pouco difcil ver tais funcionalidades aplicadas nos sites. Isso acontece porque os
browsers ainda no suportam inteiramente a nova
verso da linguagem de marcao. Ento, voc acha
que, apesar de o HTML5 permitir sites mais leves
e bem estruturados, ele ainda no deve ser usado
nos projetos? Como fazer para aplicar o HTM5 nas
pginas web sem que os usurios de browsers que
no suportem a maioria de suas tags fiquem a ver
navios? E para os mobile sites, os navegadores
mveis j suportam o HTML5 inteiramente?

72

| WIDE | 86 > TECNOLOGIA

TECNOLOGIA

Leo Balter
Desenvolvedor Front-End no Personare (www.personare.com.br),
editor do Desconferncia Podcast (www.desconferencia.com.br),
alm de evangelista das boas prticas das tecnologias web.
www.leobalter.net

Toda ferramenta nova precisa de um novo ambiente que seja

adequado s suas caractersticas. O HTML5 surgiu por meio de
atitudes de pessoas que sentiam a necessidade de melhorar o que
tnhamos na internet. Ele j chegou, mas veio com tanta coisa na
bagagem que realmente difcil dar suporte a tudo de uma vez.
Os grandes browsers populares j possuem verses mais
novas com suporte considervel a boa parte do conjunto HTML5.
No mais apenas uma linguagem de marcao. Diferente do
XHTML ou do HTML4, quando citamos o HTML5 falamos tambm de APIs em JavaScript e CSS 3.
Quando falamos de browsers, no nos limitamos apenas a
sistemas desktop, como Windows, Linux ou Mac, mas tambm
aos de dispositivos mveis. Para ter uma ideia, os smartphones
que tm maior utilizao de internet por seus usurios tambm
tm suporte a HTML5 e CSS 3, mesmo que parcialmente. Marcas
como Android e iPhone j esto bem avanadas em termos de
tecnologias web.
Em relao marcao, j podemos adotar sem preocupao a utilizao de diversas tags semnticas para marcar nosso
contedo, seja um header, footer, article, section etc. O que
importa que essas tags facilitem a compreenso e o entendimento do documento, no s para um humano, mas tambm
para os robs (de busca, por exemplo).
Para estilizar as novas tags do HTML em browsers no modernos precisamos de um pequeno ajuste bem simples. Resolvemos
com um pouco de JavaScript e CSS, como j distribudo em ferramentas prontas, como o HTML5shiv (code.google.com/p/html5shiv).
muito importante ressaltar que essas tags novas tm a inteno

de trazer mais semntica, ou seja, indicar mais o tipo de contedo

de cada parte de nossos documentos html. Fique ligado: as novas
tags do HTML5 no estilizam nossa pgina por si s.
No podemos deixar de falar do microdata, que uma forma
simples de potencializar a semntica de suas pginas por meio da
combinao de atributos nas tags HTML. Inclusive, h o Schema
(www.schema.org), criado a partir de uma unio entre Google, Bing
e Yahoo. Utilizar o Microdata e o Schema no afetar a visualizao de uma pgina HTML em qualquer browser, mas far uma
tremenda diferena na hora dela ser indexada.
Para vrias situaes em que no encontrarmos compatibilidades, podemos recorrer aos polyfills. Trata-se de uma tcnica
para chamar cdigos especficos para browsers que no possuem as novas funcionalidades. Assim como podemos procurar
em todas as demais funcionalidades do HTML5, existem diversos polyfills prontos para utilizarmos, inclusive h uma pgina
que concentra vrios: github.com/Modernizr/Modernizr/wiki/
HTML5-Cross-browser-Polyfills.

E para verificar se o browser que est sendo utilizado possui

recursos especficos do HTML5, podemos utilizar outra excelente ferramenta, o Modernizr (www.modernizr.com).
O resultado do uso de polyfill a durabilidade de seu site.
Investimentos de longo prazo so as melhores opes para esses
recursos, pois, conforme o usurio atualiza seu browser, o polyfill
deixa de ser usado e mais um recurso nativo empregado. Sua
pgina vai se manter suavemente compatvel com o passar do
tempo e voc economizar em novas migraes que inevitavelmente precisaria fazer daqui a um ou dois anos.
86> TECNOLOGIA | WIDE |

73

Luiz Tiago Oliveira

Scio e gerente de Front-End da MGR Solues, graduado em
Webdesign e ps-graduando em Desenvolvimento Mobile.
www.luiztiago.com

Ainda no possvel dar uma resposta exata, pois depende do

caso em que ser aplicado. preciso analisar bem o conhecimento
do desenvolvedor, assim como o tipo de projeto. Como ainda no
saiu a verso final e todo tipo de mudana ainda pode acontecer,
particularmente no indico para pequenos sites institucionais
cujos desenvolvedores no faro uma constante manuteno.
Acho que se aplica bem em alguns casos, como os seguintes:
s
"QMJDBFT
QSPQSJFUSJBT
FN
RVF
P
EFTFOWPMWJNFOUP

DPOUOVP
s
)PUTJUFT
RVF
TP
QSPWJTSJPT
F
OP
QPTTVFN
DPOTUBOUF






NBOVUFOP
EP
DEJHP
s
4JUFT
QFTTPBJT
RVF
WJWFN
FN
DPOTUBOUF
BUVBMJ[BP

Vale destacar que preciso analisar qual ser o pblico-alvo

do projeto, pois podero existir situaes em que um grande percentual de usurios no possua um bom suporte ao HTML5, e
isso, infelizmente, no pode ser esquecido.
Aceitando fazer esse mergulho, preciso pensar no suporte s
funcionalidades. Uma das mudanas da nova verso do HTML
so as tags semnticas. Para esses casos, basta o uso de um plugin
JavaScript para o correto funcionamento nos browsers aos quais
no do suporte. (html5shiv.googlecode.com/svn/trunk/html5.js).
O cenrio fica mais complicado em relao a outras mudanas maiores, como o uso do canvas, video, audio, web storage,
geo location, entre outros. Neste caso, preciso aplicar o conceito de Graceful Degradation em seu projeto para garantir a
mesma experincia de uso em todos os browsers, independentemente da tecnologia utilizada, mesmo que para isso seja preciso utilizar at mesmo o Flash.

74

| WIDE | 86 > TECNOLOGIA

Para testar as aplicaes o processo ideal ainda manual, sendo

preciso ter todos os browsers instalados na mquina de desenvolvimento para garantir a funcionalidade e a mesma experincia em todos os cenrios.
Tambm preciso tomar cuidado e se preocupar com os
dispositivos mveis. Em sua maioria, dominados pelos sistemas
Android, iOS e BlackBerry, j temos bons suportes ao HTML5,
mas ainda no chega totalidade.
Para fazer um teste dos browsers, o site www.html5test.com ajuda
bastante. Ele faz um teste das funcionalidades em cada browser e
d uma pontuao de acordo com o suporte. Segue o ranking:
s
(PPHMF
$ISPNF



BUVBMNFOUF
P
NBJT
JOEJDBEP
s
4BGBSJ


 muito semelhante ao Chrome. Perde pontos



DPN
8FC(-
F
4UPSBHF
s
.P[JMB
'JSFGPY


 tambm conta com um bom suporte.



1FSEF
QPOUPT
QPS
EFGFJUPT
DPN
DPNVOJDBP
WJB
TPDLFU
s
0QFSB



bem no preo, mas peca pelo no suporte a



8FC(-
s
*OUFSOFU
&YQMPSFS


 mesmo sendo novo, ainda crucifica



EP
QFMP
GSBDP
TVQPSUF
s
*OUFSOFU
&YQMPSFS


 um novo browser antigo.

Vale ressaltar, tambm, a boa classificao dos browsers mveis:

iPhone 5 (303), BlackBerry 9800 (258) e Android 2.3 (217).

TECNOLOGIA

Leonardo Maia
Webdesigner do TeleListas.net e ilustrador do Deveras Bacana
(www.deverasbacana.com.br). Atuou por cinco anos como
scio-diretor de criao da agncia web Stage3.
www.leonardomaia.com.br

Alguns sites disponibilizam tabelas comparativas mostrando as propriedades

suportadas nos diferentes browsers.
Navegadores como Firefox, Safari, Chrome
e Opera do um bom suporte ao HTML5 e
esto com ciclos de atualizao cada vez
mais curtos. Fiquei at surpreso com o
lanamento do Firefox 5. Foi muito mais
rpido do que eu esperava. O Chrome atualiza automaticamente e eu nem percebo.
Enquanto isso, novas verses do Internet
Explorer demoram para serem lanadas e
ainda prometem uma revoluo em navegao, coisas que Firefox e companhia j
fazem h muito tempo.
Eu acho, sim, que o HTML5 deve ser
utilizado nos projetos. Como nada perfeito, devido demora na atualizao do
Internet Explorer, muitas pessoas acabam
continuando a usar a verso 8, 7 e, Deus

me livre, a 6. Quem usa a verso 9 j tem

um suporte razovel.
Se uma empresa que desenvolve sites
quer mostrar para o cliente que vanguardista, quer fornecer uma soluo nova, e
se seu cliente tambm deseja transmitir
esses conceitos para seus usurios, aconselhvel usar HTML5. Se voc est investindo tempo e dinheiro em um site, por
que no trabalhar com o que h de mais
novo? O HTML5 no uma promessa. Ele
est a. Os grandes formadores de opinio,
como Google e Apple, j o adotaram. No
h motivo para esperar.
Lembra quando se queria mostrar esse
tipo de conceito com o Flash e se obrigava
o usurio a sempre estar com a verso
mais nova do Flash Player instalada? Por
que o discurso mudou para o HTML5?
Pode at ser inconveniente em algum

Elcio Ferreira
Um dos mantenedores do site Tableless.com.br e diretor da
Visie Padres Web (www.visie.com.br). Desenvolveu e ministra o
treinamento de HTML5 oficial na sede do W3C Brasil.

Uma das grandes diferenas entre o

HTML5 e as verses anteriores o fato de
o W3C ter tornado a especificao modular. Assim, o HTML5 no uma nica especificao, mas um conjunto, envolvendo
novas tags para contedo, novos atributos, novos tipos de campo de formulrio,
duas linguagens incorporadas (SVG e
MathML) e uma srie de APIs JavaScript.
O novo conjunto de tags, por exemplo,
com um pouquinho de JavaScript, funciona at no Internet Explorer 6. Alguns
dos novos atributos, como o contenteditable, funcionam a partir do Internet
Explorer 7. Grande parte das novidades
do HTML5 pode ser usada hoje, sem
medo. Aqui na Visie, por exemplo, no
produzimos mais mark-up que no seja
HTML5 j h quase dois anos.

Outra parte dos novos recursos pode

ser emulada via JavaScript. Por exemplo,
o HTML5 prev um novo tipo de campo,
data, que exibe um calendrio para o
usurio. Ns j vnhamos resolvendo isso
com JavaScript h um bom tempo. Voc
pode manter seu JavaScript l, basta lig-lo nos navegadores antigos, e nos novos
usar o novo tipo de campo que funciona
melhor e bem mais leve que a soluo
JavaScript. As APIs de storage, canvas,
validao de formulrio, microdados,
hashchange e os novos campos de formulrio podem ser emulados via JavaScript
para navegadores antigos. At a API de
Geolocalizao, usando um servio de
terceiros, pode ser emulada para navegadores sem suporte.
Outro cenrio de uso a criao de

nvel, mas mostre para o usurio que utilizar browsers de qualidade, com curtos
ciclos de atualizao, ser algo benfico
para ele e tambm para a web em geral.
A desculpa para usar o plugin do Flash
Player era simplesmente a de que o usurio poderia ver o seu site se mexendo em
situaes em que nem era necessrio.
Se ns, profissionais, no tentarmos e
no tivermos poder de convencimento
com nossos clientes para forar o uso da
melhor tecnologia, ficaremos debatendo
sobre o que pode ser quando o futuro na
verdade j chegou. Eu sei que pode parecer um pouco radical, mas sempre podemos chegar a um meio termo. Hoje, voc
consegue implementar um recurso em
um projeto, amanh outro. A adoo do
Firefox e do Chrome cresceu, ento eu s
tendo a ser otimista em relao a isso.

sites e aplicaes para uso especfico em

um ambiente ou plataforma. Por exemplo,
os navegadores do iPhone, iPad, Android
e S60 suportam geolocalizao. Se voc
est desenvolvendo para smartphones,
no h por que no usar. A mesma coisa
se d, por exemplo, com as novas tags de
udio e vdeo.
Por fim, voc tambm pode construir
suas aplicaes usando a estratgia de
progressive enhancement, em que projeta uma experincia mnima que todos
os seus usurios vero e acrescenta recursos interessantes (mas no essenciais)
para os usurios de navegadores com
suporte. o que o Google Maps faz, por
exemplo, ao exibir o boto de geolocalizao apenas para usurios de navegadores
com suporte API.
O site www.caniuse.com/#cats=HTML5
lista os recursos do HTML5 e do CSS3
mostrando o status do suporte pelos navegadores, incluindo mobile.
86> TECNOLOGIA | WIDE |

75

JORNAL
Um dos jornais mais influentes
do Rio Grande Sul possui agora
um novo portal online, adaptado
para ser acessado por meio dos
dispositivos mveis, alm de um
widget para blogs e websites.
O jornal impresso de maior longevidade da
regio central do Rio Grande do Sul sendo o principal veculo de comunicao de
Cachoeira do Sul , com 78 anos de circulao ininterrupta, renovou seu universo online para oferecer a velocidade caracterstica do jornalismo online. O DZ Estdio (www.
dzestudio.com.br) foi o responsvel pelo planejamento e desenvolvimento do portal do
Jornal do Povo (www.jornaldopovo.com.br), que
apresenta uma arquitetura dinmica e um
design moderno seguindo como referncia
os grandes veculos nacionais e internacionais. O scio e diretor de criao da agncia, Jos Pedro Paz, fala sobre esse desafio
de transformar um tradicional jornal em um
portal de notcias.
76

| WIDE | 86 > TECNOLOGIA

TECNOLOGIA

ESTUDO DE CASO

+PT
1FESP
1B[

Scio e diretor de criao do DZ Estdio (@dzestudio)

WIDE Quando o portal do Jornal do Povo entrou no ar? Foi a primeira verso do site ou j existia alguma anterior?
JOS PEDRO O portal entrou no ar em maro de 2011. A verso
anterior era a de 2007 e, antes, o portal teve outras verses.
WIDE Quantos profissionais da equipe da agncia DZ Estdio fizeram

parte do planejamento e desenvolvimento e em quais funes? Em

quanto tempo desenvolveram o portal?
JOS PEDRO O processo todo, desde os primeiros estudos de
arquitetura e layout, durou aproximadamente oito meses.
Tivemos uma primeira etapa de decises sobre a forma como
o jornal deveria adequar seu contedo e formato s exigncias
atuais da web que acabou tomando bastante tempo. Tivemos
Davi Neves no atendimento, Lus Konrad na criao, Geancarlo
Canova no HTML, Marcelo Oliveira e Paula Freitas no desenvolvimento e eu no planejamento e criao.
WIDE Captar um projeto de tal proporo requer um planejamento
estratgico srio, baseado em estudos e testes. Como o DZ Estdio
se preparou para oferecer um portal de notcias que, com excelncia,
correspondesse s expectativas dos mais de 48 mil leitores do jornal
impresso que poderiam passar a acessar o portal?
JOS PEDRO Sabamos que os desafios eram muitos. O primeiro
deles era uma mudana no conceito do portal. A verso anterior
praticamente replicava o Jornal do Povo impresso e os usurios
tinham que consumir o contedo dividido por edies. Ns buscamos referncias em grandes peridicos internacionais para
mostrar ao cliente que na internet a velocidade diferente. E
certamente perderamos leitores para os grandes portais se ficssemos presos demais ao Jornal do Povo impresso. Alm disso,
percebemos que esse peridico tem um pblico muito engajado,
uma comunidade que gosta de participar, e isso poderia ganhar
fora na internet. Bastava entregarmos aos usurios ferramentas
que facilitassem aquele dilogo que j existia. Essas percepes
nos levaram a um caminho estratgico. A equao que nos propusemos a resolver foi criar um grande portal de notcias que
mantivesse um vnculo prximo com a comunidade que havia
em torno dele. Acho que conseguimos. Desde que lanamos o

novo portal, os nmeros seguem crescendo. No ms passado,

tivemos aproximadamente 120 mil visitas e esse nmero sobe a
cada ms.
WIDE Para que o leitor tenha acesso s reportagens do portal do
Jornal do Povo, ele deve ser cadastrado e estar logado no portal. O
cadastro gratuito, ento qual a razo de restringir o contedo do
site apenas aos cadastrados?
JOS PEDRO Essa foi uma das grandes discusses que tivemos
aqui na agncia e com o cliente. Esse modelo foi adotado pensando no futuro. Os leitores confiam no Jornal do Povo, que
um veculo de quase 80 anos e o maior da regio central do Rio
Grande do Sul. Muitos j estavam cadastrados na verso anterior
do portal, ento entendemos que j tnhamos uma plataforma de
relacionamento e que o fato de ter que se cadastrar no era um
grande problema para os leitores. Dessa forma, mantivemos um
banco de dados importante e o cliente pde estudar novas possibilidades de negcio para o portal, como um formato baseado
no modelo freemium, por exemplo, em que se disponibiliza contedos free e contedos premium mediante a cobrana de uma
assinatura.
WIDE O portal possui uma seo chamada VC Reprter, na qual os
leitores podem enviar notcias para serem publicadas no site. Como
funciona?
JOS PEDRO A exemplo do Frum do Leitor, o VC Reprter um
espao de colaborao. Ainda assim, as matrias ali publicadas
so parte do contedo jornalstico do portal e, como tal, precisam
passar por uma moderao e reviso dos editores.
WIDE O portal ainda disponibiliza uma verso digitalizada do jornal
impresso gratuitamente para os cadastrados. Tal disponibilidade no
acarretou na diminuio de vendas do jornal impresso nas bancas?
Todas as notcias do jornal impresso so publicadas no portal do
Jornal do Povo?
JOS PEDRO O jornal publicado na ntegra na verso flip. Claro
que houve uma discusso a respeito disso como h em todos
os jornais e revistas do mundo, resultando nas mais diversas
86> TECNOLOGIA | WIDE |

77

TECNOLOGIA

Verso digitalizada do jornal impresso

polticas de acesso a contedo. Entendemos, neste primeiro

momento, que liberar o acesso era necessrio para legitimar o
portal como a verso online do Jornal do Povo. Por enquanto
no temos notcias de diminuio das vendas, mas no podemos descartar que essa rea seja acessvel apenas para assinantes no futuro dentro do conceito de freemium.
WIDE Foi a equipe do DZ Estdio que desenvolveu a aplicao de
leitura da verso impressa pelo computador? Quem envia o jornal
diariamente para o sistema de flip?
JOS PEDRO O flip funciona por meio de uma ferramenta nossa
chamada DZ e-Magazine. Desenvolvemos um sistema que
utiliza uma aplicao desktop em que o cliente (neste caso, a
equipe do Jornal do Povo) faz o upload do mesmo pdf que vai
para impresso. O sistema separa esse pdf em pginas e converte para arquivos swf (Flash), que se transformam na edio
flip do jornal.
WIDE Quais linguagens de programao e frameworks foram utilizadas no desenvolvimento do portal e em quais reas?
JOS PEDRO O site foi desenvolvido em PHP com banco de

dados MySQL. Foram aproveitados alguns recursos do CMS

da verso anterior, com a qual o pessoal do jornal j estava
familiarizado.
WIDE Na pgina principal, h um box no qual so expostas as trs
principais notcias com fotos, que ficam se alternando. Como tal

78

| WIDE | 86 > TECNOLOGIA

recurso foi desenvolvido?

JOS PEDRO Esse recurso simboliza um pouco a proposta de
transformao. Tnhamos um site de um jornal e queramos
ter agora um portal de informaes, e esse um recurso muito
utilizado em portais de notcias e funciona muito bem quando
se tem bastante contedo com imagens. Foi utilizado como
recurso tcnico um carrossel do JQuery.
WIDE O portal do Jornal do Povo oferece um widget para ser colocado em websites. Como surgiu a ideia de desenvolver o widget?
JOS PEDRO O Jornal do Povo uma referncia de informao
com credibilidade junto ao seu pblico e tem a proximidade
como um diferencial. Da saiu a ideia do widget. mais uma
forma simples de afirmar essas duas premissas. Quando um
leitor insere o widget do Jornal do Povo em seu blog ou site, ele
est estreitando a relao do JP com a comunidade e, ao mesmo
tempo, estabelecendo a marca como referncia em notcias
tambm na internet.
WIDE O Jornal do Povo possui uma verso mvel. Quais foram os
detalhes mais importantes que foram levados em considerao no
planejamento de adaptao da verso online para a verso mvel?
JOS PEDRO O DZ desenvolveu a verso mobile com a mesma
linguagem PHP utilizada na verso completa. A verso para dispositivos mveis precisava ser o mais leve possvel. Para isso, a
navegao objetiva fundamental. Ento, analisamos os contedos mais acessados e organizamos em um menu reduzido, e

Widget do Jornal do Povo

fcil de navegar. Para ir alm, o usurio tem a opo de acessar a verso completa do portal.
WIDE O desenvolvimento de um aplicativo para smartphones
est nos planos do portal?
JOS PEDRO Ns, os usurios e a equipe do JP ainda estamos
em um perodo de adaptao ao novo portal por enquanto.
Essa mudana exigiu grande energia de todos os envolvidos
para garantir que o portal entregue tudo a que se prope. Um
aplicativo para smartphone pode vir a integrar uma prxima
etapa, dependendo do que os usurios e as estatsticas que
eles geram nos disserem.
WIDE Qual foi o maior desafio, para o DZ Estdio, no desenvolvimento do projeto Jornal do Povo?

Jornal impresso

Tnhamos um site de um
jornal e queramos ter agora
um portal de informaes,
e esse um recurso muito
utilizado em portais de
notcias e funciona muito
bem quando se tem
bastante contedo

JOS PEDRO A mudana no conceito, sem dvida, e toda

a transformao gerada a partir da. Partimos do site de um
jornal para um portal de informaes, mas mantendo o
ambiente de conversao aberto, fundamental para uma
comunidade que gosta de participar. Acho que tivemos
sucesso na nossa misso. E esse trabalho, como tudo na internet, no terminou. Segue Beta. Continuamos implantando
novas funcionalidades (os classificados online, por exemplo), planejando em tempo real, ouvindo o que o pblico nos
diz e nos mostra.

86> TECNOLOGIA | WIDE |

79

ColdFusion e Java Paulo Augusto Teixeira

INTEGRANDO COLDFUSION E JAVA

H anos sabemos que o ColdFusion e o
Java so quase a mesma coisa devido
ao ColdFusion gerar arquivos .class e
permitir que utilizemos cdigo e classes Java dentro de seu cdigo.
Falaremos um pouco mais sobre isso, demonstrando como funciona. Quem conhece o ColdFusion sabe que ele tem um servidor
chamado ColdFusion Server, que responsvel por fazer configuraes e servios para as aplicaes configuradas nele, alm de compilar em tempo de execuo o cdigo CFML e exibir em HTML para
o usurio.
O ColdFusion Server exatamente como o Weblogic no Java.
E, assim como no Weblogic, quando voc precisa se conectar a um
banco de dados por meio do administrador do servidor voc configura um DataSource, que apontar para um banco especfico, e em
nossa aplicao usamos esse Datasource como parmetro para se
conectar base de dados.
Com isso, tive uma limitao para minha demanda. O escopo da
demanda era:
Importar bancos de dados .mdb (MS Access), tratar os dados e gravar no MSSQL Server.
Eu no podia simplesmente fazer um upload de um banco Access
e ler, pois no estaria configurado no servidor com um DataSource
para eu utiliz-lo. Ento, resolvi pesquisar uma forma de fazer a tarefa.
Encontrei algumas alternativas: fazer a conexo sem precisar de
Datasource, converter os mdbs em XML, CSV, XLS ou usar uma classe
Java para ler o mdb e me retornar os dados. Ento, usar o Java me
parecia a melhor soluo, j que as linguagens se integram e conversam de forma natural.
Para implementar a demanda, resolvi utilizar um componente
Java chamado Jackcess (jackcess-1.1.16.jar). Ele faz uma srie de interaes com arquivos .mdb, uma das quais ler e retornar dados, colunas e tabelas. Mas, a simples utilizao no resolveria meu problema,
pois os dados no vinham tratados. Precisei implementar alguns
mtodos para fazer esse tratamento.
Vou mostrar alguns cdigos explicativos para demonstrar como
integrar o ColdFusion com o componente Jackcess.

80

| WIDE | 86 > TECNOLOGIA

CONFIGURANDO E INSTANCIANDO O COMPONENTE JAVA:

<cfscript>
var javaFileFormat = CreateObject("java","Tra
nsform");
var jackssObject = CreateObject("java","com.
healthmarketscience.jackcess.Database");
var dataObject = jackssObject.
open(javaFileFormat.transformFile("caminho/
banco.mdb"));
</cfscript>

EXPLICANDO:
1 Na primeira linha, instanciei uma classe Java que eu tive que

escrever para pegar o caminho e o nome do arquivo em string e tipar

para Java File(), pois o ColdFusion no tem o tipo File do Java, ento
essa classe pega uma string (caminho de um arquivo e o arquivo) e
retorna um File. Isso porque o componente Jackcess recebe como
parmetro um File contendo o .mdb a ser aberto.
2 Na segunda linha, instanciei a classe Database do Jackcess, que
responsvel por fazer a leitura e retorno dos dados dos mdbs.
E, por fim, abri o banco Access e armazenei os dados na varivel
jackssObject.

Desse modo j lemos qualquer arquivo .mdb e temos os dados desse

arquivo gravados na memria. Agora a vez de us-los.
Quando tentei usar pela primeira vez, vi que o retorno era uma
string enorme com os dados da tabela, os nomes dos campos e os
dados todos juntos sem delimitadores, uma vasta gama de palavras.
Mas tambm percebi que a classe Database tinha alguns mtodos
que tratavam esses dados, como uma query, ento logo vi que poderia utiliz-los para criar uma mapeamento no ColdFusion.
MAPEANDO OS DADOS E CRIANDO UMA QUERY COMPATVEL COM
O COLDFUSION

O primeiro passo criar uma funo para pegar objeto jackssObject

e montar uma query:

function createQuery(jQ)
{
var it = jQ.iterator();
var cols = mountColumns(jQ);
var rs = QueryNew(cols);
var newRow = "";
var cnt = 1;
var itemAtual = "";
if(jQ.getRowCount())
{
newRow = queryAddRow(rs,
jQ.getRowCount());
while(it.hasNext())
{
itemAtual = it.next();
for(y = 1;

o objeto com os dados do .mdb aberto. Esse objeto dentro desse

mtodo ser mapeado, e os nomes das colunas sero mapeados com
a ajuda do mtodo mountColumns(),listado a seguir.

function mountColumns(jQ)
{
var map = "";
var cols = jQ.getColumns();
var cCount = jQ.getColumnCount();
for(i=0; i<cCount; i++)
map = listAppend(map,cols.
get(i).getName());
return map;
}

y<=listLen(cols); y++)
{
nomeCol =
listGetAt(cols,y);
querySetCell(rs,
nomeCol,
itemAtual[nomeCol],
cnt);

Como podemos ver nesse mtodo, usando os prprios recursos do

componente Jackcess criamos nossa lista de campos.
Pronto, temos todos os mtodos para criar a query com os dados
retornados pelo objeto Jackcess, e, para utilizar, fazemos o seguinte:

}
cnt = cnt +1;
}
}
return rs;
}

No algoritmo acima, uso alguns recursos da classe Database do

componente Java e tambm o iterator nativo do Java. Confira em
detalhes:
RECURSOS DO COMPONENTE E DO JAVA:

getColumns()
getRowCount()
columns.get(0).getName()
getColumnCount()
iterator()
hasNext()
next()

Com isso, voc pode observar que escrevemos cdigos Java dentro
do ColdFusion. Ou seja, quando voc instancia um objeto Java para
usar no ColdFusion consegue usar recursos do Java para manipular
esses objetos.
Explicando melhor o mtodo apresentado, depois do objeto instanciado chamaremos nosso mtodo createQuery() e passaremos

<cfscript>
resultSet = createQuery(dataObject.
getTable('NOME DA TABELA'));
</cfscript>

Meus amigos, agora s usar os dados e, com isso, vimos como

natural a integrao do ColdFusion com Java. O nico prerrequisito
que a classe Java que voc decidir usar no seja esttica, fora isso faa
um mapeamento de um local em seu servidor onde ficaro seus .jar
ou .class e reinicie o servio do ColdFusion a cada nova classe Java
que adicionar nesse local.

Paulo Augusto Teixeira

Consultor de TI, Adobe Certified Expert Rich Internet Application Specialist,
Certified Flex 3 e Certified ColdFusion 8. Trabalha h 11 anos como consultor
e desenvolvedor, j atuou para empresas de vrios lugares do Brasil e do
exterior, onde teve a oportunidade de adquirir conhecimentos das reas de
Seguros, Petrleo e Gs, SMS e Direito Petrolfero.
E-mail: paulo@pauloteixeira.blog.br
Twitter: @pauloteixeira

86 > TECNOLOGIA | WIDE |

81

Ciberespao Ricardo Murer

O NAVEGADOR MORREU, VIDA LONGA AO NAVEGADOR
"A coisa mais importante sobre
a tecnologia como ela muda as
pessoas
Jaron Lanier
Ao contrrio do que parece, no vivemos o tempo da revoluo
tecnolgica, mas da evoluo tecnolgica. Cada nova onda
resultado de algum movimento anterior. Atualmente, so as redes
sociais, alguns anos atrs eram as comunidades virtuais e, antes
destas, as BBSs. Se voltarmos nossa anlise para os contedos
digitais, observaremos que o domnio e a produo destes foram
sendo transferidos dos grandes conglomerados de mdia e notcias para os internautas, e a onda da digitalizao est colocando
em xeque os veculos impressos, a tal ponto que alguns jornais
hoje so produzidos somente em formato digital. Essas evolues
so resultado no s da disponibilizao de ferramentas de produo e publicao gratuitas, fceis de usar e amigveis, mas de um
novo tipo de internauta, interessado em fazer parte da construo
e da evoluo da aldeia global digital. Cada um pode e quer deixar
sua assinatura neste infinito quadro feito de bits.
Em paralelo, uma nova forma de agir sobre os contedos
digitais est em curso, um movimento capaz de modificar profundamente como produzimos, consumimos e distribumos
contedos digitais, o movimento que tem como base a dupla
plataforma-aplicativo. Se at agora o formato bsico para se
navegar nos contedos digitais da internet era a partir de um
internet-navegador (browser), o que est acontecendo que,
gradativamente, pessoas do mundo todo esto online fora dos
navegadores, esto consumindo e distribuindo contedos a
partir de aplicativos, muitos destes instalados em smartphones
ou tablets. Observe que no existe a necessidade de um browser para se usar o Twitter ou o Facebook em seu smartphone ou
tablet ele um aplicativo. At mesmo para voc ler contedos,
que antes eram entregues somente para navegadores, existem
timos aplicativos, tais como o Flipboard ou o Zite. Novamente,
nada de Internet Explorer, Firefox ou Safari. Esse novo modelo
de acesso aos diferentes contedos digitais j existe no formato
de leitores RSS, mas eles ganharam fora com a chegada das plataformas mveis e uma nova gerao de usurios acostumados
aos blocos de cdigo contextualizados, tais como os games.
Algo semelhante j acontece comigo e com voc. Quando
desejamos saber a previso do tempo ou o trfego em determinada avenida, aplicativos customizados e inteligentes apresentam as informaes de forma clara e objetiva na tela de nosso

82

| WIDE | 86 > TECNOLOGIA

celular; nada de abrir um navegador, digitar uma URL ou fazer

pesquisas no Google. Com centenas de aplicativos disponveis
e gratuitos, basta encontrar aquele que mais lhe agrada e baixar
para sua plataforma. Cada vez mais estamos online sem fazer uso
de navegadores, e cada vez mais a informao est chegando at
ns sem termos a necessidade de abrir um brownser.
Se olharmos ainda mais longe, em um futuro prximo bastar construir o aplicativo de nosso interesse. Futuro prximo? Hoje, com um SDK (Software Development Kit Kit de
Desenvolvimento de Software) j possvel para qualquer
pessoa criar seu prprio aplicativo. O mais interessante que
essas ferramentas so de alto nvel, isso quer dizer que no h
a necessidade de profundos conhecimentos de programao.
Experimente, por exemplo, o Corona SDK, da ANSCA Inc., e me
conte depois. Essa ferramenta j atingiu mais de 19 milhes de
downloads e com ela voc mesmo pode fazer seus prprios aplicativos para a plataforma iPhone ou Android.
A evoluo que est em curso no do lado virtual, das
mquinas, mas do prprio usurio, que passou de simples agente
passivo diante do contedo (TVs) para produtor/distribuidor de
contedos (internet-navegadores) e, agora, para construtor de
aplicativos. Esse novo modelo coloca em xeque o universo dos
navegadores, pois estes foram construdos baseados em servidor push HTTP, um mecanismo para envio de informaes do
servidor para o navegador. Nessa nova internet plataforma-aplicativo, o mecanismo outro, PULL. Cabe ao aplicativo selecionado pelo usurio buscar contedo no servidor, de forma personalizada e quando fosse conveniente.
A internet formada por uma arquitetura em rede, descentralizada, sempre em mutao. Ao libertar a internet dos navegadores, estamos entregando aos internautas uma nova capacidade
criativa sem limites. Como os detentores das plataformas permitem no s a publicao, mas tambm a comercializao global
dos aplicativos, esse novo universo digital coloca nas mos de
cada internauta a possibilidade de ser, ele mesmo, dono de seu
prprio destino.

Ricardo Murer
Diretor de Tecnologia e Inovao da AgnciaClick Isoba
(www.agenciaclickisobar.com.br).
Graduado em Cincia da Computao e mestre em Comunicao.
Especialista em estratgia digital e novas tecnologias.
E-mail: ricardo.murer@agenciaclickisobar.com.br
Twitter: @rdmurer

86 > TECNOLOGIA | WIDE |

83

Segurana Ivo Machado

ATAQUES DE BLIND XPATH INJECTION

XPath uma linguagem de consulta utilizada para localizar elementos especficos
(incluindo atributos, instrues de processamento etc.) em um document XML. Por ser
uma linguagem de consulta, o XPath similar
ao Structured Query Language (SQL), porm
pode ser usado para fazer referncia a praticamente qualquer parte de um documento
XML sem restries de controles de acesso,
diferentemente do SQL, que pode restringir
certas tabelas, colunas e queries ao usurio.
O XPath Injection Attack permite a um atacante logar no sistema sem a necessidade de utilizar um usurio e senha vlidos,
podendo, inclusive, levantar informaes de outros usurios.
Quando esses ataques so realizados, o atacante no possui
qualquer conhecimento sobre a estrutura do arquivo XML,
mas a sua situao melhor, comparado ao SQL Injection, uma
vez que existem diversas funes que permitem realizar testes
(XML Crawling) e, no final, conseguir uma viso da estrutura do
documento.
EXEMPLOS DE CDIGO VULNERVEL

O atacante pode conseguir sucesso utilizando dois mtodos:

Boolenization e XML Crawling, que adicionaro comandos especficos na sintaxe do XPath, alterando o que o atacante inseriu no
campo do login a expresso especialmente criada.

string mencionada anteriormente, N ser o caractere inicial e 1

o prximo caractere. Contando a partir de N, ser possvel descobrir a string por completo.

CDIGO:

<?xml version="1.0" encoding="UTF-8"?>

<data>
<user>
<login>admin</login>
<password>test</password>
<realname>SuperUser</realname>
</user>
<user>
<login>rezos</login>
<password>rezos123</password>
<realname>Simple User</realname>
</user>
</data>

FUNO:

- string.stringlength(//user[position()=1]/child::node()[position()=2])
returns the length of the second string of the first user (8). (Retorna
o tamanho da segunda string do primeiro usurio (8));
- substring((//user[position()=1]/child::node()[position()=2),1,1)
returns the first character of this user ('r'). (Retorna o primeiro
caractere desse usurio (r)).

BOOLENIZATION

Utilizando o mtodo Boolenization, o atacante poder procurar se o dado da expresso XPath verdadeiro ou falso. Vamos
assumir que o objetivo do atacante seja conseguir o acesso a uma
conta. Os logs de tentativa de acesso com sucesso sero iguais
True e os logs falhos sero iguais False. Apenas uma pequena
pate da informao analisada caracteres ou por nmeros.
Quando o atacante se foca no uso de strings, ele poder descobrir
em sua totalidade, verificando cada caractere dentro da classe/
srie de caracteres a que essa string pertence.
Utilizando a funo string-length(S), na qual o S a string,
o atacante poder descobrir o tamanho dessa string. Com um
nmero de interaes da funo substring(S,N,1), na qual S a

84

| WIDE | 86 > TECNOLOGIA

XML CRAWLING

Para conhecer a estrutura de um document XML, um atacante

poder usar:
q
DPVOU FYQSFTTJPO


count(//user/child::node()
Isso retornar o numerous de nodes (neste caso, 2).
q
TUSJOHMFOHUI TUSJOH


string-length(//user[position()=1]/child::node()[position()=2])=6
Usando esta query, o atacante descobrir se a segunda string (password) do primeiro node (usurio admin) consiste em seis caracteres.

q
TVCTUSJOH TUSJOH
OVNCFS
OVNCFS

substring((//user[position()=1]/child::node()[position()=2]),1,1)="a"
Esta query confirmar (True) ou negar (False) se o primeiro
caractere da senha do usurio (admin) um caractere a.
Se o formulrio de login for parecido como este:

C#:
String FindUser;
FindUser = "//user[login/text()='" +
Request("Username") + "' And
password/text()='" + Request("Password")
+ "']";

ento o atacante pode injetar o seguinte cdigo:

Username: ' or substring((//user[position()=1]/

child::node()[position()=2]),1,1)="a" or ''='

As sintaxes utilizadas no Xpath podem lembrar bastante os ataques de SQL Injection, mas o atacante dever considerar que essa
linguagem no permite comentrios no restante da expresso.
Para omitir essa limitao, o atacante dever usar a expresso OR
para anular todas as expresses que podem anular o ataque.
Por causa da Boolenization, o nmero de consultas, mesmo
em um pequeno document XML, pode se tornar muito difcil
(milhares, centenas de milhares e muito mais). Por tal motivo,
esse tipo de ataque no realizado manualmente. Conhecendo
o bsico das funes XPath, o atacante poder escrever uma
aplicao em um pequeno tempo, que reconstruir a estrutura
do document e preencher os dados automaticamente.

Ivo Machado
Diretor de operaes da In2Sec Intelligence to Security, formado em
Anlise de Sistemas com MBA em Gesto de Riscos, tendo j atuado
em diversas empresas nacionais e multinacionais, no Brasil e no
exterior. Especialista em Gesto de Riscos e Segurana da Informao,
responsvel pelas operaes das Amricas da Certificadora TrustSign e das
consultorias de segurana e-Horus e A.
E-mail: ivo.machado@in2sec.com

86 > TECNOLOGIA | WIDE |

85

Tableless Diego Eis

EU SOU DESENVOLVEDOR CLIENT-SIDE

Eu sou desenvolvedor client-side desde sempre. Iniciei muito
cedo na rea, mas andei devagar. Comecei a brincar com tudo
isso quando tinha 15 ou 16 anos de idade algo em torno de 1995
, ainda estava na quinta srie primria. Lembro-me que escrevia cdigo HTML nas folhas do meu caderno durante as aulas
para testar no computador quando chegasse em casa. Fazia isso
por diverso, mesmo que s fosse possvel na poca escrever
HTML puro com quase nada de CSS. Praticamente, fazia aquele
cdigo porco que voc j deve ter escrito um dia, cheio de tags,
fonts e centers, com tabelas por todo o lado. No sei por que eu
gostava tanto de frames. Quando tudo funcionava bem, achava
fantstico. Era engraado porque eu no fazia nada de til, apenas escrevia cdigos HTML para ver o que acontecia e nada
mais. Eu no sabia, mas essa brincadeira, a cada dia que passava, ficava mais sria.
Nunca tive talento para ser programador. Nunca tive talento
suficiente para ser um excelente designer. Eu sabia o que era feio,
o que era bonito e o que dava certo. Sabia combinar as coisas.
Entendia que se colocasse um boto desalinhado, a pgina ficaria estranha. Sabia que no ficava bonito ficar misturando fonts,
encher a pgina de gifs animados etc. Mas, eu no sabia programar. No sabia incluir nem extrair dados do banco, no sabia
fazer funcionar um formulrio de contato. Isso me deu uma vantagem perante os designers e os programadores: eu conseguia
fazer cdigo HTML melhor do que eles.
Se voc j parou para ler o HTML de algum programador, sabe
do que eu estou falando. Eu no estaria mentindo se dissesse que
80% dos programadores no sabem escrever bom cdigo HTML.
A mesma coisa se aplica ao designer. Grande parte dos designers
para web faz arte. Eles conhecem os conceitos e as limitaes
da web e, por isso, conseguem fazer bons layouts. Mas, quando
se trata de compatibilidade de browsers, cdigo semntico etc.,
tudo comea a ficar muito nebuloso e eles acabam pulando fora.
Percebi isso e conseguia me encaixar nessa lacuna. Eu sabia
mais design que o programador, o que me permitia no fazer
nada extremamente feio, e tambm sabia muito mais cdigo que
o designer, o que me permitia no quebrar a programao server-side. E voc, meu caro, tambm se encaixa aqui.
O MERCADO SEMPRE DEU, E AINDA D, MAIS IMPORTNCIA para
os dois extremos: um website elogiado pelo seu belo layout
porque os visitantes conseguem navegar facilmente, porque
tudo funciona de maneira rpida e excepcional, porque o sistema no cai quando h um grande nmero de visitas Mas
ningum elogia um site porque o cdigo HTML foi bem escrito.
Algum cliente (no tcnico) elogiou seu site porque voc utilizou as tags de maneira semntica? Ou porque voc planejou

86

| WIDE | 86 > TECNOLOGIA

modular de maneira exemplar os arquivos de CSS? Nestes anos

todos, isso nunca me ocorreu.
O bom desenvolvedor client-side passa despercebido por todo
o processo. S se lembraro dele quando os sistemas de busca
indexarem bem a informao, quando os mobiles carregarem
a informao rapidamente ou quando houver uma migrao
de layout, sendo necessrio manter igual apenas a programao server-side, adaptando somente o CSS para o layout novo.
Essas so tarefas que ns, devs client-side, precisamos fazer, e
sabemos fazer bem.
A responsabilidade do client-side perante o designer que
o layout desenhado seja fielmente transportado para cdigo,
levando em considerao todas as premissas estabelecidas no
processo de criao. tambm responsvel por entregar esse
cdigo HTML para o programador de forma que seja fcil aplicar
o cdigo server-side, alm de manter a compatibilidade entre
browsers, prevendo quais os usurios esto usando e suas respectivas verses.
POSSO LISTAR AQUI TODAS AS FUNES DE UM DESENVOLVEDOR

client-side, em minha opinio. Voc tambm poderia modificar

essa lista com as responsabilidades que voc entende que sejam
adequadas. No entanto, isso seria limitar as possibilidades que
podem surgir no futuro. Entenda que o dev client-side lida com
as necessidades de trs pblicos: programadores, designers e
usurios/visitantes. O grupo dos programadores, por incrvel
que parea, o grupo que menos nos d trabalho. Mas, quando
conversamos sobre os outros dois grupos, designers e usurios,
encontramos diversos problemas. S que, de longe, o grupo que
precisa de mais ateno o de usurios. Nada mais justo, j que
todos, inclusive ns, somos usurios alguma hora do dia.
Quero finalizar tentando fazer voc entender que ser um profissional client-side algo realmente importante. o dev que est
ganhando mais ateno nos ltimos tempos e o profissional
que mais tem modificado a forma com que o mercado de web
caminha. Veja pelo lado bom: somos muito importantes e temos
menos trabalho que os programadores. ;-)

Diego Eis
Scio da Visie (www.visie.com.br), empresa especializada em
desenvolvimento e consultoria para web. Faz consultoria para empresas
como Globo.com e Nokia. palestrante e criador do Tableless (www.
tableless.com.br), site que ajuda a promover o desenvolvimento e as
boas prticas com Padres Web no Brasil.
E-mail: diego@tableless.com.br
Twitter: @diegoeis

86 > TECNOLOGIA | WIDE |

87

Mercado de TI Paulino Michelazzo

SOU PCCN
A pessoa que possui o maior nmero de certificaes Microsoft
em todo o mundo um brasileiro. Se no bastasse, ele ainda possui
diversas outras de empresas e produtos que certamente o levam
para um patamar onde poucos conseguem chegar. Com mais de
cem certificaes, Dalton Gerth realmente fera no que faz e, ainda,
acrescenta em seu currculo a formao em Fsica e ps em TI.
Tive a oportunidade de trabalhar com ele em 2001 numa empresa
da rea de telefonia no interior de So Paulo. Em seu primeiro dia,
lembro-me que eu vestia uma camisa com o mascote do FreeBSD
estampado. Coincidncia? Que nada, provocao mesmo; afinal
o cara era o cara. Mas, ao contrrio da maioria dos MC qualquer
coisa que estaria pronta para me atacar com caixas de software da
gigante, perguntou-me educadamente se eu usava o BSD. Respondi
que sim (naquela poca), e este me retruca: Sabia que a pilha TCP
do Windows NT toda do BSD? Mais que isso, Dalton evanglico
e poderia muito bem pichar minha escolha, pois o mascote desse SO
justamente um diabo; simptico, mas um diabo. E, para um evanglico, certamente no algo para se adorar.
Mesmo com as diferenas, nos tornamos amigos ao longo do
tempo e inevitavelmente perguntei como se consegue um nmero
to grande de certificaes. Decoreba, responde ele. Pensando no
ter entendido direito a resposta, ele me confirma: certificao, em
sua esmagadora maioria, decoreba. Voc pega um livro voltado
para a certificao, decora os principais pontos e passa. Para mim,
uma confirmao daquilo que j imaginava.
(PAUSA PARA VOC SE RECOMPOR DO SUSTO)
Obviamente a resposta foi generalizada. Existem algumas certificaes,
principalmente aquelas que possuem partes prticas, que no so um
decora texto que permitir ao candidato passar no exame, mas via
de regra um simples conjunto de perguntas com mltipla escolha de
resposta em que a probabilidade de passar marcando tudo A grande.
Os anos passaram e conheci outra pessoa fera em seu trabalho.
Guilherme Chapiewski, hoje engenheiro snior do Yahoo Brasil,
daqueles que abominam certificaes e no tem medo de falar isso.
Em vrios eventos que participamos juntos, ouvir sua analogia da
certificao com carne algo que arranca as mais barulhentas gargalhadas da plateia (e minhas). Para ele, carne certificada, e no gente,
uma viso muito interessante, principalmente quando se ouvem
seus argumentos e seu histrico. Sem terminar a faculdade e ter certificaes como apndice em seu nome, um dos melhores programadores que conheo em todo o mundo e faz jus sua atual posio.
Sem sombra de dvida, esse assunto extremamente controverso e possui defensores de ambos os lados. Alguns tm as certificaes como soluo de suas carreiras, enquanto outros se esquecem
delas e vo para o show me the code. Nada contra ambos os lados,
pois inclusive tenho algumas dessas certificaes (que nunca usei)

88

| WIDE | 86 > TECNOLOGIA

perdidas juntas a dezenas de certificados de palestras ministradas

em todo o mundo. Mas, no fao disso minha vida, tampouco mudo
meu nome por isso, como algumas pessoas fazem na rede social
LinkedIn. L fcil encontrar o Fulano da Silva MCPS CCIP WTF FDP,
que aparentemente precisa dos acrnimos para dizer que alguma
coisa realmente. Quando vejo isso, lembro-me de Dalton e fico imaginando se o campo de nome em seu perfil na rede seria suficientemente grande para colocar todas as que ele tem.
Hoje, o mercado de certificaes (sim, um mercado) atrai um
enorme nmero de pessoas que desejam fazer um upgrade em suas
carreiras. Mais uma vez, nada contra esse processo, mas sim contra
aqueles que acreditam ser essa a soluo para tudo. Longe disso;
ter uma certificao e na hora do show me the code sair pipocando
e tentando arrumar um paliativo qualquer para uma pergunta , no
mnimo, risvel. E pior, escutar mas voc no certificado? certamente o inferno de qualquer profissional.
O mesmo acontece com as titulaes de faculdades e universidades. De nada adianta ser Prof. Dr. Sr. Joo da Silva e nunca ter passado pelo show me the code. Dentro da vida acadmica certamente
um diferencial, mas na rua, prtica tambm conta; e muito.
No um pedao de papel que dir quem bom ou no. Existem
milhares de cirurgies plsticos no pas, mas somente um Ivo
Pitanguy. Da mesma forma, arquitetos; Oscar Niemeyer nico. O
que difere estes dos demais? A vontade de realmente aprender, a
curiosidade, o suor do rosto e a ousadia de ir alm.
Procurar o conhecimento, e no somente o papel, a melhor soluo. No porque voc um PCCN (Profissinal certificado em coisa
nenhuma) que ser preterido. Aquele que realmente faz, sempre tem
um emprego garantido e constantemente procurado pelo mercado.
Mesmo sem ter uma faculdade nas costas ou uma certificao, ser bom
o grande diferencial para qualquer empresa. No raro, grandes companhias de tecnologia empregam espcimes que realmente fazem,
no se atentando para pedaos de papis ou acrnimos desgastados.
E, por favor, retire estes acrnimos de seu nome. Se voc no se chama
William Henry Gates, no precisa colocar o KBE* logo depois.
*Cavaleiro do Imprio Britnico

Paulino Michelazzo
Possui quinze anos de experincia em internet e atua como consultor
web em todo o mundo. Palestrante costumeiro de eventos de tecnologia,
coautor de trs livros na rea de internet e software livre, e escreve
regularmente sobre empreendedorismo e desenvolvimento em seu site:
www.michelazzo.com.br
E-mail: paulino@michelazzo.com.br
Twitter: @pmichelazzo

86 > TECNOLOGIA | WIDE |

89

marketing

O reality

show
nas mdias sociais

Por Tiago Bosco

Conhecer a fundo o seu pblico-alvo, todas as aes dele nas mdias sociais e gerar dados estatsticos que comprovam a
eficcia de uma campanha de marketing
dentro das redes. Tudo isso se faz por
meio de monitoramento. Confira nesta
reportagem as principais ferramentas
que, se bem utilizadas, proporcionam um
diagnstico preciso do que acontece na
web 2.0 e como elas so grandes aliadas
para empresas e marcas.

MARKETING

uem nunca ouviu falar desses programas do gnero reality show em

que os telespectadores vigiam por
24 horas as aes dos participantes?
Neles, tal vigilncia representa curiosidade do pblico e, de quebra, dinheiro para as emissoras e seus
anunciantes. Na web, no contexto das mdias sociais, o fenmeno
de vigilncia tambm se faz presente, mas por meio das marcas/
empresas que controlam cada passo e reao do seu pblico-alvo. Ao contrrio da televiso, esse monitoramento no se faz
por meio de cmeras espalhadas em um cenrio, e sim por meio
de ferramentas, responsveis pelas mtricas, relatrios e outras
formas que comprovam a eficcia de uma determinada campanha ou ao de marketing. Essas ferramentas, mesmo que de
uma maneira indireta, acabam gerando retorno financeiro. Em
suma, vale o investimento!
Atualmente, a organizao que deseja construir um posicionamento slido na internet e um relacionamento eficiente com o seu
pblico de interesse no deve partir de suposies ou de achismos. Segundo Marcel Ayres, pesquisador do Grupo de Pesquisa
em Interaes, Tecnologias Digitais e Sociedade (Gits UFBA) e
cocriador dos ebooks Mdias sociais: perspectivas, tendncia e
reflexes e Mdias sociais e eleies 2010, hoje a web (principalmente as mdias sociais) proporciona um ambiente rico em informaes e experincias publicadas diariamente por usurios que,
se monitoradas de maneira sistemtica, podem permitir:

1. Identificar possveis focos de crise e gerenci-los antes de

sua reverberao;
2. Compreender o comportamento do pblico, observando
o que ele gosta ou no, qual sua percepo sobre a organizao, quais so os seus desejos e necessidades etc.;
3. Acompanhar o movimento do mercado por meio do posicionamento de concorrentes diretos e indiretos;
4. Mapear o que os usurios falam sobre um determinado tema;
5. Identificar insights para campanhas e/ou aes tticas.
GERINDO CRISES

Na internet, um consumidor insatisfeito pode atingir centenas

de pessoas ao falar mal de uma determinada marca. Gerir crises,
contornar situaes desfavorveis e saber o que de fato esto
falando sobre uma empresa so tarefas fundamentais quando o
assunto marketing digital.
Eduardo Prange, scio da InMeta Marketing Interativo (www.

REPORTAGEM

inmeta.com.br), no enxerga o monitoramento de marcas em

mdias sociais como algo opcional para as empresas/marcas,
e sim como uma questo obrigatria que apenas depende da
escolha do mtodo. Independentemente das empresas/marcas
estarem efetivamente fazendo esse servio, seus consumidores esto ativamente discorrendo sobre elas espontaneamente,
atingindo inmeras pessoas e gerando uma repercusso que
pode ocasionar crises irreversveis ou insights de oportunidade desperdiados. Eduardo acredita que o principal desafio
para a oferta da utilizao de uma ferramenta por parte de uma
empresa esteja ligado a trs fatores fundamentais: sensibilizao,
estratgia e tangibilidade.
Temos como principal desafio apresentar s empresas nmeros de mercado que comprovem a necessidade desse servio.
Reforamos a necessidade de um planejamento e construo de
estratgia trazendo para a oferta algum parceiro com expertise
estratgica na rea de marketing interativo que oferea anlises
operacionais, tticas e estratgicas e, por fim, entregar algo que
demonstre um pouco daquilo que se pretende ofertar, uma espcie de relatrio demonstrativo/entregvel, afirma.
Com tudo isso, necessrio para uma empresa se envolver
e interagir com o mercado e com as comunidades online. Mas,
visando a esse fato, seria possvel encontrar um mtodo simples
e ao mesmo tempo eficaz para quem pretende monitorar uma
marca/campanha na web?
Para Bernardo Carvalho, scio da Head of Digital Brasil (www.
redant.com), o ideal combinar um nmero de ferramentas
ao estabelecer uma estratgia de monitoramento que seja adequada para cada cliente. O mtodo de coleta, armazenamento
e anlise de dados de forma eficaz e visando a resultados nunca
simples. Porm, algumas ferramentas de fcil uso para iniciantes so o Google Alerts e o Google Insights, alm do Twitter
Search, Google Blog Search, Blogpulse, Addict-o-matic,
Social Mention, Twitalyzer e Klout. Estas so timas, mas
existem muitas outras. A primeira coisa antes de escolher a ferramenta estabelecer qual ser a estratgia digital, assim se
escolhe a ferramenta que mais se encaixa com a necessidade da
marca, orienta.
De acordo com Gustavo Loureiro, professor do MBA em
Marketing Digital do Instituto Infnet (www.infnet.edu.br),
existem vrias ferramentas de monitoramento que podem ajudar nesse sentido, no entanto um sistema por si s no resolve.
Entender o negcio do cliente e entender o feedback dos usurios nas mdias sociais tambm importante, diz.
Atualmente, esto surgindo vrios softwares que permitem
que o monitoramento realizado nas mdias sociais seja cada vez
mais preciso. Com tantas opes no mercado, muitas pessoas se
perguntam quais critrios devem ser considerados para fazer a
melhor escolha.
Segundo Eduardo Prange, os critrios devem estar
86 > MARKETING | WIDE |

91

MARKETING

diretamente ligados ao objetivo da empresa. Efetuar um test

drive, observando a capacidade e a qualidade de atendimento e
suporte, so alguns dos principais critrios para anlise. No vejo
que exista uma soluo que atenda a todas as necessidades do
mercado, e sim solues construdas e orientadas para diversos
cenrios. Entender a essncia dessas empresas/fabricantes e o
comportamento delas no mercado so critrios, a meu ver, fundamentais para a tomada de deciso, afirma.
Para Diego Monteiro, lder de pesquisas e metodologia em
mdias sociais do Scup (www.scup.com.br), o principal critrio
de escolha da ferramenta entender o tipo de anlise e quem
far o monitoramento comparado ao foco do software. H ferramentas focadas em gerar grficos bonitos, em facilitar o trabalho operacional, simplificao com baixa customizao etc.
Devem-se analisar os critrios tradicionais, como usabilidade,
preo, suporte e credibilidade, pois vale lembrar que os dados da
empresa esto nos softwares, e perd-los pode gerar um grande
transtorno, alerta.

MAIORES BENEFCIOS PARA AS EMPRESAS QUE

INVESTEM NO MONITORAMENTO DE SUAS MARCAS
NAS MDIAS SOCIAIS
s
$POIFDFS
F
QPEFS
TF
QPTJDJPOBS
OB
JOUFSOFU
DPN
PT
BUSJCVUPT

RVF
TP
CFN
QFSDFCJEPT
QFMP
TFV
QCMJDPBMWP
s
"DPNQBOIBS
EFNBOEBT
DSUJDBT
F
TVHFTUFT
EF
VTVSJPT
EF

NEJBT
TPDJBJT
s
"UVBMJ[BS
DPOTUBOUFNFOUF
BT
FTUSBUHJBT
EF
DPNVOJDBP
F

NBSLFUJOH
s
*EFOUJJDBS
OPWBT
PQPSUVOJEBEFT
EF
BUVBP
s
30*
F
BVNFOUP
EF
WFOEBT
s
3FDPOIFDJNFOUP
F
JOUFSBP
HMPCBM
EF
QPUFODJBJT
DMJFOUFT
DPN

B
NBSDB
s
'JEFMJ[BP
EF
DMJFOUFT
BUVBJT
F
DPOWFSTP
EF
FWBOHFMJ[BEPSFT
s
3FDPNFOEBFT
F
CV[[
HFSBOEP
NBSLFUJOH
HSBUVJUP
s
0CUFOP
EF
NEJB
F
EJWVMHBP
HSBUVJUB
s
1FTRVJTB
EF
PQJOJP
F
GFFECBDL
EF
VTVSJPT
Fontes: Marcel Ayres e Bernardo Carvalho.

PROFISSIONAL RESPONSVEL PELAS FERRAMENTAS DE

MONITORAMENTO

Nesta reportagem j vimos a importncia e os benefcios que as

ferramentas utilizadas para o monitoramento nas mdias sociais
trazem para as empresas que investem nesse tipo de ao.
Porm, no adianta gastar dinheiro se a pessoa responsvel no

92

| WIDE | 86 > MARKETING

A primeira coisa antes de escolher a

ferramenta estabelecer qual ser a
estratgia digital, assim se escolhe a
ferramenta que mais se encaixa com
a necessidade da marca
Bernardo Carvalho

souber lidar com as peculiaridades que tais ferramentas exigem.

Embora algumas empresas segmentem a prtica do monitoramento, Marcel Ayres destaca os atributos necessrios que o profissional deve ter. Perfil analtico e descritivo, para saber interpretar bem os dados; capacidade de observao aguada, para saber
levantar bons insights de dados isolados; criatividade e ateno
s tendncias de mercado, para produzir recomendaes adequadas ao negcio do cliente.
De acordo com Bernardo Carvalho, cabe ao gestor avaliar a
pessoa antes da contratao; no s o tipo de graduao e experincia, mas todo o seu modo de trabalho, personalidade e hbitos
pessoais. Na parte de gerao de contedo, perfil de jornalista
pode ser til. Tem que ser algum que escreva de forma clara,
direta e profissional, se expresse bem e, principalmente, seja bem
informado. Na parte de anlise de dados, til um perfil mais tcnico, matemtico, como de um profissional de planejamento de
agncia. Um perfil de profissional muito organizado, paciente e
com viso analtica para poder destilar os dados, interpret-los
e, com isso, obter um insight da situao da marca nas redes
bem-vindo. O relacionamento desses resultados com os outros
departamentos da prpria empresa, e com seus competidores,
tambm de altssima importncia. Por exemplo: Ser necessrio lidar com o time de design de produtos para se criar ou modificar um produto como resposta aos pedidos dos usurios? H
uma oportunidade de fazer uma promoo? Para os profissionais de mdias sociais em geral, tambm essencial saber lidar
com pessoas, suas diferentes personalidades, nveis sociais e de
instruo. O trabalho precisa ser humanizado, no robotizado,
para que os usurios no sintam estar recebendo um tratamento
impessoal, diz.
O erro mais comum na seleo do responsvel pelo monitoramento contratar pessoas que gostam de redes sociais na
vida pessoal. o que diz Diego Monteiro: Quem fica o dia inteiro
no Orkut dificilmente agregar algo empresa. O mais indicado
selecionar pessoas que tenham pelo menos viso analtica e
conhecimentos bsicos de marketing, conta.

FERRAMENTAS
Confira, a seguir, algumas importantes ferramentas para monitoramento nas mdias sociais.

Seekr
www.seekr.com.br (De R$ 600 a R$ 4.000)

s
*OUFSGBDF
JOUVJUJWB
s
'FSSBNFOUB
RVF
NPOJUPSB
P
NBJPS
ONFSP
EF
NEJBT
TPDJBJT
OP

NFSDBEP
UPUBMJ[BOEP

EJGFSFOUFT
NEJBT
s
1FSNJUF
BHFOEBNFOUPQVCMJDBP
EF
QPTUT
s
6TVSJPT
JMJNJUBEPT
s
.PTUSB
P
BMDBODF
EF
DBEB
NFOUJPO
QFSNJUJOEP
JEFOUJJDBS
VTV
SJPT
JOMVFOUFT
s
OJDB
GFSSBNFOUB
OP
NFSDBEP
RVF
NPOJUPSB
P
0SLVU
SFEF
TPDJBM

BJOEB
NBJT
BUJWB
OP
#SBTJM

s
.PTUSB
BT
QBMBWSBTDIBWF
NBJT
DJUBEBT
WJODVMBEBT

TVB
NBSDB
F

RVBOUJEBEF
EF
NFOFT
QPTJUJWBT
OFHBUJWBT
F
OFVUSBT
s
#VTDB
QPS
VTVSJPT
s
)JTUSJDP
EF
JOUFSBFT
EF
DBEB
VTVSJP
s
(FSB
NBJT
EF
EPJT
NJM
SFMBUSJPT
RVBOUJUBUJWPT
F
RVBMJUBUJWPT

PDPSSODJBT
BMDBODF
WJSBMJEBEF
VTVSJPT
TFOUJNFOUP
TBVEBCJMJ
EBEF
UBHT
FUD

s
4PDJBM
$3.
QFSNJUF
HFSFODJBS
P
SFMBDJPOBNFOUP
DPN
PT
VTV
SJPT
DSJBOEP
QFSJT
DPN
UPEBT
BT
TVBT
SFEFT
TPDJBJT
QBSB
BOBMJT
MPT
F
GB[FS
QPTTWFJT
BFT
QFSTPOBMJ[BEBT

s
1FSNJUF
DSJBS
CMPHT
EBT
DBNQBOIBT
QBSB
EJTDVUJS
TFV
EFTFNQF
OIP
DPN
PT
PVUSPT
NFNCSPT
EPT
NPOJUPSBNFOUPT
s
3FHJTUSP
EF
PDPSSODJBT
NBOVBM
DBTP
BMHVNB
NFOP
OP
TFKB

DBQUBEB
QFMP
4FFLS

s
%FTFOWPMWJEB
FN
3VCZ
PO
3BJMT
s
&YDFMFOUFT
BUFOEJNFOUP
F
TVQPSUF
4P
BCFSUPT
B
TVHFTUFT
F

JNQMFNFOUBFT
OB
GFSSBNFOUB
EF
BDPSEP
DPN
B
OFDFTTJEBEF

EP
DMJFOUF

s
0VWF
P
NFSDBEP
F
BUVB
FTUSBUFHJDBNFOUF
OBT
NEJBT
TPDJBJT
86 > MARKETING | WIDE |

93

4DVQ

3BEJBO

www.scup.com.br (De R$ 500 a R$ 4.000)

www.radian6.com (Valor sob consulta)

s
*OUFSGBDF
JOUVJUJWB
s
1VCMJDBPBHFOEBNFOUP
EF
QPTUT
QPS
NFJP
EB
GFSSBNFOUB
s
)JTUSJDP
EF
JOUFSBFT
EF
DBEB
VTVSJP
s
#VTDB
QPS
VTVSJPT

s
'FSSBNFOUB
NBJT
DPOIFDJEB
OP
NFSDBEP
JOUFSOBDJPOBM

s
1FSNJUF
DSJBS
QFSJT
EF
VTVSJPT
MJOLBOEP
UPEBT
BT
TVBT
SFEFT
TPDJBJT

QBSB
BOBMJTMPT
F
GB[FS
QPTTWFJT
BFT
QFSTPOBMJ[BEBT

s
7FMPDJEBEF
EBT
CVTDBT

s
"EEPO
BCSBOHODJB
n
DPOKVOUP
EF
GVODJPOBMJEBEFT
RVF
JODSFNFOUB

BT
NUSJDBT
EF
SFUPSOP
QFSNJUJOEP
JEFOUJJDBS
VTVSJPT
JOMVFOUFT
F

HSJDPT
EF
30*
OP
5XJUUFS
F
OPT
CMPH
OP
JODMVTP
OPT
QMBOPT
QBESP

n

EP
WBMPS
EP
QMBOP


s
)JTUSJDP
EF
JOUFSBFT
EF
DBEB
VTVSJP

s
1VCMJDBPBHFOEBNFOUP
EF
QPTUT
QPS
NFJP
EB
GFSSBNFOUB

s
1FSNJUF
B
DSJBP
EF
QBJOJT
DVTUPNJ[BEPT
EF
BDPNQBOIBNFOUP

FERRAMENTAS POR CATEGORIA

CATEGORIA ALERTAS
1BSB
RVFN
EFTFKB
USBCBMIBS
DPN
BMFSUBT
OP
5XJUUFS
FYJTUFN
EJWFS
TBT
PQFT
HSBUVJUBT
DPNP
Twitter Alerts (www.twitteralerts.net)

Tweet Beep (www.tweetbeep.com)
Tweet Alarm (www.tweetalarm.com)
F
Twilert (www.twilert.com)
/FTTBT
GFSSBNFOUBT
WPD

QPEF
DBEBTUSBS
UFSNPT
EF
QFTRVJTB
FPV
QFSJT
QBSB
SFDFCFS
BUVBMJ
[BFT
QPS
NFJP
EF
FNBJM
F
DFMVMBS
QPS
FYFNQMP
CATEGORIA AVALIAO DE MENES
4F
P
PCKFUJWP

DPMFUBS
NFOFT
FN
EJGFSFOUFT
BNCJFOUFT
POMJOF

FYJTUFN
GFSSBNFOUBT
HSBUVJUBT
RVF
QPEFN
BVYJMJBS
FTTF
QSPDFEJ
NFOUP
F
FN
BMHVOT
DBTPT
PGFSFDFN
EBEPT
RVBOUJUBUJWPT
TPCSF

94

| WIDE | 86 > MARKETING

FTTBT
NFOFT

P
DBTP
EBT
GFSSBNFOUBT
Addict-o-Matic (www.

addictomatic.com)
48ers (www.48ers.com)
BlogPulse (www.
blogpulse.com)
SnappBird (www.snapbird.org)
Favstar (www.
favstar.fm)
F
TweetAuditor (www.tweetauditor.in)
FOUSF
PVUSBT
$BUFHPSJB
hHFPMPDBMJ[BPv

1BSB
RVFN
EFTFKB
PCUFS
JOGPSNBFT
TPCSF
5SFOEJOH
5PQJDT
FN
VN

MPDBM
FTQFDJDP
VNB
CPB
PQP

P
TrendsMap (www.trendsmap.
com)
&TTB
GFSSBNFOUB
HSBUVJUB

NVJUP
UJM
QBSB
BDPNQBOIBS
B

SFQFSDVTTP
QPS
FYFNQMP
EF
FWFOUPT
DBNQBOIBT
F
GBUPTOPUDJB

RVF
FTUP
PDPSSFOEP
FN
VN
EFUFSNJOBEP
MPDBM
Fontes: Bernardo Carvalho, Eduardo Prange, Gustavo Loureiro e Marcel Ayres.

86 > MARKETING | WIDE |

95

BOEHRINGER APOSTA NO

FACEBOOK

E GARANTE CERCA DE 80 NOVOS USURIOS EM SUA

FAN PAGE POR DIA
Fortalecer a presena no Facebook
deve ser encarado como mais um
passo de uma empresa em sua estratgia de marketing digital. Para
falar um pouco sobre isso e apresentar aos leitores um bom exemplo
de publicidade dentro da rede social
mais popular do mundo, conversamos com Vitor Elman, scio e diretor de criao da Cappuccino Digital
(www.cappuccinodigital.com.br),
agncia responsvel pela criao e
o desenvolvimento da campanha da
pastilha Mucoangin (www.facebook.
com/mucoangin).

96

| WIDE | 86 > MARKETING

MARKETING

WIDE
6N
EPT
SFDFOUFT
USBCBMIPT
MBOBEPT
QFMP
-BCPSBUSJP

#PFISJOHFS
(www.boehringer-ingelheim.com.br)
FN
QBSDFSJB
DPN

B
BHODJB
$BQQVDDJOP
%JHJUBM
FOWPMWFV
B
DSJBP
F
P
EFTFOWPMWJNFOUP

EB
DBNQBOIB
EB
.VDPBOHJO
OP
'BDFCPPL
2VBJT
FSBN
BT
QSJODJQBJT

OFDFTTJEBEFT
F
FYQFDUBUJWBT
EF
WPDT
FN
SFMBP
B
FTTF
QSPKFUP
VITOR O cliente tem a necessidade de ganhar espao na categoria. Por ser um remdio relativamente novo no mercado, nosso
objetivo o de gerar awareness . Alm do conhecimento, tambm existe o desafio de informar as pessoas sobre o diferencial
do remdio para a garganta, uma vez que o mercado invadido
tambm por outros players. Nossa expectativa a de atingir um
grande nmero de pessoas entre 18 a 35 anos e envolv-las em
um relacionamento com base em dicas e muito bom humor, pois
sabemos que a primeira coisa que a dor de garganta nos rouba.
WIDE
2VBJT
TP
BT
NBJPSFT
WBOUBHFOT
EF
SFBMJ[BS
VNB
DBNQBOIB

EFOUSP
EP
'BDFCPPL
VITOR Certamente, uma das maiores vantagens a de voc estar
onde sua audincia est. No nosso caso, pela faixa etria e classe
do pblico-alvo, o tiro era certeiro. Alm disso, no Facebook
o spread natural, as ferramentas e a cultura j esto l. E, por
ltimo, a campanha comea com um impacto, mas retm por um
relacionamento. Ao curtir a pgina, o pblico continua em contato com a marca que, se fizer um trabalho bem feito, pode manter esse canal de contato. Nossa estratgia vem atingindo timos
resultados de interao do pblico tanto em comentrios como
em likes. Alis, dependendo do seu objetivo, o Facebook permite
a utilizao de outras mtricas de engajamento.
WIDE
4PCSF
BT
SFEFT
TPDJBJT
BU
QPVDP
UFNQP
P
'BDFCPPL
OP
FSB

UP
QPQVMBS
OP
#SBTJM
DPNP
P
0SLVU
&N
RVF
NPNFOUP
P
NFSDBEP

CSBTJMFJSP
QFSDFCFV
RVF
B
NBJPS
SFEF
TPDJBM
EP
NVOEP
TFSJB
VN

OPWP
DBOBM
QBSB
TF
JOWFTUJS
FN
BFT
F
DBNQBOIBT
EF
NBSLFUJOH

2VBJT
BT
DBSBDUFSTUJDBT
QSFTFOUFT
OP
'BDFCPPL
RVF
BUSBSBN
P
NFS
DBEP
QVCMJDJUSJP
VITOR O aumento no investimento em aes e campanhas de
marketing no Facebook comeou somente neste ano de 2011.
Ele veio juntamente com o prprio aumento da audincia brasileira na rede. Eu diria que no foram somente suas caractersticas, mas o seu sucesso que atraiu o mercado publicitrio. Ns
vamos onde a audincia est. claro que o Facebook oferece
facilidades que at ento o Orkut no oferecia. No Facebook,
voc pode criar pginas para sua marca, muito mais customizadas e atraentes do que em seu rival e que podem ser acessadas mesmo que a pessoa no esteja logada (coisa que o Orkut
implementou h pouco tempo). A criao de aplicativos tambm sempre foi muito mais fcil, desde o alcance das APIs, que
permitem acessar informaes do usurio etc., at a prpria
aprovao, que sempre foi muito rpida. Alm disso, tem uma
preocupao com relatrios que, apesar de ainda no to completos, ajudam no monitoramento da campanha.

AWARENESS
1PEF
TFS
VTBEP
FN
NBSLFUJOH
QBSB
NFEJS
B
QFSDFQP
EP
DPOTVNJ
EPS
F
JEFOUJJDBS
BT
NBSDBT
DPOIFDJEBT
QPS
FMF Fonte: Wikipdia

WIDE
'BMBOEP
TPCSF
P
NBSLFUJOH
OP
'BDFCPPL
QBSB
B
QBTUJMIB

.VDPBOHJO
RVBJT
UJQPT
EF
BFT
QSFTFOUFT
OB
DBNQBOIB
DIBNBN

NBJT
BUFOP
FN
TVB
PQJOJP
VITOR A campanha foi criada com base em pesquisas realizadas que constataram que as pessoas quando tm dor de garganta se sentem incompreendidas, pois ningum percebe de
cara que ela est com esse incmodo. Isso, juntando com o fato
de que comer, falar ou cantar so praticamente impossveis,
a vida social da pessoa vai praticamente embora. Ela vira um
homem das cavernas. Justamente por isso brincamos com um
aplicativo que mede a sua vida social no Facebook e lhe d o
quanto homem das cavernas voc est, com direito a transformar sua foto em uma perfeita criatura primitiva. E no para por
a. Ns, assim como o Mucoangin, ajudamos as pessoas com
piadas, cartes postais para pr a foto dos amigos, convites para
mandar, tudo isso para que melhorem suas avaliaes quando
usarem o aplicativo novamente.
WIDE
&OUSF
BT
OPWJEBEFT
EB
DBNQBOIB
GPJ
EFTFOWPMWJEP
VN
WEFP

DPN
P
HSVQP
UFBUSBM
h"T
0MWJBTv
/FMF
BT
JOUFHSBOUFT
EFNPOTUSBN

GPSNBT
JOVTJUBEBT
EF
TF
MJWSBS
EB
EPS
EF
HBSHBOUB
QPS
NFJP
EF
VN

IVNPS
DBSBDUFSTUJDP
EFMBT
$PNP
TVSHJV
B
JEFJB
EF
JOWFTUJS
OFTTF

WEFP
F
RVBM
P
QBQFM
EFMF
OP
DPOUFYUP
HFSBM
EB
DBNQBOIB
VITOR Queramos uma campanha diferenciada e que unisse
contedo e mdia. As Olvias tinham uma websrie de sucesso
que j atingia um grande pblico dentro do nosso target. Ele funciona como um jeito de informar e comunicar sobre o remdio
de uma maneira totalmente diferente de propaganda, ao mesmo
tempo em que divulga a ao como um todo. As pessoas utilizam
diversas formas alternativas para curar a dor de garganta, e queramos justamente brincar com esse fato, ao mesmo tempo em
que reforamos a necessidade de um remdio que alivia, mas
tambm combate a dor de garganta. O vdeo ficou superdivertido e teve comentrios hilrios, desde pessoas querendo casar
com a Cris at elogios pelo formato inovador de publicidade.

Extras no eReader
Clique aqui para assistir ao vdeo com o
grupo teatral As Olvias

WIDE
2VBM
P
QFSJM
EB
FRVJQF
FOWPMWJEB
OB
QSPEVP
EFTTB
DBNQB
OIB
&
FN
RVBOUP
UFNQP
GPJ
EFTFOWPMWJEB
EFTEF
P
QMBOFKBNFOUP
BU

B
FTUSFJB
PJDJBM
86 > MARKETING | WIDE |

97

MARKETING

DESDE O LANAMENTO J
FIZEMOS DIVERSOS AJUSTES.
ISSO UMA GRANDE VANTAGEM
DO ONLINE: A POSSIBILIDADE DE
TESTAR AO VIVO E TROCAR A
RODA DO CARRO COM ELE EM
MOVIMENTO
VITOR O perfil da equipe extenso. Tivemos a equipe de plane-

jamento, a equipe de mdia, gerente de projeto, diretores de arte,

programadores Action Script, programadores PHP, webmakers
e uma produtora de vdeo, todos envolvidos na campanha. Do
planejamento at a estreia oficial levamos aproximadamente
um ms. Foi uma correria maluca e todo mundo se engajou
muito pelo projeto.
WIDE
"OUFT
EF
DPOTFHVJS
DIFHBS

GSNVMB
JEFBM
GPJ
OFDFTTSJP

RVF
WPDT
SFBMJ[BTTFN
BMHVNBT
BWBMJBFT
DFSUP
2VBJT
UJQPT
EF

UFTUFT
GPSBN
VUJMJ[BEPT
OFTTB
DBNQBOIB
EB
.VDPBOHJO
BOUFT
EF

TFS
DPMPDBEB
EFGJOJUJWBNFOUF
FN
QSUJDB
VITOR Fizemos minipesquisas com pblicos internos e testes
de usabilidade do aplicativo para chegarmos ao caminho mais
ideal ao usurio. Mas, os verdadeiros testes acabam sendo feitos com a campanha no ar. Aps o lanamento, monitoramos
diariamente. Isso nos d informaes reais do que est ou no
est dando certo. Desde o lanamento j fizemos diversos ajustes. Isso a grande vantagem do online: a possibilidade de testar

98

| WIDE | 86 > MARKETING

ao vivo e trocar a roda do carro com ele em movimento.

WIDE
2VBJT
PT
SFTVMUBEPT
PCUJEPT
BU
P
NPNFOUP
DPN
FTTB
DBNQB
OIB
2VBM
B
NEJB
EF
DSFTDJNFOUP
EJSJPTFNBOBMNFOTBM
OP
ONFSP

EF
VTVSJPT
RVF
DVSUFN
B
GBO
QBHF
EB
QBTUJMIB
.VDPBOHJO
VITOR Um dos principais resultados o nmero de um milho
de pessoas impactadas no Twitter. J temos mais de trs mil fs
e mais de 32 mil visualizaes do vdeo. Em relao mdia de
crescimento de usurios que curtem a fan page, so 80 novas
pessoas por dia.
WIDE
&TTB
OP
GPJ
B
QSJNFJSB
DBNQBOIB
QSPEV[JEB
QFMB

$BQQVDDJOP
%JHJUBM
OP
'BDFCPPL
1PEFSJB
DPNFOUBS
BT
PVUSBT

FYQFSJODJBT
2VBM
BQSFOEJ[BEP
WPDT
UJWFSBN
OP
EFTFOWPMWJ
NFOUP
EFTTBT
BFT
EFOUSP
EB
SFEF
TPDJBM
VITOR Tivemos outra campanha tambm focada no Facebook
para outro remdio, chamado Mucosolvan 24h. um xarope
para tosse em formato de cpsulas. Como o produto uma
grande inovao, criamos um projeto para um pblico early
adopter focado em contedo de inovao e tendncias. So
cpsulas dirias de inovao que mandamos por meio do
mural da nossa fan page. Tambm criamos um vdeo muito
bacana com uma produtora ganhadora de vrios prmios
internacionais em animao. Isso sem contar vrias outras
campanhas que fazem uso do Facebook como um brao, como
Pharmaton, uma campanha institucional para a Boehringer,
nossa campanha de AMD, institucional da Arcor etc. Nosso
aprendizado que estamos ainda sempre aprendendo. Todo
dia surge um novo recurso e precisamos estar atentos. Mas,
principalmente, temos que saber com quem estamos falando
e termos consistncia e contexto.

86 > MARKETING | WIDE |

99

Seduzindo
pelas
palavras
Por Tiago Bosco

Escrever textos persuasivos visando

comunicao mercadolgica uma
das mais importantes aes para
um bom trabalho de marketing. Para
conhecermos o que cerca a redao
publicitria, sua importncia e sua
atuao no meio digital, conversamos
com o Prof. Dr. Celso Figueiredo, autor
do livro Redao publicitria: seduo
pela palavra. Confira!

100

| WIDE | 86 > MARKETING

Ilustrao - Carolina Vigna-Mar

MARKETING

ENTREVISTA

Celso Figueiredo Neto

Formado pela ESPM, ps-graduado pela UC-Berkeley (EUA), mestre pelo Mackenzie e doutor em Comunicao e Semitica pela PUC-SP.

WIDE
7PD
BUVPV
WSJPT
BOPT
DPNP
SFEBUPS
QVCMJDJUSJP
NBT
DPN
P

UFNQP
QBTTPV
B
TF
EFEJDBS
BP
NFJP
BDBENJDP
1PEFSJB
OPT
DPOUBS

VN
QPVDP
TPCSF
FTTB
TVB
USBKFUSJB
F
OPT
EJ[FS
DPNP
TF
FOWPMWFV

DPN
B
DPNVOJDBPQVCMJDJEBEF
CELSO Comecei na propaganda no finzinho dos anos 1980, sob

a influncia avassaladora do Washington Olivetto. importante

lembrar que o que esse cara fazia era absolutamente revolucionrio. A propaganda que saa da DPZ e de mais algumas poucas
cabeas ousadas, que conseguiam furar a barreira de caretice que
inundava o mercado publicitrio, era muito legal. Provocante,
irreverente, sacana, divertida. Aquilo seduziu toda uma gerao.
E eu tinha esse vis criativo que j se manifestava desde a escola
e nas minhas escolhas de ler muito, estudar arte, querer saber de
tudo. Bem, os anos passaram e, no final dos 1990, a mar virou.
Comeou uma forte crise no mercado que durou cerca de seis
anos. Nessa poca, com muita inflao, os clientes s queriam
saber de promoo e varejo. Toda propaganda gostosa, aspiracional, inteligente e provocante foi caindo em uma vala comum e
as marcas foram, lentamente, tornando-se commodities. Apenas
poucos clientes e agncias conseguiram se manter ao largo da
obviedade dominante. Nessa mesma poca, recebi o convite para
dar aulas no Mackenzie, que estava estruturando uma cadeira
de criao nova com uma turma legal, com espao para experimentao, com a liberdade para desenvolvermos um mtodo de
ensino de criao, uma lgica para a intuio com a qual a gente
costumava trabalhar no mercado. Ento, as coisas foram acontecendo naturalmente.
Nessa poca, em 97, 98, eu j estava com minha prpria agncia
e a situao de concorrncia era muito predatria, muito desgastante. Ao mesmo tempo, me descobri com talento para ensinar,
com prazer em estruturar o pensamento sobre criao, comunicao. Portanto, naturalmente os negcios foram perdendo o gs
na agncia e fui dedicando mais energia ao ensino. Logo pintaram
convites para dar aulas na Anhembi, depois FAAP, onde, ao lado
do Mackenzie, leciono at hoje.
Tambm, para dar mais consistncia ao pensamento sobre
criao e comunicao, fiz mestrado no Mackenzie. Dei aulas
ainda no Ibmec (hoje Insper) e em outras instituies de ensino.
Peguei gosto pela coisa. Fiz meu doutorado na PUC-SP, estudei
advertainment ou, como hoje se convencionou chamar, branded
content. Enfim, mergulhei no mundo acadmico sem me distanciar por completo da realidade do mercado publicitrio. Assim,

com um p na canoa acadmica e outro no mercado, acho que

consigo oferecer um conhecimento nico, prtico e aprofundado.
WIDE
0
RVF
WPD
DPOTJEFSB
NBJT
JNQPSUBOUF
FN
VN
UFYUP

QVCMJDJUSJP
CELSO Coeso. A grande questo a seguinte: nossa tarefa fazer
com que o consumidor fique o mximo de tempo possvel em
contato com o anncio, que ele fique namorando a pea publicitria. Isso s ser possvel se tivermos um bom ttulo poderoso
anzol que fisgue a ateno do consumidor, mas, uma vez fisgada
essa ateno, preciso conduzi-la. necessrio criar um dilogo,
uma interlocuo com o leitor e ir conduzindo a ateno dele da
chamada provocativa at a assinatura assertiva, que carrega a
mensagem que queremos deixar sobre a marca anunciante. Esse
caminho, da chamada assinatura, no pode ser interrompido,
seno perdemos o consumidor no meio do trajeto. Perder ele
antes de gravarmos a mensagem do anunciante gravssimo! Por
isso a importncia da coeso no texto. Um texto coeso, to bem
amarrado que o consumidor no consegue parar de ler, o mais
importante, porque se consegue levar o leitor at a assinatura.
Essa funo principal do redator.
WIDE "
SFEBP
QVCMJDJUSJB
IPKF

NVJUP
EJGFSFOUF
TF
B
DPNQBSBS
NPT
DPN
B
QPDB
FN
RVF
WPD
JOJDJPV
TVB
DBSSFJSB
$BTP
B
SFTQPTUB

TFKB
QPTJUJWB
RVBJT
BT
QSJODJQBJT
NVEBOBT
FN
TVB
PQJOJP
CELSO Fiz um estudo h uns anos sobre o desaparecimento das
palavras, chama-se A palavra evanescente (migre.me/5e1Ok).
Comparei anncios premiados pelo Clube de Criao ao longo
dos anos e verifiquei que tanto ttulos quanto textos foram diminuindo radicalmente com o tempo. Acontece que quando fiz
esse estudo, em 2004, a propaganda j havia chegado ao ponto
mximo da sntese, a metfora visual, um mtodo criativo que
vem sendo usado at hoje e que, para muitos, j est saturado.
Ento, para responder questo: sim e no. Os textos diminuram,
mas aumentaram de novo. Hoje, j no mais possvel apontar
como tendncia essa diminuio do texto, ou seu aumento, ou a
abordagem racional (pr W/) ou a pegada emocional.
O que certo o aumento da exigncia tcnica do profissional da agncia. Dos anos 1980 para c, as ferramentas de marketing, de pesquisa, de informao, os chamados SIM (Sistema de
Informao de Marketing), se integraram e se sofisticaram de uma
maneira impressionante at pelas facilidades da internet , e o
86 > MARKETING | WIDE |

101

MARKETING

pessoal de criao das agncias, em muitos casos, ainda tem que

apoiar sua criao em charme, intuio, experincias anteriores
etc. Tem havido pouca evoluo tcnica nessa rea e, por essa
razo, o nvel de cobrana por parte dos clientes, de exigncia de
refao de trabalhos, tem sido altssimo. Isso no existia no passado. Os clientes aceitavam mais cordatamente as sugestes da
agncia, seja porque os publicitrios fossem mais competentes,
seja porque os clientes fossem menos informados.
WIDE
&YJTUFN
NVJUBT
EJGFSFOBT
FOUSF
B
SFEBP
QVCMJDJUSJB
QBSB
B

XFC
F
B
SFEBP
QBSB
BT
EFNBJT
NEJBT
CELSO Embora toda essa gerao Y tenha nascido apertando
botozinho, ainda considero a web um canal relativamente novo.
E digo isso com base no modelo de comunicao que se v na
internet. Se voc observar, a maioria da publicidade na web
baseada em oferta. Varejo e promoo dominam o processo persuasivo no mundo digital. O que isso significa? Significa que o nvel
de argumentao muito baixo, pois est atrelado a vantagens de
preo/volume. exatamente para dissuadir dessa questo que
existe a atividade publicitria, para tirar o anunciante da desgastante guerra de preos, agregando valor s marcas por meio da
comunicao. Na web o que se v? Oferta. Inclusive nas mdias
sociais. Promoo para quem der mais retweets, para quem criar
frases para as marcas, seguir, curtir: as mecnicas mudaram do
fsico para o virtual, ganharam velocidade, mas no sofisticao
comunicacional. Talvez por isso a sensao de vazio aps a navegao e o j provado baixssimo ndice de reteno das marcas na
internet. H excees, claro, e uma das mais festejadas o viral,
que realmente um negcio bem bacana para as marcas, que em
essncia trocam investimento em mdia por criatividade.
A grande questo que vemos hoje impedindo a disseminao dos virais um certo medo corporativo. As empresas no
querem se arriscar em estratgias ousadas, e sem ousadia no h
viral. Fiz um estudo e descobri quais so os recursos retricos que
fazem um viral virar (migre.me/5e265). So amor, humor, horror,
sexo e estranhamento. Desses, s o amor livre de maiores riscos corporativos; todos os outros recursos podem ser mal-interpretados ou podem sofrer cortes do departamento jurdico da
empresa. Mas, a grande questo a seguinte: a empresa tem que
se arriscar, afinal ela est deixando de investir um dinheiro em
veiculao. Ser, portanto, que vai querer ter exposio viral com
mensagens bobinhas? No rola.
WIDE
4PCSF
BT
UDOJDBT
EF
SFEBP
QBSB
B
XFC
MFWBOEP
FN
DPOTJ

EFSBP
RVF
B
QPQVMBSJ[BP
EB
JOUFSOFU

SFMBUJWBNFOUF
SFDFOUF

WPD
BDIB
RVF
BT
VOJWFSTJEBEFT
F
BT
GBDVMEBEFT
OP
#SBTJM
FTUP
DPO
TFHVJOEP
BMJOIBS
CFN
P
DPOIFDJNFOUP
UFSJDP
DPN
P
QSUJDP
F
QSFQB
SBOEP
BEFRVBEBNFOUF
TFVT
BMVOPT

CELSO O conhecimento terico ainda est sendo construdo. Essa
uma das razes pelas quais a maioria das escolas de comunicao falha na transmisso de conhecimento sobre web para os
alunos. A outra que h muitos professores que insistem em ensinar aos alunos uma publicidade que no existe mais, um modelo
de comunicao que vigia na poca em que esse professor era

102

| WIDE | 86 > MARKETING

publicitrio. Isso terrvel porque, nesse caso, ele estaria formando

jovens obsoletos. (Veja no texto Eu vejo um museu de grandes
novidades em migre.me/5e2eH. Agora, essa questo merece maior
reflexo. O que vem acontecendo no mercado no simplesmente
a adio de mais uma mdia no cesto de opes de investimento. A
web muito mais que isso, ela o veculo de uma completa revoluo em todos os aspectos das relaes entre empresa, consumidor e veculos de comunicao. Quem continuar anunciando na
internet com modelos adaptados da publicidade tradicional est
assinando seu atestado de bito. O segredo est exatamente no
inverso. Compreender a nova dinmica das foras e levar para a
mdia tradicional tal relao com o consumidor. Nesse caso, ele
se sentir valorizado e valorizar a empresa que compreendeu a
importncia dessa nova relao.
WIDE
/P
QSFGDJP
EP
TFV
MJWSP
3FEBP
QVCMJDJUSJB
TFEVP
QFMB

QBMBWSB
P
KPSOBMJTUB
.BUJOBT
4V[VLJ
+S
BJSNB
h"
DPNVOJDBP

NPEFSOB
TF
UPSOPV
GSBHNFOUSJB
F
DPNQMFYB
/P
TF
QPEF
NBJT

QFOTBS
FN
QVCMJDJEBEF
BQFOBT
JOUVJUJWB
GSVUP
EB
JOTQJSBP
QVSB


OFDFTTSJP
DPOIFDFS
PT
DPODFJUPT
BT
UDOJDBT
F
P
DPOUFYUP
RVF

MFWBN
T
QBMBWSBT
DFSUBT
QBSB
B
DPNVOJDBP
DFSUBv
&N
TVB
PQJOJP

FYJTUF
BMHVNB
SFDFJUB
QBSB
TF
FTDSFWFS
CFN
OB
XFC

CELSO Como disse anteriormente, entendo que a comunicao
na web ainda est em um estado embrionrio. O que gostaria de
ressaltar a partir dessa questo a importncia do domnio tcnico do redator de hoje em dia. preciso compreender no apenas as questes de marketing, mas entender a fundo as questes
especficas de redao. Antigamente, isso era feito com alguma
qualidade no apenas por intuio, mas tambm por uma experincia acumulada de gente que lia muito e escrevia muito. Minha
preocupao com essa galerinha que cresceu no Playstation
e que, alm de no ter acumulado uma boa quilometragem de
textos de qualidade, ainda ficou com um quadro de referncias
muito restrito ao universo Mario Bros/Pokemon/GTA. bacana,
mas nem de longe suficiente para estabelecer um patamar de
relacionamento com consumidores de diferentes backgrounds.
WIDE
&N
TFV
MJWSP
WPD
BQSFTFOUB
EF
GPSNB
DMBSB
F
PCKFUJWB
BT

FTUSBUHJBT
EF
QFSTVBTP
VUJMJ[BEBT
QFMB
QVCMJDJEBEF
/PT
EJBT
BUVBJT

DPN
B
USPDB
JOTUBOUOFB
EF
JOGPSNBP
TPCSFUVEP
QPS
NFJP
EB
JOUFS
OFU
RVF
QPTTJCJMJUB
B
JOUFSBP
FOUSF
NBSDBQCMJDP
QCMJDPNBSDB

F
QCMJDPQCMJDP
FTU
NBJT
EJDJM
DPOWFODFS
BT
QFTTPBT
1PS
RV
CELSO Essa instantaneidade leva, com frequncia, a uma interpretao equivocada da realidade. As pessoas entendem que,
devido velocidade promovida pela web, a pressa e a urgncia
passam a reger a vida e o cotidiano. Isso no verdade. Basta que
se verifique o tanto de tempo que ficamos no Facebook, no MSN,
trocando mensagens no celular, pescando pela net em busca de
algo interessante. Isso, na verdade, no pressa nem instantaneidade; pelo contrrio, um delicioso desperdcio de tempo. O
ser humano no uma mquina de produtividade, de processar
informaes como o computador. Ele tambm busca o entretenimento, busca viajar sem comprometimento. Existem, portanto,
duas maneiras de navegar: uma clara, objetiva, direta e outra mais

subjetiva, livre, intuitiva. Para cada uma delas h um arsenal de

tcnicas persuasivas.
O bom profissional de comunicao aquele que sabe aplicar
a tcnica persuasiva certa, no site/blog/rede social certo para o
consumidor em seu momento mais racional ou subjetivo. Esse
domnio tcnico que se v muito pouco hoje em dia, e, nesse
caso, independe da net ou da mdia tradicional. H uma certa
ignorncia em relao a essas variedades que eu considero
fundamentais, e a que entra o domnio tcnico da ferramenta
comunicao, em que est cheio de curiosos, mas tem pouqussima gente que sabe efetivamente do que est falando.
WIDE
.VJUPT
SFEBUPSFT
QVCMJDJUSJPT
RVF
FTDSFWJBN
QBSB
PVUSBT

NEJBT
57
JNQSFTTP
SEJP

BDBCBSBN
NJHSBOEP
QBSB
B
XFC
VN

NFJP
DBSBDUFSJ[BEP
QFMP
EFNBTJBEP
MVYP
EF
JOGPSNBFT
F
NVEBO
BT
&N
TVB
PQJOJP
FTTB
OPWB
QPTTJCJMJEBEF
EF
NFSDBEP
PDPSSFV
EF

GPSNB
OBUVSBM
1PS
RVF
UBJT
QSPJTTJPOBJT
PQUBSBN
QFMB
NJHSBP

CELSO Muita gente migrou porque as oportunidades apareceram
no mercado digital. Isso natural. Mas, dois fatores relevantes precisam ser analisados nessa migrao. O primeiro que o modelo
de comunicao na web diferente do modelo da mdia tradicional e nem todo mundo percebeu isso. O segundo que, se a internet ainda engatinha nos modelos persuasivos, por outro lado ela
vai bem mais longe que a propaganda tradicional nos modelos
narrativos. Ou seja, os criativos que migraram para a web tm que
desenvolver rapidamente suas habilidades de contar histrias,
pois esse domnio fundamental no digital e isso no era to exigido na propaganda tradicional.
WIDE %F
BDPSEP
DPN
P
QBMFTUSBOUF
F
FTDSJUPS
.BSJP
1FSTPOB
hJOWFTUJS

FN
UFDOPMPHJB
F
EFTJHO

JNQPSUBOUF
NBT

P
UFYUP
RVF
DPOWFSTB
DPN

TFV
QCMJDP
4FV
TJUF
TFV
CMPH
DBUMPHPT
PV
RVBMRVFS
NBUFSJBM
QSPNP
DJPOBM
EFWFN
MFWBS
VNB
NFOTBHFN
DMBSB
EPT
CFOFDJPT
RVF
PT
MFJUP
SFT
CVTDBN
4F
OP
DPOTFHVJS
TVB
FNQSFTB
WBJ
JDBS
GBMBOEP
TP[JOIBv

(migre.me/57Unp)
&N
TVB
PQJOJP
RVBM
B
JNQPSUODJB
EF
VN
SFEBUPS

QVCMJDJUSJP
EFOUSP
EF
VNB
BHODJB
&
DPNP
VN
QSPJTTJPOBM
EFWF
TF

QSFQBSBS
QBSB
FYFSDFS
FTTF
DBSHP
CELSO Essa pergunta vem a calhar em um mundo dominado
pelo gesso do discurso corporativo. Vemos com frequncia sites,
folhetos e mesmo anncios de empresas escritos em puro corporativs, aquele texto repleto de palavras bonitas e abstratas significando absolutamente nada. Isso um vcio de linguagem que
acomete a nova gerao de redatores e de gestores de marketing.
H muita gente que no percebe que esse blablabl corporativo,
alm de muito chato, completamente vazio de sentido. Diante
disso, o leitor abandona o texto. Isso certo. Em propaganda a
gente aprende logo uma coisa: v direto ao ponto, seja simptico,
trate o consumidor de igual para igual. Isso tudo o que o corporativs no faz. Por isso, a afirmao do Mario Persona a pura verdade. No sei se so os executivos que se levam excessivamente a
srio ou se o jovem gestor com muito medo de errar, mas o que
certo que textos como esse so garantia de no serem lidos.
Um profissional de criao, seja ele redator ou diretor de arte,
tem que ser uma pessoa encantadora. E por encantadora no digo

Nossa tarefa
fazer com que
o consumidor
fique o mximo
de tempo possvel
em contato
com o anncio,
que ele fique
namorando a
pea publicitria
apenas simptica, gentil. Tem que trazer ideias novas, pontos de
vista fora do comum, informaes que no fazem parte do cotidiano das pessoas. Para isso, preciso ter repertrio, no se contentar com a primeira pgina do Google, saber achar o sabor das
coisas, das palavras, das ideias. Esse o bom redator. Preparar-se
para isso gozar a vida em sua plenitude com olhos e sensibilidade aguada para perceber a emoo de uma gota de orvalho
sobre a ptala de uma cerejeira em flor.
WIDE
7PD
QPEFSJB
NFODJPOBS
UST
EJDBT
JNQPSUBOUFT
QBSB
RVFN

EFTFKB
USBCBMIBS
OP
TFUPS
EF
SFEBP
EFOUSP
EBT
BHODJBT
CELSO 1) Leia muito e de tudo, mantenha um dirio, acostume-se a escrever diariamente, mesmo que sem assunto, at porque
esse ser o dia a dia da sua profisso. 2) Livre-se de preconceitos,
encontre a beleza existente em Luan Santana e em Stravinsky,
em Power Rangers e Woody Allen, em pastel de feira e boeuf
bourguignon. 3) Aprenda a emocionar-se, especialmente difcil para os homens, saiba chorar ao ver o belo, apaixone-se por
imagens, por ideias. No tenha medo de sofrer. Criao tambm
angustia e superao, nada de boa qualidade produzido sem
dor. Graa sob presso, como diria Hemingway.
WIDE
"DIB
RVF
B
SFEBP
QVCMJDJUSJB
FN
HFSBM
BJOEB
TPGSFS
NVJUBT

NVEBOBT
CELSO A mudana a raiz da criao. No possvel pensar criao parada, estagnada. Criao mudana o tempo todo, portanto insegurana, dvida, risco. preciso saber conviver com
essa angstia. Para ser bom criador preciso saber arriscar.
86 > MARKETING | WIDE |

103

Marketing de contedo Bruno Rodrigues

O dom da palavra nas mdias sociais

Imagine uma sesso de hipnose. Na penumbra, esto
um voluntrio e voc, o mgico. Na sua mo direita,
um pndulo balana incessantemente. Antes que um
de vocs perceba, a experincia surte efeito. Agora,
transponha a situao para as mdias sociais: voc
tem a misso de fisgar o usurio, que est ali de livre e
espontnea vontade, e no uso da palavra que voc
tem a ferramenta mais eficaz para a tarefa seu pndulo digital, portanto.

Entenda como pndulo o enorme

esforo de persuaso que necessrio
despender nas mdias sociais para criar
a comunicao com o usurio por meio
da palavra e por isso essencial saber
conversar com os mais diferentes perfis.
Em resumo, todo o esforo de hipnose
corre o risco de ir por gua abaixo se a
persuaso no passar de inteno, ou
seja, se voc no souber fazer o pndulo
se movimentar. Mais uma vez, bom
lembrar: a palavra que move a persuaso nesses ambientes.
palavra como
fora motora para a persuaso; de um
lado, est a informao; do outro, o relacionamento. O pndulo se movimenta:
a informao leva ao relacionamento;
o relacionamento leva informao; a
informao leva ao relacionamento. Um
ponto leva ao outro e, quanto mais informao e relacionamento trocam figurinhas, mais a palavra toma fora e a persuaso conquista o usurio. Para l, para
c, com rapidez e eficincia. Que fique
claro: informao e relacionamento existem nos dois ambientes mais conhecidos
das mdias sociais: redes e microblogs o
que no novidade para ningum.
Para que o movimento do pndulo
no pare no meio, contudo, preciso
enxergar alm do bvio e perceber que,
dependendo do ambiente, informao
*ou* relacionamento quem manda o
pndulo de volta.
Em um dos ambientes a informao
atrai a palavra, utiliza-a como veculo e
manda o pndulo de volta. No outro,
o relacionamento quem usa a palavra e
empurra o pndulo para a informao.

Ento, vamos experincia:

104

| WIDE | 86 > MARKETING

 no contato mais prximo possvel

com uma marca que o usurio
conhece seus produtos

Mas em que extremo, em que ambiente manda a informao?

E em qual deles o relacionamento d as cartas?
NAS REDES SOCIAIS, O RELACIONAMENTO LEVA
INFORMAO
no contato mais prximo possvel com uma marca que o
usurio conhece seus produtos, servios e a prpria empresa,
e nenhum ambiente to propcio quanto uma rede. Porm,
s existe interesse se h informao; e s h informao se
os embaixadores da marca esto presentes na rede a todo
o tempo. a conversa que gera o interesse pela marca nesses
ambientes; quanto mais contato, mais persuaso. Mas, ateno:
informao perene e organizada mora em sites, e no em redes
o que no impede que elas tambm estejam l, claro. Papo e
palavra levam persuaso, que por sua vez leva informao,
seja onde ela estiver.
NOS MICROBLOGS, A INFORMAO LEVA AO
RELACIONAMENTO
Poucos caracteres e uma preciso cirrgica sobre o que dizer.
Em um post de um microblog, quem faz contato a informao. O usurio passa rpido, assimila o que quer e o que pode.
Continuidade no existe; a fidelidade s existe na teoria, l atrs,
quando o usurio comeou a seguir o perfil da marca. Por isso,

no conte com encadeamento de ideias. D seu recado e continue

o trabalho. D o que o usurio deseja ali, e trabalhe pelo relacionamento. Sempre que possvel, encaminhe-o para as redes, onde h
mais informao e contato. E, mais uma vez, valorize o site, pois l
esto as informaes mais profundas e que no caia no esquecimento as tradicionais ferramentas de relacionamento.
Nunca esquea: para l, para c, com rapidez e eficincia. O
usurio, feliz da vida assim como voc e sua marca estar sob
seu controle ;-)

Bruno Rodrigues
Consultor de Informao e Comunicao Digital, autor do primeiro
livro brasileiro e terceiro no mundo sobre contedo online, Webwriting
Pensando o texto para a mdia digital (2000), de sua continuao,
Webwriting Redao & informao para a web (2006), e de Padres Brasil
e-Gov: Cartilha de Redao Web (2010), padro brasileiro de redao web.
J ministrou treinamentos em Webwriting e Arquitetura da Informao para
mais de trinta empresas do Brasil e do exterior.
4JUF
www.bruno-rodrigues.blog.br
&NBJM bruno-rodrigues@uol.com.br
5XJUUFS @brunorodrigues

86 > MARKETING | WIDE |

105

Web fora da caixa

Ren de Paula Jr.

Bola pra frente

Nossa revista to querida faz um ano e eu comemoro triplamente: 1) Fao parte desse time e tenho
orgulho de vestir a camisa; 2) Trazer para o jogo
todas as outras galeras do digital foi uma bela bola
dentro; 3) Sim, bom contedo, contedo com profundidade e boa curadoria tem valor, e a moada
boa compra a revista, arruma uma brecha de tempo
no corre-corre e l com gosto.

Well, essas metforas futebolsticas

devem estar deixando um ou outro leitor
intrigado. Eu falando de futebol mais
ou menos como o Dalai Lama jogando
CallofDuty, no combina.
verdade: nunca entendi essa histria de futebol, e para quem no entende
de futebol as coisas so beeem surreais:
Por que 22 caras ficam correndo horas
atrs de uma bolinha s? Minha av, de
quem herdei a falta de drivers futebolsticos, j dizia: d logo uma bola pra cada
um e pronto. Mas no, a correria no tem
fim. Para aumentar o nonsense, uma infinidade de times disputa sem parar uma
infinidade de campeonatos simultneos
e sem fim e nenhum ttulo ou alegria dura
nada. Beeem surreal.
Well, surreal sou eu, convenhamos. Os
apaixonados por futebol vo bem, obrigado, e so muitssimo bem-vindos neste
modesto artigo sobre o corre-corre. Ta
algo que ainda mais democrtico que o
futebol: a correria. Voc sabe o que isso,
certamente, e j deve ter percebido que a
correria s piora.
ESPERE UM MOMENTO pera! No olhe
para o lado agora, mas voc acabou de
parar a gincana do dia a dia para prestar
ateno em alguma coisa. Voc parou
para ler e, enquanto l, parou por alguns
instantes para pensar, para reler e mastigar melhor e saborear melhor e digerir
melhor o que est escrito. Algo que eu
disse deve t-lo deixado intrigado sobre o
que viria depois, e voc se ps a imaginar
onde essa histria ia dar, e nessa brincadeira toda quanto tempo se passou?

106

| WIDE | 86 > MARKETING

Eu tenho outra tese: se a regra a

correria porque ningum parou para
pensar ou porque no querem que
ningum perceba que ningum pensou

QUANDO VOC SAIU DA CORRERIA PARA LER

a revista, fez algo supervalioso: retomou

as rdeas do tempo. Mais do que isso:
voc criou um tempo seu, que voc estica
e desdobra e multiplica e pausa e acelera
do seu jeito. como se voc sasse de uma
montanha-russa alucinada (daquelas em
que voc no voc, mas sim um problema de fsica) para montar numa moto
legal e escolher uma trilha que voc sempre sonhou. Ler assim.
Eu tenho uma tese: Quer emburrecer
algum? Bote o infeliz pra correr. Correr
sem parar, sem parar para pensar. D um
monte de tarefas sem p nem cabea
para o cara executar voando sem perguntar o porqu.
Claro que tem quem goste, claro que
isso vicia, mas quem gosta de adrenalina
msculo, e o que voc tem na cabea no
so msculos. Dito de outra maneira: se
voc precisa correr para sentir o corao
bater mais forte, sinal de que falta amar.
Ou ainda: se voc corre sem pensar, deve
ter algum pensando por voc (e sem
pensar nem um minuto em voc).
Eu nasci num ano duro, 1964. Da em
diante sumiram as disciplinas humansticas nas escolas (filosofia, histria,
lnguas), na televiso, no rdio e nos
jornais calou-se o pensamento, e para
a galera parar de pensar construram
estdios gigantes de futebol e encheram
a televiso de novelinhas. Resultado:
aquele Brasil genial da bossa-nova, da
tropiclia, da arquitetura e do cinema
virou fumaa, virou lembrana. S agora
estamos nos recuperando do emburrecimento massivo e parando para pensar

no que realmente queremos ser quando

crescermos.
PARE UM POUCO PARA PENSAR: QUAIS SO

os caras que realmente o inspiram? Tenho

certeza que so figuras que, em algum
momento, pararam para ver se estavam no
caminho certo e acabaram criando seus
prprios caminhos. Lembre-se: inrcia no
s estar parado. Um trem a 100 por hora
tem uma inrcia danada, e a vida que todos
levamos cheia de inrcias assim: voc vai
no embalo facinho, facinho. Quando perceber, chegou na estao final sem nem saber
o que havia de legal no caminho.
Ok, ok, j provoquei bastante o lado
existencial do corre-corre. Paremos um
pouco pra pensar no aspecto profissional
da correria. A questo fascinante e talvez explique por qu, mesmo correndo
tanto, no saiamos do lugar.
Eu conheo um monte de gente que se
orgulha de correr feito louco. J vi equipes
inteiras que s ficam felizes quando esto
numa gincana maluca. Conheci de perto
empresas inteiras que fervilhavam de atividade insana e que, noves-fora, no iam a
lugar algum. O mais intrigante disso tudo:
todos felizes e, mais do que isso, felizes por
ralarem mais que os outros.
Eu tenho outra tese: se a regra a correria porque ningum parou para pensar
ou porque no querem que ningum perceba que ningum pensou. Ponto.
Vou dar um exemplo vivido: ao final
de um projeto que rolou aos trancos e barrancos eu propus que se fizesse um post-mortem (que, para quem no conhece,
uma prtica comum entre gringos de

analisar o que foi bom e o que no foi para

no se repetirem mais erros). A reao,
brasileirssima, foi: Post-mortem??? Como
assim??? Bola pra frente! No final deu tudo
certo. Ningum percebeu as burradas.
Voc est querendo me fritar?.
Bola pra frente. Run, Forest, run. No
faa marola. Rema e cala a boca. Manda
quem pode, obedece quem tem juzo.
Corra, Lola, corra. Se voc ouvir sabedorias assim, corra, mas corra para um lugar
onde se pensa.

Ren de Paula Jr.

profissional de internet desde 1996, passou
pelas maiores agncias e empresas do pas:
Wunderman, AlmapBBDO, AgnciaClick, Banco
Real ABN AMRO, Microsoft Brasil. criador da
Usina.com, portal focado no mundo online, e
do Radinho de pilha (www.radinhodepilha.
com), comunidade de profissionais da rea.
Atualmente trabalha na rea de relacionamento
com desenvolvedores na Locaweb.
&NBJM renedepaula@gmail.com

86 > MARKETING | WIDE |

107

e-commerce

Panorama brasileiro das

Lojas Virtuais
Por Flvia Freire

China, Estados Unidos e Japo. So apenas esses

pases grandes potncias mundiais que esto na
frente do Brasil em relao ao nmero de usurios
de internet. Com cerca de 76 milhes de pessoas
conectadas em terras verde e amarelas segundo a
IndexMundi (www.indexmundi.com), o pas ocupa a
quarta posio no mundo e, desses usurios, cerca
de 50 milhes so ativos, de acordo com uma pesquisa realizada pelo instituto Ibope Nielsen Online (br.
nielsennetpanel.com).

E-COMMERCE

ara interesse especfico dos comerciantes online, desse total de usurios

que se conectam web com frequncia mais de 27 milhes so e-consumidores, ou seja, pessoas que j fizeram
pelo menos uma compra pela internet, segundo dados da ltima
edio do relatrio WebShoppers, realizado pela e-bit em parceria com a Camara-e.net e com a Ecommerce School.
Por isso, a atual situao do e-commerce brasileiro pode trazer
timos benefcios para os empreendedores do mundo virtual e
para quem deseja lanar um negcio online. Comprovao disso
so os R$ 8,4 bilhes em bens de consumo que foram faturados
na web s nos seis primeiros meses deste ano. Seguramente,
o momento excepcional para o empreendedorismo online,
pois tratamos de um segmento em evoluo contnua, que
apresenta um ritmo de crescimento extremamente relevante,
lembrando que o faturamento do comrcio eletrnico cresceu
40% em 2010 e j projetamos um crescimento de 35% at o fim
de 2011. Ademais, a economia digital mostra um enorme espao
para novas formas de negcio alm do varejo online tradicional,
como o caso das compras coletivas e dos leiles por centavos.
De qualquer forma, se pensarmos que contamos com aproximadamente cinco milhes de empresas legalmente constitudas em
nosso pas e apenas 60 mil varejistas online, certamente existe
uma oportunidade real para a abertura de novas lojas virtuais,
sobretudo para o atendimento de nichos de mercado e categorias ainda pouco exploradas, como os calados, os acessrios e
os vesturios, declara Gerson Rolim, consultor da Camara-e.net e
coordenador do comit Ciclo MPE.net (www.ciclo-mpe.net).

produtos parece no importar, j que a web global e um negcio online pode ser considerado onipresente. Mas, em relao
ao tipo de mercadoria que se quer vender, pode ser interessante
saber se h uma boa gama de consumidores em certas regies
do pas, j que as vendas no se concentram apenas nos grandes centros. Uma pesquisa do Instituto Brasileiro de Geografia e
Estatstica (IBGE) mostrou que as regies mais pobres do Brasil
Norte e Nordeste apresentaram os maiores aumentos de usurios de internet nos ltimos anos em funo do barateamento do
servio e do seu acesso, alm da queda de preo do prprio computador no Brasil. O salto no total de internautas no Nordeste foi
de 213,9% e, no Norte, de 171,2%. Como um comparativo, enquanto
no Sudeste 48,1% da populao possui acesso rede, no Nordeste
o patamar de 30,2% e, no Norte, de 34,3%. Em relao aos novos
e-consumidores de baixa renda, o e-bit constatou que o Sudeste
possui a maior fatia, com 64% do total, seguido de Nordeste e Sul,
com 14% e 12%, respectivamente.
O fato : brasileiros compram online, de qualquer regio do pas,
e, dentre as diversas razes que os levam a acessarem a internet,
a compra de produtos est em segundo lugar. Verifique o grfico:

Destaque para o Brasil na Amrica Latina

Dos sul-americanos, os brasileiros so os que mais tendem a comprar quando acessam uma loja virtual. A taxa de converso no
pas a mais alta, de acordo com um estudo da comScore, com
94% das visitas convertidas em vendas, seguido da Argentina,
com 89%, e da Colmbia, com 84%. O Brasil vem mostrando
um excelente desempenho no e-commerce com taxas de crescimento ao redor de 35% ao ano desde 2001, isso em termos de
faturamento e nmero de e-consumidores. Poucos pases apresentam um crescimento to vigoroso nesse setor, diz Dailton
Felipini, consultor e especialista em e-commerce, alm de editor
do site E-commerce News (www.e-commerce.org.br).
Gerson Rolim considera o Brasil como um pas desenvolvido
quando se trata de negcios online. Temos a satisfao de afirmar que somos de primeiro mundo na economia digital. Isso
facilmente confirmado se compararmos o comrcio eletrnico
brasileiro com o praticado pelos vizinhos latino-americanos.
Atualmente, o faturamento do comrcio eletrnico nacional
representa 60,8% do faturamento de toda a Amrica Latina,
estando o Mxico na segunda posio, com apenas 12,1% do faturamento da regio.
Para quem tem uma loja virtual, saber quais so as regies
brasileiras de onde so feitos os maiores nmeros de pedidos de

Fonte: e-bit Informao (www.ebitempresa.com.br)

Sem banda larga, nada de compras online

Temos a internet mais cara do mundo. Pagamos, em mdia, R$
70,85 mensais para acesso web por banda larga de 1 Mbps.
Esse valor, em dlar, ficaria em cerca de US$ 42,73. Se compararmos com os US$ 9,30 pagos mensalmente pelo mesmo
servio na Alemanha, ou com os US$ 28,60 pagos em Taiwan,
percebemos a enorme diferena. Os dados so de uma pesquisa realizada em maro deste ano pela Firjan (Federao das
Indstrias do Estado do Rio de Janeiro), que ainda constatou
resultados interessantes em relao conexo com velocidade
de 10 Mbps no Brasil, que custa menos do que em outros pases.
Aqui, pagamos cerca de R$ 105,40, que, convertidos em dlar,
saem a US$ 63,57. Nos EUA, a mensalidade fica em torno de US$
100 e, no Canad, US$ 88,9. Gerson Rolim acredita que a maior
barreira para um crescimento ainda mais acelerado do comrcio eletrnico brasileiro ser resolvida pelo Plano Nacional de
Banda Larga (PNBL). O crescimento do comrcio eletrnico
diretamente proporcional ao crescimento da banda larga em
86 > E-COMMERCE | WIDE |

109

E-COMMERCE

todos os pases. E, como sabemos, a banda larga ainda apresenta

uma penetrao pequena no Brasil.
H de se considerar que tanto o valor cobrado pela internet de
1 Mbps quanto a de 10 Mbps pesam no bolso do brasileiro, principalmente dos que vivem com um salrio mnimo, que hoje custa
R$ 545. Mas, nem por isso, os internautas das classes C, D e E deixam de consumir produtos pela internet. De acordo com dados
levantados pelo e-bit, a entrada desse pblico no comrcio eletrnico aumentou de forma significativa, e s no primeiro semestre
deste ano tivemos 61% dos novos entrantes com renda familiar
igual ou menor a R$ 3 mil. A classe C representa, hoje, 46,5% dos
e-consumidores, e dela faz parte um pblico que vem adquirindo
produtos de alto valor agregado, como eletrodomsticos, eletrnicos e artigos de informtica. Apesar de possurem uma menor
frequncia de compra e menor renda, o tquete mdio registrado
no primeiro semestre de 2011 foi de R$ 320,00, contra R$ 355,00
do total de compradores da internet.
As mulheres tambm gostam de shopping virtual. De janeiro
a junho de 2011, 4 milhes de pessoas adquiriram algum produto
na internet pela primeira vez, segundo os dados recentes do
WebShoppers, totalizando 27,4 milhes de e-consumidores atualmente no Brasil. Desses novos entrantes, a classe C est representada por 55% de mulheres.

2011 ainda tem muito o que vender

No ano passado, o Brasil faturou R$ 14,8 bilhes com as compras
pela internet e, at o fim de 2011, espera-se que o comrcio eletrnico apresente um faturamento de R$ 18,7 bilhes, o que poder
representar um acrscimo em torno de 26% em relao a 2010.
O excelente desempenho do setor uma mostra de que o consumidor est satisfeito com a compra online. Alm disso, o ndice
de satisfao do usurio, medido pela empresa e-bit, est acima

Estatsticas do Brasil:
76 milhes de pessoas com acesso internet
Cerca de 50 milhes se conectam web com freqncia

de 90%, o que excelente. Algumas medidas, como a diminuio

do custo de computadores e a melhoria nos sistemas de transferncia de dados, com certeza impulsionariam ainda mais o mercado, opina Dailton.
Se 25 milhes de pedidos foram feitos nos primeiros seis
meses deste ano, e a previso de que esse nmero ultrapasse o
dobro, chegando a 54 milhes at o final de 2011, os empreendedores online podem manter a calma e a certeza de que os negcios podero andar bem at dezembro. Por falar no ms em que
se comemora o Natal, vale ressaltar os picos de vendas ocasionados nas datas sazonais. Dos R$ 8,4 bilhes faturados no primeiro
semestre deste ano, R$ 1,4 bilho representa as vendas realizadas
nas pocas do Dia dos Namorados e Dia das Mes. Em ambas as
datas, houve uma forte movimentao na venda de moda e acessrios. J no incio do segundo semestre de 2011, o Dia dos Pais
movimentou cerca de R$ 625 milhes para o comrcio eletrnico, segundo dados do e-bit. Vale lembrar que, pela frente, ainda
temos o Dia das Crianas e o Natal, data sazonal que corresponde
ao maior nmero de vendas no ano.

Outros modelos de negcio, alm do varejo online

Compras coletivas, leiles por centavos no so to representativos quando comparados ao varejo online, porm esses
modelos de negcio tambm movimentam muito dinheiro e
podem gerar lucros considerveis quando bem administrados. Um levantamento do e-bit revelou que 49% dos consumidores virtuais j adquiriram alguma oferta em site de compras
coletivas, e 82% desse pblico pretende comprar novamente.
A pesquisa ainda revelou a satisfao em relao aos servios oferecidos nesses sites, constatando que 74% das pessoas
opinaram positivamente. Gerson Rolim lembra que estamos
falando de um modelo de negcios bem-sucedido que est no

Faturamento do e-commerce no pas:

Em 2010, o Brasil faturou R$ 14,8 bilhes com as compras pela internet. At o fim de 2011 o faturamento deve
chegar a R$ 18,7 bilhes. Isso representa um acrscimo
em torno de 26% em relao a 2010.

Acesso internet, por regio:

NOS PRIMEIROS SEIS MESES DE 2011 FORAM FATURADOS R$ 8,4 BILHES EM BENS DE CONSUMO VIA WEB

110

| WIDE | 86 > E-COMMERCE

Brasil h pouqussimo tempo. Alm do varejo online, em si, que

completou dez anos no pas em 2008, a compra coletiva um
modelo de negcio que tm menos de dois anos. O primeiro
site Groupon lanou sua operao nos Estados Unidos em
novembro de 2008. E os primeiros sites de compras coletivas
brasileiros foram lanados h pouco mais de um ano. Assim
mesmo, j projetamos um faturamento da ordem de R$ 1 bilho
apenas nas compras coletivas em 2011. Os modelos ainda mais
recentes, como os leiles por centavos e o crowdfunding, esto
florescendo por aqui e, em breve, exibiro seus primeiros grandes representantes. No caso dos leiles por centavos, j temos
alguns grandes sites, como o De Olho no Click e o Se Liga no
Lance, por exemplo.
Ainda segundo o e-bit, entre as categorias mais vendidas nos
sites de compras coletivas esto moda & assessrios, com 30%;
eletrnicos, com 18%; e assessrios de informtica, com 12%.
As compras coletivas, que tm como um dos maiores atrativos a aquisio de produtos com descontos que chegam a
90%, devem movimentar cerca de R$ 14 bilhes este ano, um
aumento significativo em relao a 2010, que fechou com um
faturamento de 10,7 milhes no Brasil.

virtual desde 2003. O site recebe em mdia 28 mil visitas dirias

e vende cerca de oito mil produtos por ms. A empresa cresceu 96% em 2010 e, neste ano, espera crescer 110%. Para isso, a
Eletrnica Santana est investindo R$ 600 mil em uma nova plataforma para e-commerce e em novos sistemas, dentre eles um
sistema de atendimento inteligente, alm da estrutura fsica. Em
2012, estima-se um faturamento da loja virtual de R$ 20 milhes,
revela Rubens Branchini Martins, diretor comercial da empresa.
Com 23 funcionrios, entre eles gerente de e-commerce, designers, analistas de marketing, webwriters, atendentes e estoquistas, a Eletrnica Santana mantm-se atuante em diversos tipos de
mdia, como Google AdWords, comparadores de preo, rede de
afiliados, redes sociais e, principalmente, e-mail marketing, para
atrair compradores para a loja virtual.

Categorias mais vendidas no varejo online

Se voc possui ou deseja lanar uma loja virtual que venda eletrodomsticos ou produtos de informtica, est no caminho
certo. Segundo a ltima edio do WebShoppers, neste ano essas
duas categorias foram as que ocasionaram o maior nmero de
vendas no pas. Os eletrodomsticos representam 13% das vendas, e os produtos de informtica, 12%.
A comprovao do sucesso dessas categorias pode ser dada
pelas lojas virtuais Eletrnica Santana e Mania Virtual. H 47 anos
no mercado de lojas fsicas, Eletrnica Santana mantm a loja

Eletrnica Santana - www.eletronicasantana.com.br

Banda larga:
Brasil: R$ 70,85 mensais (cerca de US$ 42,73) valor mdio pago
para conexo internet em banda larga de 1 Mbps
Alemanha: US$ 9,30 mensais (cerca de R$ 15,41)
Estados Unidos: US$ 40 (R$ 66,29 em mdia)

Valor da banda larga de 1 Mbps, em reais:

R$ 66,29

R$ 15,41

*Cerca

de 5 milhes de novos consumidores virtuais da

classe C surgiram de 2009 para 2011.
86 > E-COMMERCE | WIDE |

111

E-COMMERCE

A Mania Virtual lanou-se na web no final de 2005 e hoje

conta com 14 departamentos, com grande procura pelos setores de informtica, eletrnicos, eletrodomsticos e telefonia.
Recebemos por ms cerca de um milho de acessos, e o nmero
vem crescendo. Alguns dos produtos mais procurados so notebooks, netbooks, TVs de alta definio e smartphones. Temos
uma mdia de 40% de crescimento a cada ano, com destaque
para a participao da linha de eletrodomsticos nos ltimos
dois anos, declara Rodrigo Bandeira Santos, gerente de marketing da loja virtual.
Rodrigo diz que, para conquistar clientes, a ManiaVirtual procura fazer um trabalho abrangente na web. Estamos presentes
nos principais comparadores de preo do mercado brasileiro e,
tambm, em alguns dos maiores portais. Utilizamos a comunicao via e-mail marketing para a base de clientes marcados com
interesse em receber promoes e, por meio das redes sociais,
como Twitter e Facebook, recebemos dvidas sobre marcas e
produtos, assim como sugestes e crticas. So 45 colaboradores,
que se dividem pelos setores de call center, logstica, TI, jurdico,
comercial e marketing, para atender com excelncia aos pedidos
feitos para todo o territrio nacional, sendo a maior participao
das regies Sudeste e Sul.
Vender eletrodomsticos e produtos de informtica online
requer saber comprovar a segurana da compra aos clientes. Hoje,
o e-commerce, sobretudo os que vendem produtos eletrnicos,
alvo para fraudadores. Garantir que a compra no uma fraude
um dos desafios do comrcio eletrnico, j que o cliente no est
presente fisicamente no ponto de venda. Com sistemas de segurana, garantimos que nenhum dado do cliente seja interceptado
durante a transao, pois so encriptados at chegar operadora
de carto de crdito. Devido falta de estrutura de transporte
brasileira, um grande desafio garantir prazos de entrega e que o
produto chegue em todos as partes do Brasil com agilidade e segurana. Alm disso, desenvolvemos uma equipe especializada em
escrever as descries de produtos, declara Rubens. Para Rodrigo,
conquistar a confiana dos consumidores que ainda no tiveram
sua primeira experincia de compra online um grande desafio.
Consideramos que toda compra acompanhada de forte expectativa, quanto ao prazo de recebimento e qualidade do produto
adquirido. Esse sentimento mais forte ainda no novo e-consumidor. Partindo desse ponto, nossos esforos so concentrados

Perfil dos e-consumidores brasileiros:

Formao:
Idade:

112

| WIDE | 86 > E-COMMERCE

na correta escolha das marcas dos produtos e transportadoras

responsveis pela entrega. Nossa preocupao com a eficincia
em todos os aspectos que envolvem o processo de compra online
tem sido recompensada e reconhecida pelos internautas, que
atriburam, nos ltimos anos, ManiaVirtual.com a classificao
Diamante no renomado site e-bit, diz.
As mulheres devem ser as maiores responsveis pela terceira
categoria mais vendida no Brasil, segundo dados do e-bit, j que
se trata de produtos de sade, beleza e medicamentos, representando 11% dos itens adquiridos de forma online. A loja virtual
Onofre em Casa faz parte da gama de empresas que oferecem
esses tipos de produtos e, alm de ser o maior e-commerce de farmcia na Amrica Latina, est entre os cinco maiores do mundo.
Recebemos em mdia dez milhes de pageviews por ms. Outro
dado interessante que a nossa base de clientes aumentou em
18% em 2010, e o site foi o canal que mais trouxe novos clientes,
declara Lismeri vila, diretora de operaes da Drogaria Onofre.
So aproximadamente quinze mil pedidos entregues por
dia e, para atender tamanho nmero de clientes, a empresa

Drogaria Onofre Em Casa - www.onofre.com.br

conta com aproximadamente mil profissionais, responsveis

pelas reas de vendas e logstica. Mantemos perfis nas redes
sociais (Facebook e Twitter) e e-mail marketing avisando sobre
as promoes. Temos a campanha Preo Azul, enviada base
de cadastrados todas as quartas-feiras com promoo de trs
linhas de produtos. Alm disso, tambm temos um blog para nos
aproximarmos ainda mais dos nossos clientes, revela Lismeri. O

Sexo:

e-commerce representa 40% do faturamento da Drogaria Onofre,

mas, para se manter dentro dos padres da ANVISA, a empresa
teve que sofrer algumas modificaes. O setor muito regulamentado. Um exemplo disso que h dois anos todos os produtos no site tinham foto, hoje no podemos divulgar imagens
dos medicamentos tarjados. A divulgao restrita perfumaria e a produtos liberados, alguns OTC, o que reduz as aes de
venda. Temos, tambm, uma preocupao com a automedicao; jamais indicamos ou incentivamos o uso de medicamentos
sem prescrio do mdico. O desafio fazer com que o cliente
pense na Drogaria Onofre como uma empresa de sade, beleza
e bem-estar, e no como uma simples farmcia, de que s lembra
quando est doente. Atualmente, esse trabalho feito nas redes
sociais e estamos colhendo os resultados. J identificamos que
o site vem apresentando um crescimento de 30% em relao a
2010, completa.
Em terceiro lugar no ranking do e-bit vem a categoria de livros
e assinaturas de jornais e revistas, com 8% das vendas. A loja virtual Cia dos Livros est h sete anos no ar e disponibiliza uma
base de aproximadamente 500 mil ttulos de assuntos genricos, desde romance a livros tcnicos cientficos. So aproximadamente 150 mil livros nacionais e 350 mil livros importados. A
loja recebe cerca de dois milhes de acessos mensalmente, com
uma mdia diria de 66.500 acessos. Computamos 500 pedidos
por dia. E temos um faturamento mdio mensal de R$ 1.185.000,
revela Eduardo Botino, proprietrio da loja.

consegue oferecer bons preos para seus clientes devido boa

negociao com as editoras. Se voc no tem isso, dificilmente
sobreviver na internet por muito tempo.
A venda de DVDs na web sofreu uma queda de aproximadamente 60% nos ltimos anos, segundo Miguel Winge, diretor da
loja virtual DVD World. O leque de opes de entretenimento
do consumidor aumentou muito nos ltimos anos. De 2000
a 2005, poucas eram as opes que o consumidor tinha: TV
aberta, alguma coisa na TV a cabo e alugar ou comprar filmes
em DVD e assistir com a famlia. A partir de 2006, aumentaram
as opes. A internet em banda larga fez o acesso mdia ficar
mais fcil. Hoje, grande parte do nosso negcio baseada nas
compras dos colecionadores de filmes, os videfilos. J o Bluray est cada vez mais conquistando seu espao. Desde 2007,
a DVD World tem feito investimentos em tecnologia de streaming, pois acreditamos que o presente e o futuro da mdia est
na entrega imediata de contedos diversos. Temos equipamentos e servidores que no s fazem streaming para qualquer
tipo de dispositivo, como iPad, iPhone, smartphones Android,
computadores e TVs, como tambm todo tipo de encoding para
qualquer formato de vdeo, declara.
Desde novembro de 1997 no ar, a loja virtual oferece cerca de
8500 produtos nicos para pronta entrega. Recebemos 24 mil
visitas nicas por dia e temos entre 300 e 600 pedidos dirios.
So dezenove funcionrios, com seis na logstica, cinco na administrao, trs em TI, trs no SAC e dois webdesigners, diz Miguel.
Para Pedro Luiz de Carvalho, diretor da Arena DVD, concorrer
com as grandes lojas virtuais o maior empecilho. Os grandes
magazines, como Submarino e Americanas, por exemplo, levam
vantagem em tudo: preo de compra por causa do volume, custos de frete muito mais baixo e com isso podem fazer frete grtis
, taxas menores em cartes de crdito em dez vezes sem juros,
muita exposio nos principais sites a custo cooperado, ou seja,
sem envolver dinheiro, apenas percentual do que foi vendido.
A loja fsica existe h 25 anos, e a Arena DVD est no mundo
online h 11. Hoje, oferecemos 13 mil ttulos, temos cerca de 400
acessos por dia e 95 vendas dirias. O faturamento mensal de R$
179 mil. 90% das vendas so feitas nas videolocadoras, revela Pedro.

Cia dos Livros - www.ciadoslivros.com.br

A estratgia de marketing da Cia dos Livros em cima de bons

preos. Essa prtica aliada s ferramentas essncias de marketing digital, como links patrocinados, comparadores de preos,
rede de afiliados, redes sociais com uma participao bem ativa,
segmentao de e-mail marketing, campanhas de promoes
exclusivas e semanais, nos faz atingir e superar os nossos objetivos, diz Eduardo. Mesmo com 46 funcionrios nas reas comercial, de compras, criao, financeiro, jurdica, logstica, marketing
e TI, o proprietrio revela que o maior desafio de vender livros na
internet conquistar a credibilidade junto aos fornecedores. O
mercado de livro totalmente diferente de outros produtos. No
basta apenas ter o dinheiro para investir. Hoje, a Cia dos Livros s

Arena DVD - www.arenadvd.com.br

86 > E-COMMERCE | WIDE |

113

Fernando Bittencourt, scio-administrador da rea 21, que

possui uma loja fsica em Ipanema, no Rio de Janeiro, declara
que o fato de estar online h apenas quatro meses faz com que
em alguns dias a loja virtual no tenha vendas. Isso acontece
principalmente nos finais de semana. Mas, hoje, temos em torno
de trinta vendas por ms, com uma mdia de cinquenta peas.
Nossa meta so cem peas mensais at o final do ano e de duzentas peas at o meio do ano que vem. Ou seja, um crescimento
de 400% em relao ao primeiro ms do site no ar. O importante
que vemos um crescimento em relao a acessos e vendas a
cada ms. Temos cerca de trs mil pageviews por ms.
Para Fernando, convencer o cliente de que ele est adquirindo
um produto de alta qualidade, de timo caimento, aliado a um preo
competitivo, um desafio. Ele no tem o produto diretamente em
suas mos. No caso da compra feita por clientes que j nos conhecem por meio de nossa loja fsica, essa dificuldade diminui consideravelmente, pois j tem a certeza do produto que est adquirindo,
diz. O faturamento atual da loja virtual da rea 21 em torno de R$
3 mil ao ms. Nossa meta de, em 2012, faturarmos aproximadamente R$ 10 mil at o meio do ano e R$ 20 mil at o final.
Para levar os clientes at a loja virtual, as redes sociais um
dos caminhos. Divulgamos em nossa pgina no Facebook e no
Twitter, alm de aes de marketing mediante parceiros, como
a rede de academias Body Tech, onde divulgamos de forma
interna para os clientes de algumas unidades da rede. Hoje,
temos quatro funcionrios responsveis pelo e-commerce.
Dois na logstica de recepo do pedido, envio para os clientes e
controle de estoque, um no controle financeiro e um na rea de
marketing, completa Fernando.
Vm a Olimpadas e Copa do Mundo e, o melhor de tudo,
sero disputadas no Brasil. A categoria de artigos esportivos
pode ganhar bastante destaque nos prximos anos devido a
esses eventos. A Paquet Esportes, que possui o e-commerce h
apenas 16 meses, conta com o boom do segmento que deve crescer at 2016. O momento excelente. Nos prximos cinco anos o
Brasil vai respirar esporte. O e-commerce brasileiro cresce entre
30% e 40% ao ano. Os clubes nacionais, com seus departamentos de marketing, esto cada vez mais ativos e profissionalizados.
Enfim, s h espao para otimismo, declara Luiz Dias, gerente de
e-commerce da loja.

Sediada no Rio Grande do Sul, a Paquet Esportes est

ganhando, em pouco tempo, o restante do Brasil. Em 2010, o RS
representava 70% ante 30% da soma dos outros estados. Hoje,
essa relao est em 45% para o RS e 55% para outros estados, o
que atesta que, com muito trabalho, dedicao e o compromisso
com a qualidade do produto, da entrega e do atendimento, estamos conseguindo levar a marca para todo o pas, declara Luiz.
Esse crescimento se deve s aes de marketing executadas pela
equipe. S trabalhamos com mdias cujo ROI seja garantido, no
qual o maior investimento concentrado nos principais buscadores. Tambm fazemos um forte trabalho de e-mail marketing,
seja na captao de mailing qualificado, envio segmentado de
contedo relevante e gesto de preo por canal. Como nossa
prioridade em 2011 a estruturao de uma loja ainda recente,
nossa estratgia absolutamente focada nas vendas, qualidade
de entrega e atendimento.
Entregar os produtos dentro do prazo prometido uma das
principais preocupaes da Paquet Esportes. A operao e a
logstica so responsveis por um dos principais indicadores de
sucesso de um comrcio eletrnico: a taxa de recompra. Outro
desafio interessante para o prximo ano o aumento do ticket-mdio. Nosso produto possui um ticket-mdio muito inferior
aos eletroeletrnicos, por exemplo, e isso tem um impacto muito
significativo nos custos variveis, e faz-lo crescer torna a lucratividade mais vivel. Aes de venda por impulso podem ser
uma das solues e s so possveis com estratgia, criatividade
e trabalho, embora sejam imprescindveis ferramentas capazes
de, por exemplo, realizar ofertas inteligentes de cross-selling e up-selling, bem como a criao de kits (exemplo: produto A = R$ 120,
produto B = R$ 80, kit = produto C (produto A + B) = R$ 150, com
desconto de 25%), aumentando o nmero de itens por nota e, por
consequncia, o ticket mdio, revela Luiz.

Tendncias do varejo online

Por Gerson Rolim
1. E-COMMERCE PERSONALIZADO

Com a oferta de servios de hospedagem que podem ser contratados sob demanda a custos acessveis, as lojas virtuais tendem a
se tornar ainda mais populares. O segredo para no bater de frente
com gigantes, como o Submarino e a Americanas.com, investir
em nichos bastante especficos. o caso da Caf Store, especializada na venda de caf e utenslios para preparar e servir a bebida
pela internet. Oferecendo um mix de produto diferenciado e
alto padro de servio, quem apostar na segmentao tende a
conquistar uma clientela fiel. A mesma regra vale para os sites de
compras coletivas. O momento para investir no grande pblico
j passou, uma vez que h mais de mil sites do tipo operando no
pas. Mas, quem conseguir encontrar um filo negligenciado pelas
ofertas gerais pode garantir a sobrevivncia do seu negcio.
2. SERVIOS BASEADOS EM REDES SOCIAIS

Paquet Esportes - www.paquetaesportes.com.br

114

| WIDE | 86 > E-COMMERCE

Cada vez mais as redes sociais se configuram como porta de

Varejo online e fsico:

entrada para o internauta na web. a partir de sites como
Facebook e Twitter que ele interage com amigos, troca mensagens, agenda compromissos, joga e l notcias, entre outras
coisas. Por isso, a migrao de servios para dentro das redes
sociais uma forte tendncia a ser explorada. Um exemplo
brasileiro a ferramenta Rsvpbook (www.rsvpbook.com.
br ou www.facebook.com/rsvpbook), que permite que
o internauta faa reservas em restaurantes e bares a partir
do Facebook. A integrao do e-commerce a essas plataformas tambm vem ganhando fora. Um exemplo o site de
compras coletivas Clube do Desconto, que j permite que os
clientes faam compras diretamente a partir da sua pgina
na rede social.

No Brasil, mais de 27 milhes so e-consumidores

So 5 milhes de lojas fsicas e 60 mil lojas online.

Amrica Latina:
Brasileiros so os que mais tendem a comprar quando acessam uma
loja virtual, com 94% das visitas convertidas em vendas. J os argentinos correspondem a 89%, e os colombianos, a 84%.
O Brasil representa 60,8% do faturamento no e-commerce de toda a
Amrica Latina. Como comparao, o Mxico est na segunda posio, representando apenas 12,1% do faturamento.

3. GEOLOCALIZAO

Com a popularizao dos smartphones, cada vez mais os

usurios tornam-se rastreveis a partir de seus dispositivos
mveis. Ferramentas como o Foursquare j exploram a
geolocalizao, permitindo que divulguem onde esto por
meio de redes sociais como o Facebook e o Twitter. Quem
souber explorar esse recurso para oferecer produtos e servios personalizados de acordo com a localizao e o padro
de movimentao dos usurios tende a atingir um enorme
sucesso de vendas. Um exemplo a americana Zipcar, que
oferece servio de compartilhamento de veculos e usa a
tecnologia para possibilitar que o usurio rastreie o carro disponvel mais prximo por meio de um smartphone conectado internet.

Dados compras coletivas:

2010: SETOR MOVIMENTOU CERCA DE R$ 10,7 MILHES NO BRASIL.
2011: SETOR MOVIMENTAR R$ 14 BILHES.

Amrica Latina: 11,6 milhes de usurios visitaram algum site do tipo em

abril, o que representa 10% dos usurios de internet da regio.
Brasil: maior alcance no nmero de visitantes, com 16% dos usurios de
internet do pas, o que equivale a 6,8 milhes de indivduos.
Argentina: 1,8 milhes (13,9% de alcance) de visitas
Mxico: 1,3 milhes de visitantes (6,6%)
Chile: 751 mil, com alcance relativo alto, de 10,2% dos usurios
Mxico: segunda posio, representando apenas 12,1% do faturamento

CATEGORIAS AINDA POUCO EXPLORADAS EM LOJAS VIRTUAIS NO

BRASIL: CALADOS, ACESSRIOS E VESTURIOS.

Fontes: IndexMundi, 24 WebShoppers, comScore e Ipea.

86 > E-COMMERCE | WIDE |

115

POSSO
Albert Deweik
Diretor de vendas da NeoAssist
(www.neoassist.com)

116

| WIDE | 86 > E-COMMERCE

AJUDAR
Por Flvia Freire

Quem no gosta da liberdade de passear por uma loja olhando

tudo o que quiser durante o tempo que for preciso e s chamar o
vendedor quando houver necessidade? No mundo virtual assim.
Com as ferramentas de atendimento por mensagens instantneas,
os usurios no se sentem sozinhos nos casos em que precisem
tirar dvidas. Albert Deweik, diretor de vendas da NeoAssist,
empresa especializada em solues de atendimento, fala sobre as
inmeras vantagens de oferecer um sistema de chat online na loja
virtual, como, por exemplo, a principal delas: reduo de custos.

E-COMMERCE

PARA EFEITO DE
COMPARAO,
UM ATENDIMENTO
INTELIGENTE REALIZADO
CUSTA SOMENTE CERCA
DE 1% DO ATENDIMENTO
POR TELEFONE
Albert Deweik
WIDE Qual a importncia de uma loja virtual oferecer um servio de
atendimento online aos clientes? Um sistema de chat online importante apenas para e-commerces de grande porte ou deve ser aplicado tambm aos e-commerces de mdio e pequeno porte?
ALBERT Toda loja que se preocupa em vender e atender bem seu
cliente deve ter uma soluo de atendimento online, independentemente do tamanho dela. A preocupao em atender seu cliente
de forma rpida deve ser geral. Os pequenos e mdios devem
ter ainda mais a preocupao em atender da melhor maneira o
cliente e tornar esse tipo de servio um diferencial na loja. As solues hoje existentes de chat online cabem no bolso de qualquer
empresa, justamente por terem preos praticados de acordo com
a quantidade de operadores conectados. Sendo assim, dizer que
um investimento caro no justifica.
WIDE Por falar em custos, uma empresa que tem gastos com liga-

es telefnicas no atendimento aos clientes pode reduzir esse valor

quando faz o atendimento online?
ALBERT O atendimento telefnico , sabidamente, a forma mais
cara de atender o cliente para qualquer tipo de operao, no
somente lojas online. Migrar o atendimento, ou parte dele, para o
online deveria ser estratgia fundamental para qualquer empresa
que queira reduzir custo, muitas vezes aumentando a qualidade
do seu SAC. O atendimento online pode ser feito de vrias formas,
sobretudo por meio de ferramentas inteligentes, chat e e-mail.
Apenas para efeito de comparao, um atendimento inteligente
realizado custa somente cerca de 1% do atendimento por telefone. Um atendimento por chat, ou por e-mail, tem o custo mdio
de apenas 10% de uma ligao telefnica com 0800. Alm da
questo custos, o cliente que compra na web prefere ser atendido na web. Ao disponibilizar canais de atendimento online, ele
consegue tirar sua dvida no canal que realmente deseja. O atendimento via internet tambm benfico, na medida em que permite visualizao, conavegao e auxlio online.

WIDE Ento, voc acha que a possibilidade de o cliente entrar em

contato com a empresa por meio do chat online para tirar eventuais
dvidas sobre pagamentos e produtos pode ser o diferencial para
que ele no desista de uma compra?
ALBERT Com certeza. Vrios estudos mostram que um dos maiores motivos da taxa de abandono do carrinho d-se, principalmente, pela falta de informao ou de contato no momento de
fechar o pedido.
WIDE Em sua opinio, quais recursos um sistema de chat online
deve ter?
ALBERT As ferramentas de chat disponveis no mercado hoje so
muito completas, mas vejo trs pontos fundamentais que elas
devem trazer:

1. Ter um sistema inteligente por trs, que consiga automaticamente entender a pergunta do cliente e auxiliar o atendente com
sugestes de resposta, para reduzir o tempo mdio de atendimento e dar mais agilidade conversa;
2. Permitir atender mais de um cliente simultaneamente uma
excelente opo para lojas que tm picos;
3. Permitir identificar em qual momento da compra o cliente
est e efetuar uma conavegao com ele, auxiliando o processo de compra.
WIDE E quais so os principais detalhes aos quais um lojista deve
estar atento na hora de contratar uma empresa que oferece o
sistema de chat online?
ALBERT A empresa deve se atentar especialmente a trs pontos:

1. SLA (Service Level Agreement tempo que a empresa garante

disponibilidade da ferramenta). Empresas que contratam ferramentas que no garantam um SLA correm o srio risco de ficarem com o atendimento indisponvel por falhas tcnicas;
2. Verificar se a ferramenta de chat online pode ser integrada com
os outros canais de atendimento online disponveis na empresa;
3. Verificar quais recursos de auxlio ao atendente a ferramenta
disponibiliza sabemos que a rotatividade em um contact center alta e o tempo de treinamento, baixo. Quanto mais a ferramenta for intuitiva, melhor.
WIDE Voc acha importante que haja no sistema de chat online da
loja virtual o servio de chat por vdeo e voz, para que o atendente e
86 > E-COMMERCE | WIDE |

Ilustrao - Carolina Vigna-Mar

117

E-COMMERCE

UM DOS MAIORES MOTIVOS

DA TAXA DE ABANDONO
DO CARRINHO D-SE,
PRINCIPALMENTE, PELA
FALTA DE INFORMAO OU
DE CONTATO NO MOMENTO
DE FECHAR O PEDIDO
Albert Deweik
o cliente conversem em forma de videoconferncia? Por qu?
ALBERT Na teoria, a ideia interessante. Na prtica, difcil dizer

se traz algum ganho ao cliente. No caso de voz, o cliente virtual

prefere ser atendido online, como j foi falado muitos deles tm
restrio com telefone e preferem atendimento digitado. No caso
de vdeo, a no ser em casos muito especficos, como os que o atendente age muito mais como um vendedor, mostrando um showroom ou produtos, por exemplo, no acredito que exista uma
aplicao prtica. Mesmo em casos em que ele pode demonstrar
produtos ou vdeos, h ferramentas que fazem isso muito melhor.
WIDE Como voc disse, sistemas de chat online que tm respostas
predefinidas podem ajudar na agilidade do atendimento. Como fazer
para que o cliente no se sinta, ento, como se estivesse conversando com um rob?
ALBERT Acredito que respostas predefinidas tentando fazer
um rob se passar por atendente em um chat no funcionam.
Vrios estudos americanos j demonstraram que ao optar pelo
canal chat o cliente quer falar com uma pessoa de verdade. Nesse
momento, tentar fazer um rob se passar por humano frustrar o
cliente. Por outro lado, defendo uma estratgia de atendimento
em que o cliente deve, sim, fazer uso de ferramentas de atendimento inteligente antes de passar pelo chat. Essas ferramentas
de atendimento inteligente no so somente respostas predefinidas, elas interpretam a dvida do cliente, escrita de qualquer
forma, e oferecem a melhor resposta, sempre lhe identificando
que est em um sistema de atendimento inteligente no qual
poder, sozinho, tirar suas dvidas de maneira rpida e prtica.
Esse tipo de estratgia, inclusive, muito usado por grandes
players brasileiros, como Walmart, Compra Fcil e Fast Shop.
Ademais, reduz o custo de atendimento e, principalmente, incrementa vendas, j que poucas empresas possuem uma central de
atendimento com pessoas 24 horas. Cerca de 20% das dvidas

118

| WIDE | 86 > E-COMMERCE

surgem fora do horrio comercial. Se nesse momento a empresa

no tiver uma estratgia de atendimento inteligente, evidente
que sero mais carrinhos abandonados.
WIDE Um sistema de chat online pode ser criado pelo prprio desenvolvedor da loja. Ento, voc acha uma boa opo solicitar a ele que
crie o sistema de chat?
ALBERT Compartilho da ideia de que desenvolvedores podem
criar ferramentas de chat online, porm, justamente por no ser o
foco de desenvolvimento de uma loja online, a ferramenta nunca
ser to completa e nunca ficar to avanada quanto as existentes hoje, desenvolvidas justamente por empresas que tm o foco
nesse tipo de produto. Para instalar um sistema de atendimento
online, a melhor forma contratar uma empresa que possui essa
tecnologia. Alm de ser muito mais barato do que desenvolver um
sistema de atendimento online, uma empresa com experincia no
mercado poder ajudar as empresas na estratgia de implantao
de seu atendimento online.
WIDE Em relao aos atendentes, estes devem ser contratados
pelo prprio lojista ou as empresas que oferecem o sistema tm sua
equipe de atendentes que ficar disponvel para os clientes da loja
virtual?
ALBERT Os dois modelos so vlidos, mas depende da estratgia da empresa. Terceirizar pode ser interessante para algumas
empresas, enquanto e outras preferem manter toda a estrutura
internamente.
WIDE E qual deve ser, em sua opinio, o perfil de um atendente
online?
ALBERT Ele deve ser, sobretudo, rpido e inteligente, alm de ter
conhecimento dos produtos, das regras da empresa e dominar a
gramtica impecavelmente.

86 > E-COMMERCE | WIDE |

119

Dou-lhe UMA,

dou-lhe DUAS,

dou-lhe TRS!

Quem j foi a um leilo do mundo real

encontra algumas diferenas quando
se depara com a verdadeira guerra
para arrematar um produto leiloado
na web. No Lanceria (www.lanceria.
com.br), lanado no dia 1 de junho
deste ano pelos scios Denis Mandelbaum e Bernardo Shucman, funciona
assim: o produto disponibilizado em
uma certa hora e os usurios cadastrados no site j podem comear a
dar seus lances cada um valendo
R$ 1 e contabilizando R$ 0,01 ao valor
final que ser arrematado e, quando
o contador chega a 20 segundos, a
batalha se inicia. O vencedor o usurio que conseguir dar um lance que
permanea at o contador zerar. Se
algum der um novo lance antes de
chegar a zero, o contador volta para
mais vinte segundos. Nesta brincadeira, um iPad 2, por exemplo, que vale
cerca de R$ 1.900 pode ser arrematado apenas R$ 10!

Pgina inicial

Denis Mandelbaum
Scio do Lanceria (www.lanceria.com.br)

claro que o proprietrio do site no perde com

isso. Nos leiles virtuais, todos os lances dados devem ser pagos, e cada lance pode valer de R$ 0,04
a R$ 1, dependendo da quantidade de lances que se
compra no site. Conversamos com o Denis Mandelbaum para saber como funciona esse novo modelo
de negcios na web, uma vez que o Lanceria atingiu
o sucesso muito rapidamente e em poucos meses
j mantm um crescimento considervel por dia na
base ativa de usurios.

DENIS A mudana aconteceu em virtude da imensa quantidade

de pedidos que recebemos de nossos clientes, que procuravam
comprar de uma maneira confivel e segura os mesmos produtos anunciados nos outros sites de leilo.

WIDE Quem so os idealizadores do projeto e quem desenvolveu o

WIDE E quais so os produtos que atraem mais os usurios e, como

consequncia, geram mais lucros para o site de leilo?

site? Como surgiu a ideia de lanar o Lanceria?

DENIS O Lanceria surgiu como um projeto da empresa de desen-

volvimento tecnolgico My Play Mobile (www.myplaymobile.com).

A empresa comeou a operar no mercado h cerca de trs anos,
liderada por mim, pelo Bernardo Schucman e pelo diretor de TI
Junior Ribeiro. Inicialmente, apenas com projetos de desenvolvimento de softwares para aparelhos mobile, como o iPhone.
Posteriormente, a My Play comeou a investir em um projeto
promissor e ao mesmo tempo desafiador, o Youppie (www.youppie.com.br), uma inovadora rede social que tem como diferencial
o recurso da comunicao por vdeo e que foi lanado em agosto
deste ano. O Lanceria, surgiu quando um parceiro apresentou
agncia uma nova modalidade de compras online que vinha
se tornando uma febre mundial: o Penny Auction (Leilo por
Centavos). Acreditando no sucesso do projeto, o grupo comeou a
desenvolver o Lanceria e em trs meses o site estava no ar.
WIDE O Lanceria comeou como um site de leilo de viagens. Como
surgiu a parceria com a agncia de turismo Engetur?
DENIS Na verdade, o Lanceria comeou com dois parceiros: a

Engetur e o Mercado Pago. Como a ideia inicial do site era trabalhar apenas com pacotes de turismo, procuramos a Engetur e oferecemos a parceria, que funciona da seguinte maneira: a Engetur
nos passa a programao de pacotes de viagens disponveis e
ns selecionamos os mais interessantes para nossos clientes
e os compramos. Dessa forma, montamos nossa programao

e colocamos as ofertas no ar. Quando um cliente arremata o

leilo, ele automaticamente direcionando ao Mercado Pago,
podendo, assim, efetuar sua compra pelo valor arrematado. Ao
confirmarmos o pagamento, a Engetur entra em contato com o
vencedor do leilo para agendar sua viagem.
WIDE Hoje, o site leiloa diversos outros servios e produtos, principalmente eletrnicos. Qual a razo dessa mudana?

DENIS Eletrnicos. Notebooks, mquinas

BlackBerrys so os trs mais vendidos.

fotogrficas

WIDE Destes, qual foi o produto leiloado em que o resultado mais o

impressionou no Lanceria?
DENIS Um netbook Intel Atom da Samsung, com tela de 10, 2
GB de memria, HD de 250 GB, Bluetooth e webcam. O usurio
vencedor arrematou o produto por R$ 47,12 e deu aproximadamente 400 cliques. Esse cliente pagou aproximadamente R$
247,12 porque os pacotes de lances custam em mdia R$ 0,50
por um lance, sem contar os leiles de pacotes de lances, que
podem derrubar ainda mais o custo mdio do clique. E existem
pacotes de lances mais baratos no prprio site, podendo chegar
a 0,35 centavos o lance.
WIDE O Lanceria foi lanado h pouqussimo tempo, em junho deste
ano. Ento, desde que est no ar, qual a mdia de acesso e crescimento de usurios cadastrados no site?
DENIS A mdia de acessos de 1500 pessoas por dia, e diariamente recebemos cerca de 8 mil cadastros.
WIDE E como feita a divulgao do site?
DENIS A divulgao feita por meio de redes sociais, do Google
e dos diversos mecanismos de busca. Alm disso, acreditamos
muito na divulgao boca a boca que feita espontaneamente
pelos vencedores dos leiles.
86 > E-COMMERCE | WIDE |

121

WIDE Quais so as estratgias do Lanceria para se manter ativo e

competitivo entre os diversos sites de leilo que vm surgindo?

WIDE Quais so os horrios de maior pico, maior acesso e mais lances

dados? Quantos produtos o Lanceria coloca a leilo por dia no site?

DENIS O mais importante a segurana e a confiabilidade na plataforma utilizada para promover os leiles. O Lanceria possui um
monitoramento de todos os leiles realizados no site com profissionais treinados exclusivamente para isso. E tambm uma estrutura de atendimento que proporciona solues rpidas e eficazes
para os clientes.

DENIS O perodo noturno tem o maior pico de acessos. So em

mdia quinze leiles por dia.
WIDE Quantas pessoas so necessrias para manter um site de leilo
ativo, bem divulgado e bem acessado?
DENIS Nossa equipe conta hoje com quinze profissionais nas seguintes reas: comercial, programao, webdesign e atendimento.

WIDE Para o caso em que um produto seja arrematado por um valor

menor do que o esperado, no gerando lucro, como o proprietrio do
site de leilo deve se preparar?
DENIS No incio, o proprietrio deve estar preparado para arcar
com prejuzos em algumas ofertas. Esse modelo de compra online
depende inevitavelmente de uma grande base de usurios.
WIDE Diferentemente de um leilo do mundo real, no virtual cada
lance dado por um usurio deve ser pago, mesmo que ele no consiga arrematar o produto. J nos leiles do mundo real, apenas o vencedor paga o valor final pelo produto. Por que acontece dessa forma
nos leiles virtuais?
DENIS diferente, de fato, dos leiles da vida real. Cada participante que investir em uma oferta e no conseguir arrematar o
produto tem a possibilidade de compr-lo no site descontando o
valor gasto nos lances.

122

| WIDE | 86 > E-COMMERCE

O mais importante
a segurana e a
confiabilidade na
plataforma utilizada
para promover os
leiles.

86 > E-COMMERCE | WIDE |

123

E-COMMERCE

Web & business Rafael Esberard

A velocidade das empresas
Neste primeiro semestre de 2011, tive a oportunidade de conhecer diversas empresas. Um dos
fatores que sempre me impressiona como
todos os produtos, solues e servios que a
atual tecnologia disponibiliza so utilizados dentro de cada empresa. O volume de opes hoje
gigantesco, o que certamente faz os profissionais
dessas empresas terem um desafio cada vez
maior pela frente na hora de escolher, comparar
e comprar ou contratar.
Como consultor nessas empresas, pude verificar que perguntar a
um gestor de TI ou CIO todos os porqus das ltimas escolhas e
decises feitas e os critrios em que foram baseados pode acabar
sendo uma covardia. No estou dizendo que as escolhas tenham
sido feitas sem critrio, porm a relevncia e a prioridade dada a
algumas delas pode no ter sido as mais corretas.
Essa responsabilidade, e de certa forma culpa, no dos gestores de TI ou CIOs ou qualquer outro gestor que esteja diretamente relacionado s decises tecnolgicas da empresa. O fato
que, hoje, o mercado de tecnologia muito mais rpido que
as empresas participantes do mercado no Brasil. Talvez em um
primeiro momento voc, leitor, nem acredite, sendo esta revista
direcionada a um pblico diretamente ligado ou interessado em
tecnologia. Provavelmente, a empresa em que voc trabalha ou
que scio tenha no seu DNA uma aceitao a consumir facilmente inovaes tecnolgicas, porm quero que voc, neste
momento, pense em todas as outras empresas, aquelas que no
respiram tecnologia e inovao o dia inteiro, as que possuem
muitas outras preocupaes alm das tecnolgicas.
No ltimo estudo realizado pela IBM, chamado A essncia do
CIO, foram consideradas quatro possveis posies estratgicas
dos CIOs em relao tecnologia. So elas: alavancar, expandir, transformar e desbravar. O resultado em relao ao Brasil
demonstrou 9% em alavancar, 45% em expandir, 28% em transformar e 18% em desbravar. No existe melhor ou pior posicionamento para uma empresa, porm cada uma dessas posies
trata de diferentes nveis de maturidades de nossas empresas
em relao tecnologia. Dentro dessa pesquisa, comparados a
nveis mundiais, estamos bem, no entanto vejo que podemos e
precisamos melhorar muito mais, pois um mercado que tem 45%
olhando para expandir o que j possui e com 18% de empresas
dispostas a desbravar no configura um cenrio muito favorvel

124

| WIDE | 86 > E-COMMERCE

ainda para a velocidade em que as inovaes se apresentam.

Cada mercado tem uma velocidade de consumo diferente a
respeito de solues tecnolgicas, e as empresas desse mercado
tendem a se comportar de acordo com essa maturidade. Isso
muito normal, acreditem. Entretanto, uma empresa no deve obrigatoriamente andar na velocidade de seu mercado. O ponto mais
importante que pretendo mostrar aqui que a sua empresa, ou a
empresa onde voc trabalha ou a que voc atende normalmente,
sempre mais lenta que as tendncias, inovaes e lanamentos
do mercado tecnolgico. Por isso, voc pode desenvolver um
website de ponta para ela e ficar desatualizado, pode montar
um Facebook para ela e ficar abandonado, pode ter celulares de
ltima gerao e servir apenas como brinquedos corporativos;
essa lista gigantesca e vai aumentando a cada dia.
Acredito que at o momento est bem clara a ideia de que as
empresas no so to rpidas para absorver todas as tecnologias e tendncias na velocidade em que acontecem. Mas, o que
isso importa? O que importa que estejamos todos cientes de
que precisamos acelerar, mas acelerar no comprar ou contratar as ltimas tecnologias ou lanamentos, no achar que a
empresa que nem chegou a 60 km/h pode pular para 200 km/h.
O primeiro passo olhar de forma bastante crtica para tudo o
que a empresa faz e comear a mapear como a tecnologia est
sendo usada e em qual momento ser ideal procurar uma nova,
que seja mais rpida, com mais funcionalidades e mais integrada,
dentre outros fatores.
Somente dando passos em que as pessoas envolvidas descubram as vantagens da tecnologia, e principalmente aprendam
a us-la a seu favor, que iremos acelerar cada vez mais nossas
empresas e mercados. E, caso voc no tenha percebido, sim, neste
artigo inteiro eu estava falando sobre pessoas. At a prxima.

Rafael Esberard
Trabalha h 15 anos com internet, consultor de novos negcios para
grandes e mdias empresas com foco na estratgia de novos empreendimentos no mundo digital, em especfico, e-commerces. Fundou a AWM
Interactive h 10 anos, empresa especializada em desenvolvimento de
e-commerce, e, em 2010, fundou a HubCom, empresa de consultoria com
foco no preparo, ROI e melhoria de empreendimentos de e-commerces.
Possui graduaes e ps nas reas de Gesto da TI, palestrante e professor de ps-graduaes nas reas de negcios e estratgias na web.
E-MAIL: rafael@hubcom.com.br
TWITTER: @rafaelesberard

86 > E-COMMERCE | WIDE |

125

E-COMMERCE

E-commerce Mariano Faria

Foco na recompra: o jogo ser ganho nesse campo

sabido que nos dias de hoje uma loja de
e-commerce no pode mais depender de
anncios para sobreviver. O mesmo que
ocorreu com UOL e Terra ocorrer com
os demais meios de publicidade. Eles ficaro mais caros. E talvez caros o suficiente
para sufoc-lo. Inclusive o Google.

Esse cenrio demandar sua criatividade para que sua loja dependa
dela mesma para crescer. Estou falando de campanhas interessantes
que misturem o mundo offline com o online, atendimento com qualidade superior, funcionalidades criativas da loja, quebra de paradigmas em processos, recuperao de vendas, recuperao de carrinho,
entre outras iniciativas. At mesmo criatividade para copiar o que
est dando certo em outras lojas. Nesta coluna, abordarei algumas
iniciativas, casos prticos que considero interessantes.
Por fim, na nova seo desta coluna rea que sempre trar anlises de casos e dicas prticas para o aumento do faturamento de sua
loja , abordarei o KPI mais importante que voc deve acompanhar
em sua loja: o ndice de recompra dela.
COMEANDO A ESCREVER ALGO QUE FAA VOC GANHAR
DINHEIRO E NO PERDER TEMPO, SEGUEM ALGUMAS INICIATIVAS
QUE CONSIDERO INTERESSANTES E QUE POSSUEM RESULTADOS
PRTICOS:

1) Campanhas interessantes que misturem o mundo offline

com o mundo online: a cadeia de supermercados Tesco, na Coreia
do Sul, realizou uma campanha offline que aumentou em 176% as vendas online. Basicamente, levaram ao mundo offline capacidade de os
clientes verem os produtos online. Segue o link do YouTube que apresenta a campanha: youtu.be/nJVoYsBym88. Independentemente da
forma como fazem a liquidao (via QR Code), o conceito da ideia pode
trazer muitos frutos para os varejistas brasileiros.

126

| WIDE | 86 > E-COMMERCE

2) Quebra de paradigmas em processos: recentemente, a Nokia

do Brasil lanou um novo site (www.lojaonlinenokia.com.br) que no
possuiu carrinho de compras. Isso mesmo! A compra finalizada na
pgina do produto. A converso da loja aumentou tremendamente
mais que 100%. A Nokia inovou tambm em outro conceito. O site
no tem senha de login, nem cadastro, facilitando em muitos segundos e cliques o processo de finalizao de compra. Outro exemplo
de quebra de paradigma foi a iniciativa da Polishop (www.polishop.
com.br) de no aceitar boleto bancrio. Somente cartes de crdito
e dbito (sim, pessoal, pode apostar no Visa Electron). Uma boa promessa que li h pouco tempo foi que a Onofre entregar produtos
eletroeletrnicos em at quatro horas. Outra iniciativa interessante
a da Richards, em optar pelo produto da C&M (empresa antiga que
lanou produto de antifraude) para aprovao de seus pedidos; vale
fazer a experincia em www.richards.com.br.
EU DEFENDO TESTAR ALGUNS PROCESSOS AINDA MAIS AGRESSIVOS, COMO, POR EXEMPLO:

a. Inverter o fluxo do checkout: fazer com que o pagamento venha

antes do processo de escolha de endereo de entrega. Com o pagamento realizado no primeiro momento, a disposio para preenchimento de cadastros depois passa a ser muito alta ( ). Se todas as lojas
migram para esse processo, o estranho ser ficar como antigamente
(o que praticado hoje). E, nesse caso, a converso aumentar muito.
b. Captar e-mail na home de forma obrigatria: qual a razo do
grande sucesso dos clubes de compras? O desconto, mas o modelo
de marketing baseia-se no fato de que eles conseguem pegar os
e-mails de praticamente todos os que entram no site. Muitos s mostram os descontos aps identificao do e-mail. Siga iniciativas de
sucesso como o events.shoebuy.com. Confira o exemplo de quem
j seguiu: www.ahalife.com.

3) Funcionalidades criativas na loja: sua loja possui capacidade

de fazer desconto? Ento, por que no fazer igual www.calcadoonline.com.br, que, no final da compra, oferece desconto de R$ 12 caso
voc Twitte ou poste no Facebook? Uma funcionalidade simples e
viral muito interessante.

4) Recupere suas vendas: tente finalizar um pedido na

www.

DakotaParts.com.br (loja de acessrios de carro que nasceu dentro

86 > E-COMMERCE | WIDE |

127

E-COMMERCE

fundamental que voc

acompanhe de forma online os
principais KPIs da sua empresa.
Eu considero o mais importante
deles o ndice de Recompra da
Loja. Portanto, compre uma TV
e divulgue para toda a empresa
esse ndice

do Mercado Livre e que hoje uma grande potncia desse setor) e

saia no ltimo passo, antes de pagar. Ver que eles lhe ligam, mandam e-mail, ligam novamente, tudo para fazer com que voc finalize
a compra. Ou seja, fazem o varejo offline! Eles se orgulham do fato
de ligar para o cliente. Faa o mesmo! No se esquea que a palavra
comrcio a primeira do comrcio eletrnico.
O espao curto para continuar a editora me mata se eu escrever mais. Acredito ter estourado os caracteres, mas continuarei nas
prximas colunas a passar informaes teis e prticas para que
voc possa usar como base de conhecimento para aumentar o faturamento de sua loja ou da loja de seus clientes.

1) Calcule, por meio de uma planilha de vendas, qual a mdia de compras por ms que cada cliente tem. Lembre-se de calcular somente as
compras aprovadas. Se comprei quatro vezes nos ltimos 12 meses,
minha mdia de 0,3 compras por ms. Importante: utilize aproximao para que essa mdia tenha apenas uma casa decimal.
2) Coloque em um grfico uma curva que reflita essa mdia para
cada cliente. No eixo X, valores de 0,1 at 5. No eixo Y, quantos clientes
voc possui em cada faixa de recompra.

3) Agora, calcule a mediana dessa curva. Ou seja, corte e veja em

que ponto do eixo X est 50% dos seus clientes. Este o IR (ndice de
Recompra) da sua loja. Seu objetivo desloc-lo para a direita.

O QUE UM GESTOR DE E-COMMERCE DEVE ACOMPANHAR

Esta seo da coluna ser dedicada a expor os ndices que um gestor
de e-commerce deve acompanhar para controlar sua loja. Nesta edio, iniciaremos com o ndice de recompra de sua loja.
O FUTURO DE SUA LOJA DEPENDE DA SUA CAPACIDADE DE RETER
CLIENTES.

fundamental, ou quase mandatrio, que voc acompanhe de forma

online (digo online para atentar para o fato de que uma mtrica deve
ser acompanhada e disposta em TV de maneira contnua para que
todos da empresa vejam o ndice) os principais KPIs da sua empresa.
Eu considero o mais importante deles o ndice de Recompra da Loja.
Esse ndice reflete a sua capacidade de viver sem ter que fazer marketing online. Portanto, compre uma TV e divulgue para toda a empresa
esse ndice.

Como concluso deste artigo, sugiro ao gestor de e-commerce que

me l atuar de forma veemente em recuperar os clientes que no
realizam recompra. A recompra um dos fatores mais importantes
para a sustentabilidade e a competitividade de um varejo eletrnico. O aumento de converso est muito relacionado ao aumento
da recompra.
Se necessitar de ajuda, no hesite em me mandar e-mail. Bons
negcios!

COMO CALCULAR O NDICE DE RECOMPRA DE SUA LOJA?

Acompanhar a taxa de compra tem alguns objetivos. Primeiro, para

saber se sua loja est melhorando o ndice ou piorando. Segundo,
para voc atuar de forma a potencializar os clientes que tm alto
ndice de recompra. Particularmente, gosto de acompanhar uma
curva que demonstra como esto divididos (clusterizados) os clientes em se tratando desse ndice de recompra. Ou seja, saber quais so
os clientes que recompram muito e saber quais os que quase no
recompram. Segue o passo a passo:

128

| WIDE | 86 > E-COMMERCE

Mariano Gomide de Faria

Diretor executivo da empresa de tecnologia Vtex, membro do conselho
de administrao do E-commerce Summit e presidente do conselho da
Estao do Vinho.
E-mail: mariano@vtex.com.br

86 > FRONT | WIDE |

| WIDE | 86 > FRONT