Ed07

Page 1

by

R$ 6,90

e d i t o r a

arteccom

Webdesign

julho 2004 :: ano1 :: nº7 :: www.arteccom.com.br/webdesign

julho 2004 :: ano1 :: nº7 :: www.arteccom.com.br/webdesign

SOM na internet Superdicas, links de trilhas sonoras gratuitas, legislação e muito mais... com Suzana Appelbaum

Designer precisa de faculdade? Michel Lent responde

Fiat e Americanas revelam o atalho para o sucesso do comércio online

BLOGS Eles não são mais inocentes diários... Luli Radfahrer fala sobre o poder dos blogs

Marcela Catunda: Vida de freela


direitos autorais


3



menu apresentação pág. 4 quem somos pág. 5 menu contato pág. 6 emails pág. 6 fale conosco fique por dentro pág. 7 adote esta página pág. 8 clipping portfólio pág. 11 veterano: W3Haus pág. 16 calouro: Rapadura Design matéria de capa pág. 18 vantagens e desvantagens pág. 22 emotional commerce pág. 25 entrevista: Francisco Reinaldo Rodas pág. 32 entrevista: José Martins pág. 33 entrevista: Americanas.com pág. 36 entrevista: Wal-Mart e-mais pág. 37 estudo de caso: Fiat.com pág. 44 o som que vem da web pág. 49 tutorial: vídeo digital parte 2 pág. 52 tutorial: sql injection com a palavra pág. 56 estratégia online: Marcello Póvoa pág. 58 webwriting: Marcela Catunda pág. 60 marketing: René de Paula Jr. pág. 62 mercado de trabalho: Michel Lent pág. 64 webdesign: Luli Radfahrer

5


emails Assunto: Virou celebridade!!!

Assunto: Agradável surpresa!

estou em compasso de espera, em contagem

Finalmente, achei a revista e

Oi, Adriana

regressiva, ávido pela

Outro dia, um de nossos

próxima Wd. Viciei, ferrou!

fornecedores nos ligou para

Um abraço a todos(as).

discutir um orçamento e, em

Clovis La Pastina clovis.lapastina@eurorscg.com

meio às negociações, comentou: - Ah! Legal a entrevista de vocês . Seguiuse, então, o breve diálogo: - Que entrevista? . - Como assim? A de vocês, que está nas bancas . - Nas bancas? Onde? . - Na Webdesign deste mês, sobre o hotsite do Pagodinho (disparou). - Uau! Tinha me esquecido, deu um branco :-) Passei na banca aqui em frente, e lá estava ela, branquinha e radiante...Hehehehe... Ficou muito legal! Estamos orgulhosos da edição! Sem

É muito gratificante sabermos que nosso trabalho proporciona um positivo

aos

nossos

entrevistados e colaboradores. Afinal, nada mais justo, já que vocês, de certa forma, é que fazem a revista. A repercussão favorável é prova de que estamos no caminho certo e correspondendo às expectativas dos leitores. Em nome da equipe Webdesign, obrigada! Bjs, Adriana Assunto: Aumentando e organizando a produtividade

querer parecer exibido, e já sendo, vamos mostrar pra todo

Olá! Minha maior dificuldade, é

mundo! :-)))))))

uma metodologia de trabalho a

Valeu!

ser seguida. Poderia publicar

Um beijo grande,

alguma coisa do tipo.

Pedro Mozart pedro@urbana.com.br

Ricardo das Neves ricardo@promedia.com.br

Olá pessoal da Webdesign!

Superválida a sua sugestão, Ricardo.

Gostaria de agradecê-los pela

Metodologia é fundamental para

entrevista e pela matéria da

racionalizar e agilizar a produção de

Thunder, que saiu na edição de

todo e qualquer trabalho. Por sua

Maio. Ficou muuuito legal.

utilidade, incluiremos este tema em

Acho que vocês sabem fazer a revista porque

uma de nossas próximas pautas. Aguarde!

fiquei espantado. Muita qualidade nas matérias, preço acessível e um visual animal!!! Era tudo o que eu queria em

Olá, Pedro e Clovis

retorno

comprei-a. Quando a abri,

uma revista. Continuem assim, pois é muito difícil achar algo com estas qualidades. Gostei muito da seção de e-mails, porque vocês realmente os respondem e atendem às nossas humildes, aflitas e criativas opiniões. Uma revista, finalmente, voltada

Assunto: Eureka!

para o leitor. Parabéns!!! Leandro Guerra rsdweb@hotmail.com

Tenho que contar uma coisinha para vocês: sabiam que são responsáveis por minha paixão

Tinha o costume de ler outras

e interesse em virar designer?!

revistas de design. Mas, na

Pois é... Acabei de entrar na

primeira vez em que li a

faculdade, estou cursando o

revista Webdesign, me

segundo período de desenho

surpreendi com a qualidade

industrial. Comecei a

do conteúdo de vocês. Muito

descobrir o que um designer

obrigado.

faz de verdade. E, quando

Phelipe Pavanello phelipe@qualityimport.com.br

menos esperava, minha

Obrigada, Rodrigo e Phelipe. Surpresas boas são sempre bemvindas, não?! A qualidade é nossa prioridade para que vocês, leitores, recebam informações cada vez mais

amiga veio com o exemplar nº 2 de vocês. Fiquei louuuuuuuucaaaaaaaa...!!! Parabéns pela revista, pelo visual e obrigada por terem me ajudado!

úteis e abrangentes. Continuaremos

Ana Moutinho anamoutinho@globo.com

assim e esperamos que vocês

Que legal, Ana! Tomara que a ajuda

continuem com a Webdesign!

da nossa revista não pare por aí e que

a

Webdesign

seja

sua

a fazem com tesão.

companheira constante até depois da

Só pode ser

formatura. Sucesso e boa sorte!

isso. Mais uma vez,

fale conosco através do site www.arteccom.com.br/webdesign

6


adote esta página

adotou esta página

Que cada indivíduo procure auxiliar os interesses alheios e não somente os seus próprios interesses

Filipenses

Adotando esta página, a Locaweb contribuiu com R$600,00 para a manutenção do projeto Mage-Malien Crianças que Brilham, beneficiando integralmente crianças e jovens de comunidades menos favorecidas. O projeto possibilita o acesso de crianças ao universo da educação, da arte e da cultura através de cursos e oficinas ministrados gratuitamente pela equipe BeribaRei Capoeira. Ocupando de maneira sadia suas horas de lazer, os jovens aprendem o exercício pleno da cidadania. A Arteccom acredita na construção de um futuro melhor e agradece este gesto de solidariedade! Você também pode ajudar a manter o brilho dessas crianças: ligue para (21) 2253-0596 ou envie um email para arteccom@arteccom.com.br e adote esta página! Para conhecer o projeto Magê-Malien, visite o site www.arteccom.com.br/magemalien.

7


clipping Intel desenvolverá games multiplayer na China A Intel e o maior provedor chinês de games online, Shanghai Shanda, anunciaram na terçafeira (08/06) uma parceria para o desenvolvimento de uma plataforma para entretenimento

Seagate lança HD de uma polegada

interativo online. A Shanda já oferece diversos jogos multiplayer massivos, permitindo que

A Seagate anunciou, no início do mês passado,o

milhares de jogadores interajam entre si em um mundo virtual.

lançamento de um disco rígido com uma

Os termos do acordo são de que as duas empresas deverão cooperar entre si para o

polegada de tamanho, destinado ao mercado de

desenvolvimento de diversos jogos para PCs, consoles e telefones celulares.

tocadores de música digital. O disco, que contará com duas versões uma de 2,5 Gigabytes (GB)

A iniciativa faz parte do projeto de casa digital da Intel, focado em estender o acesso dos usuários a arquivos de mídia e conteúdo online em diferentes tipos de aparelhos, como consoles de

e outra com 5 GB de capacidade concorrerá diretamente com o MicroDrive, da Hitachi, que equipa o Apple iPod Mini.

games e telefones celulares. A Shanda opera, atualmente, cerca de 9,5 mil

A Seagate espera lançar o disco mundialmente

servidores, o que significa uma capacidade

até o começo do terceiro trimestre deste ano, e

máxima de 3,3 milhões de gamers chineses

aposta na maior capacidade de armazenamento

conectados. Durante o primeiro trimestre de

de seu produto para ganhar espaço no mercado. Atualmente, o disco rígido de uma polegada da

2004, a Shanda registrou média de 931,5 mil

Toshiba oferece 4 GB um gigabyte a menos

jogadores diariamente.

que o lançamento da Seagate. (01)

Microsoft pode entrar no mercado vetorial Sem fazer qualquer alarde sobre o assunto, a Microsoft oferece desde o início de junho versões gratuitas para download do Expression 3, um aplicativo de ilustração gráfica vetorial para sistemas Windows e Macintosh. O

(02)

Mais um scam apela para o medo da traição amorosa Os scammers voltaram a atacar com o assunto traição. Internautas estão recebendo em suas caixas de correio eletrônico e-mails com supostas fotos em que estaria revelada a traição do amado ou amada. Com o título A pessoa que você ama continua te traindo , e assinada por um amigo que quer te ajudar , a mensagem do scam indaga se o destinatário já sabia desse

programa ainda está em fase de desenvolvimento, mas a empresa não esclarece o que pretende fazer com a tecnologia. Os principais produtos similares do mercado são Corel Draw e o Illustrator, da Adobe.

fato. Diz também que enviar as fotos comprometedoras foi o único meio para poder mostrar tudo o que está acontecendo . O texto traz então um link para acesso às supostas fotos, que deverão ser analisadas com muita calma . Ao fazer isso, o destinatário se tornará um indivíduo traído, sim, mas pelo falso amigo, que terá inoculado algum tipo de vírus no seu PC. O amigo-da-onça ainda pede desculpas por não poder se identificar.

(03)

(04)

Sala de cirurgia do futuro funciona com comandos de voz Uma sala de cirurgia que entende comandos de voz do médico foi uma das atrações da Hospitalar 2004, feira de produtos para a área médica que aconteceu mês passado, em São Paulo. O sistema, lançado simultaneamente em vários países pela empresa Stryker, consiste em um sistema computadorizado, ativado pela voz do médico, que pode controlar uma série de equipamentos conectados a ele. Dentre 300 ações possíveis, ele pode regular a luz da sala, a localizada sobre o paciente, aumentar ou diminuir o zoom de câmeras envolvidas na operação e mover a mesa, por exemplo. Sem tirar as mãos do paciente, o médico pode até solicitar uma ligação telefônica e consultar outro especialista. (05)

8


clipping Gil lança proposta para recolher direitos autorais

Mais americanos buscam emprego pelo PC do patrão

O ministro da Cultura, Gilberto Gil, lançou, durante

Nos últimos 12 meses, o uso de

o 5º Fórum Internacional Software Livre (FISL),

computadores de escritórios para

em Porto Alegre, uma nova proposta para o

procura de emprego em sites de

recolhimento de direitos autorais no Brasil. E será o

recolocação cresceu 26% nos EUA,

primeiro artista a usar o modelo, abrindo mão dos

de acordo com estudo da Internet

direitos autorais da música Oslodum.

Security Systems (ISS).

Com as novas resoluções do governo, as obras não

A empresa, especializada em

sairão necessariamente das fábricas com a frase

segurança para sistemas de

todos os direitos reservados. Serão criadas duas

informação, diz que a busca por vagas

novas frases: alguns direitos reservados e nenhum

pela Web no horário comercial se deve, em

direito reservado. Assim, o autor irá decidir se a

parte, ao aumento dos sites de recolocação e ao uso de banda larga nas empresas

obra estará liberada para quaisquer usos, para

norte-americanas.

nenhum ou para alguns usos (nesse caso, ele

A Internet Security Systems também menciona estatísticas que revelam

poderá decidir as ocasiões em que a obra será

grande redução, de cerca de 10%, no número de profissionais satisfeitos com

utilizada livremente).

seus atuais empregos.

Além disso, a proposta prevê que o autor poderá

Os estudos realizados pela Internet Security Systems são usados como base

ditar o tempo em que isso será feito. O modelo

para o desenvolvimento de soluções para monitoração e controle do uso da

atual prevê que as obras têm todos os seus direitos

Internet no meio corporativo.

de comercialização preservados por 70 anos, quando ficam livres para utilização.

(07)

(06)

Hackers estão usando táticas de spammers para enviar vírus Hackers estão usando um programa para enviar spam as mensagens de email indesejadas para distribuir milhares de cópias de um novo vírus. De acordo com a MessageLabs, empresa que produz um software para filtrar e bloquear mensagens não-solicitadas, mais de 4.000 cópias da praga Demonize.T foram bloqueadas em 24 horas. A companhia costumava bloquear, no máximo, 20 e-mails com vírus por dia. Alex Shipp, pesquisador da divisão antivírus da MessageLabs, disse ao site The Register (www.theregister.co.uk) que os hackers estão adotando táticas dos spammers para atingir o maior número possível de PCs. (08)

(01) http://idgnow.uol.com.br/AdPortalv5/omputacaoPessoalInterna.aspx?GUID=358EAE4C-243E-4611-8019-A38313FA5596&ChannelID=2000010 (02) http://idgnow.uol.com.br/AdPortalv5/ComputacaoPessoalInterna.aspx?GUID=833A864F-10C4-4D1B-B658-CD6310143AA6&ChannelID=2000006 (03) http://idgnow.uol.com.br/AdPortalv5/ComputacaoPessoalInterna.aspx?GUID=53480D96-B447-42F9-8854-5768E5D43080&ChannelID=2000014 (04) http://info.abril.com.br/aberto/infonews/062004/01062004-3.shl (05) http://noticias.uol.com.br/inovacao/ultimas/ult762u2011.jhtm (06) http://www.radiobras.gov.br (07) http://info.abril.com.br/aberto/infonews/062004/01062004-10.shl (08) http://www1.folha.uol.com.br/folha/informatica/ult124u16142.shtml

9


10


W3haus

portfólio :: veterano

Gaúchos da

apostam

profissionalismo, na competência e na criatividade no

por Bruna Kanhan

Tiago Ritter e sua equipe saíram do extinto Studioweb para consagrar a W3haus Tiago Ritter, Diretor da W3haus, tem apenas 24 anos e é formado em jornalismo. Trabalha com webdesign desde 1996 e, de lá pra cá, já entendeu que o mercado de hoje necessita mais de pessoas que saibam muito de uma coisa do que de pessoas que saibam um pouco de tudo , ao contrário da máxima do jornalista profissional, que, normalmente, se considera um especialista em generalidades. A W3haus fica em Porto Alegre, Rio Grande do Sul. Tem uma equipe de dez pessoas no total: três no núcleo de design, três no núcleo de TI e mais três na produção, além de uma assistente. Produzem tudo para a internet, desde banners até portais de conteúdo dinâmico , diz Tiago. A agência gaúcha ganhou as primeiras contas pelos contatos feitos na época em que seus funcionários ainda trabalhavam no antigo e extinto Studioweb. Até hoje, a Tramontina e a Sanremo são seus clientes. Grendene, Elegê e Avipal são contas mais recentes da empresa.

www.w3haus.com.br

11 11


portfólio :: veterano

Para garantir o sucesso da W3haus, a

www.grendene.com.br

equipe aposta no profissionalismo, na competência e na criatividade. Unindo-se a isso uma boa administração, é garantia de sucesso , define Tiago. O diferencial da agência está em soluções completas e customizadas para os seus clientes. De acordo com o designer, a W3haus se preocupa em oferecer ao cliente não só uma cara bonita, mas também, uma estrutura tecnológica consistente . Projetos experimentais também estão www.grendene.com.br/ipanema

em seu portifólio. A equipe fez dois trabalhos criados a partir de um estudo feito pelo escritor Sérgio Capparelli e pela designer Ana Gruszynski. Transformamos poemas visuais em ciber poemas ou poemas interativos. Na segunda parte desse projeto, nos voltamos mais para o ensino da poesia nas escolas, criando atividades de completar, declamar, ordenar, enfim, interagir com a poesia . Recentemente, foram premiados com três bronzes e uma prata no salão de mídia

www.adrianegalisteu.com.br

12


www.vallagarina.com.br

www.cartoesgigantes.com.br

www.primafer.com.br www.senairs.org.br/talentos

www.elege.com.br www.ordene.com.br

www.tramontina.com.br

www.tramontina.com.br/tramontina

www.ciberpoesia.com.br www.ciberpoesia.com.br/zoom www.transfi.co.uk

www.trf4.gov.br

13

portfรณlio :: veterano

Alguns projetos da W3Haus:


portfólio :: veterano

interativa da Arp (Asssociação Riograndense

O site da Grendene foi criado com o

de Propaganda) com os seguintes sites:

mesmo estilo dos produtos da empresa:

www.grendene.com.br/giz,

design diferenciado e moderno e, ao mes-

www.grendene.com.br/ipanema,

mo tempo, simples e de fácil acesso.

www.rider.com.br (bronze) e

Até a 4ª região do Tribunal Regional Fe-

www.archakattack.com.br (prata).

deral tem um portal desenvolvido pela

Outro trabalho importante é o site da

W3haus, onde se pode fazer uma consulta

multinacional Tramontina, todo desenvol-

em uma base de dados com mais de 300

vido em asp, com base de dados em SQL

mil processos. Neste projeto, o grande desa-

Server e conteúdo disponibilizado em

fio foi redesenhar o site antigo e criar uma

três línguas. É o único local em que se

estrutura capaz de suportar mais de 30.000

pode consultar todos os produtos da

acessos diários . E, de desafio em desafio, a

Tramontina , garante Tiago.

W3haus vai deixando sua marca registrada no mercado de web.

www.rider.com.br

14


15


portfólio :: calouro

. . . O N A C I R O E D M A A R I E L I S A ABR

É apostando em

contatos que ele busca superar a

Ernesto Carlos Ruiz Cômodo, 23 anos, nasceu em São

instabilidade tão conhecida de quem trabalha por conta própria

Francisco, na Califórnia, EUA, e formou-se em 2002, na Otis College of Art and Design em Los Angeles. Fotógrafo de plantão, tem na câmera fotográfica uma companheira inseparável. Calmo e pensativo no âmbito pessoal, no profissional, necessi-

Ernesto defende a formação acadêmica para os

ta de ordem. Profissionalmente, gosto de ter tudo no lugar e

designers, mas reconhece que existem aqueles que podem

limpo. Não suporto ver uma mesa de trabalho desorganizada,

contar com o dom: Para trabalhar como autônomo, você

não consigo trabalhar produtivamente assim , revela.

precisa conhecer os termos usados em design, pensar criti-

Freelancer há três anos, considera um bom networking

camente, saber argumentar a favor de seus designs. Além

essencial para a sobrevivência. Costumo dar cartões para

disso, temos de dominar um pouco de cultura, ciências, polí-

todos que conheço, principalmente para clientes, que aca-

tica, história, porque nossos clientes apresentam perfis va-

bam repassando-os para amigos , dá a dica. É apostando em

riados , justifica. Logicamente, existem alguns designers

contatos que ele busca superar a instabilidade tão conheci-

natos, que não são formados, porém, possuem disciplina,

da de quem trabalha por conta própria. Mas, em compensa-

força-de-vontade e curiosidade de aprender, características

ção, você faz seus próprios horários, decide quanto quer

importantes , complementa.

receber ou quando sair de férias . Com mais de 65 clientes, empresas pequenas em sua maioria, destaca: Brazzil Maga-

Dentro em breve, ele pretende abrir seu escritório de design em São Paulo, com uma equipe de cinco designers.

zine (revista online sobre o Brasil, em inglês), LaserCare (vendedora de impressoras laser HP), Goddess Granola (produtos de Granola), Linda Larsen (locutora), Tucanis Hotel & Pousada (em Bonito, Mato Grosso do Sul), Pleascent Aromas (velas e produtos para pele). Dependendo do porte do projeto, pode contar com a colaboração de outro designer e de um programador para sites de e-commerce e formulários. Também posso contratar ilustradores ou fotógrafos profissionais de acordo com o job. Se o projeto for pequeno, trabalho sozinho . www.jeremykidd.com um dos projetos da Rpadura Design

16

O site da Rapadura Design é <www.rapaduradesign.com>

Para participar da seção portfólio, cadastre-se no site

e o email para contato, info@rapaduradesign.com

www.arteccom.com.br/webdesign


17


18

vantagens e desvantagens


vantagens e desvantagens

Se, no início, havia o receio de quebra de sigilo nas operações de pagamento, hoje, as empresas varejistas da web investem maciçamente em segurança a fim de ganharem credibilidade

A internet é, sem dúvida, o marco da

ciçamente em segurança a fim de ganharem

comunicação pós-moderna. Veio para revolu-

credibilidade e, conseqüentemente, clientes.

cionar, e revolucionou não só relações huma-

Dentre as tecnologias de segurança encon-

nas, mas também comerciais. A cada dia que

tram-se: protocolos de transmissão segura

passa, esta ferramenta de TI tem sua utiliza-

de dados canal criptografado HTTPS e SSL;

ção ampliada, atuando nos mais variados

detecção de intrusos; certificação digital e

segmentos, seja no âmbito pessoal, econômi-

autenticação forte (garantem a identidade do

co, político ou social. Mas sua aplicação na

usuário); certificação com time stamp; tecla-

área mercadológica acabou por provocar

do

mudanças significativas nas vendas e no

digitação); biometria.

virtual

(contra

capturadores

de

consumo contemporâneos. O advento do e-

Cartão de crédito, depósito bancário,

commerce acirrou a concorrência e muitos

boleto e débito em conta corrente costumam

sites de comércio virtual sairam do ar tão rápi-

ser as formas de pagamento oferecidas à cli-

do quanto entraram, sobretudo, por falta de

entela. Para os comerciantes online, obvia-

planejamento estratégico. Enquanto isso, as

mente, é preferível que a transação seja fei-

grandes corporações fizeram da internet não

ta no ambiente virtual, o que favorece as

só mais um canal de vendas, mas também um

compras por impulso. Com boletos e depósi-

eficiente multiplicador e fixador de suas mar-

tos sempre há a possibilidade de desistência

cas. Com um ritmo de crescimento acelerado,

por parte do comprador em potencial. O ínte-

o comércio virtual expandiu-se rapidamente e

rim entre a visita ao site e a ida ao banco

passou a ser um meio de compra assimilado

pode transformar-se no maior inimigo do e-

por boa parcela da população.

commerce. Da implantação do comércio virtual aos

Brasil:

dias atuais ocorreram mutações tanto no

População: 178 milhões de habitantes

aspecto tecnológico como no humano. O

Internautas: 20,5 milhões

comportamento dos consumidores pode va-

Consumidores online assíduos: 2 milhões

riar de acordo com classe social, grau de instrução, familiaridade com a rede, sexo

Se, no início, havia o receio de quebra

etc.. Homens e mulheres interagem de ma-

de sigilo nas operações de pagamento, hoje,

neiras distintas nas compras online, depen-

as empresas varejistas da web investem ma-

dendo do tipo de produto em questão. Em

19


vantagens e desvantagens

Quanto mais próximo do seu público-alvo, maior a facilidade de se traçar um perfil de consumo, personalizando o atendimento para torná-lo um diferencial

recente pesquisa do Ibope/NetRatings,

aridades

constatou-se que as mulheres compram

(Customer Relationship Management) é a

mais automóveis pela internet, enquanto a

maior prova disso. Com a função de estreitar

maioria dos homens, embora sejam visitan-

o relacionamento empresa-consumidor atra-

tes mais assíduos dos sites automotores,

vés de um conhecimento aprofundado deste,

preferem fechar a compra após testarem o

esta estratégia de gestão tem sido bastante

carro na concessionária. Da mesma forma,

aplicada no e-business, sobretudo no B2C

há diferenças na maneira de comprar nos

(business to customer). Quanto mais próximo

estabelecimentos físicos e virtuais. Uma de-

do seu público-alvo, maior a facilidade de se

las é a quantia gasta. No comércio online os

traçar um perfil de consumo, personalizando

valores são bem superiores, uma vez que

o atendimento para torná-lo um diferencial.

atinge classes sociais mais privilegiadas.

e

competitividade.

O

CRM

Diante de tanta competitividade, dife-

E, se o perfil do consumidor mudou, o

renciar pode ser a chave do sucesso no e-

atendimento ao cliente viu-se obrigado a

commerce. Empresas devem adequar seus

sofrer modificações para garantir a sobre-

sites às suas necessidades, ao gênero de

vivência num mercado tão cheio de peculi-

produto e ao público-alvo. Um planejamento prévio é o caminho para conjugar harmoniosamente tais fatores. A partir do momento em que consegue-se tal equilíbrio, fica menos difícil vencer o desafio de fidelizar o cliente,

Novidade! M-COMMERCE ou mobile-commerce: negócios eletrônicos gerados a partir de dispositivos móveis, como telefone celular. Ingressos para filmes e entradas para teatro já estão disponíveis. Com a chegada dos aparelhos coloridos com suporte a vídeo, surgem outras opções de compra de serviços que não sejam jogos e ringtones. Vídeos, papéis de parede e outras formas de entretenimento também são vendidas para estes equipamentos. (Fonte: Webinsider).

20


menos familiarizados com a rede, maior a tendência à fidelidade, já que o usuário ficaria receoso de entrar numa nova loja virtual e deparar-se com um novo sistema operacional de compra com o qual não estaria acostumado. Sim, o mercado virtual também possui suas sutilezas... Bem, como não poderia deixar de ser, o e-commerce apresenta prós e contras. A seguir, alguns deles: Vantagens do e-commerce

Desvantagens do e-commerce

Para empresas:

Para empresas:

:: grande fixação e divulgação da marca;

:: diminuição das barreiras à entrada no mercado

:: maior garantia de recebimento de valores;

considerável aumento da concorrência (facilidade de

:: maior integração;

instalação da loja virtual em comparação com a física);

:: eficiência/agilidade nas transações favorece ex-

:: provoca modificações na indústria pode acabar

pansão do mercado.

beneficiando mais o fornecedor;

Para clientes:

:: menos possibilidades de diferenciação (sites facil-

:: comodidade;

mente copiados)

:: praticidade;

:: maiores chances de infidelidade do consumidor;

:: rapidez;

:: migração da competição para o quesito preço

:: aumento do número de serviços à disposição;

queda de lucratividade.

:: formas de pagamento variadas;

Para clientes:

:: simulações de compras;

:: impossibilidade de examinar o produto pessoalmente;

:: maiores informações sobre produtos (ex.: vídeos

:: problemas como propaganda enganosa;

demonstrativos);

:: possibilidade de quebra de sigilo de dados.

:: maior poder de barganha com apenas um click vai-se à concorrência.

Dica de leitura AMAZON.COM COMO CRESCER DA NOITE PARA O DIA Os bastidores da empresa que mudou o mundo Autor: Robert Spector Editora: Campus Livro sobre a criação da empresa que definiu parâmetros para o comércio eletrônico. Jeff Bezos, o criador da empresa, soube o momento certo de entrar no jogo e dar valor ao que mais importa: o cliente.

21

vantagens e desvantagens

fazendo-o retornar à loja virtual. Para alguns teóricos, quanto


comércio e-mocional

comércio

e-mocional Numa era de constante evolução tecnológica, aonde máquinas vêm tomando o lugar das pessoas, começa-se a descobrir que o ser humano é substituível até certo ponto. Um ótimo exemplo são os bancos, que, após implantar caixas eletrônicos capazes de executar as mais diversas operações, ainda mantêm seus gerentes, atendentes e caixas físicos. Seja qual for o grau de automação, em determinado momento, a presença humana se faz necessária. E no ambiente virtual, não poderia ser diferente. O atendimento ao cliente passou a ser um diferencial decisivo para enfrentar e vencer a concorrência cada vez mais acirrada, não só pela quantidade de sites de ecommerce presentes na rede, mas também pela equiparação dos mesmos em termos tecnológicos. Fora isso, a facilidade de locomoção na internet confere maior poder e autonomia ao cliente, já que os estabelecimentos comerciais estão separados por simples cliques. Por essas razões, o atendimento e a satisfação dos consumidores online, mais do que nunca, assumem uma relevância indiscutível e devem ser colocados na lista de prioridades de uma loja na web.

22


Se, por um lado, o e-commerce liberta os clientes das filas entediantes, por outro, os priva do contato humano que personaliza o consumo. Na tentativa de compensar esta lacuna, os sites de vendas investem em CRM (Customer Relationship Management) e disponibilizam recursos como call centers e chats para tirar dúvidas em tempo real. Será que este é o caminho para humanizar as relações de consumo na web?

Hoje, após alguns anos da prática do e-

que a manutenção dos já conquistados.

commerce, as expectativas dos compradores

Logo, investir em CRM e outras estratégias

via web mudaram em alguns aspectos, so-

de relacionamento com o público consumidor

bretudo na questão do relacionamento em-

pressupõe garantia de retorno econômico

presa-cliente. Foi-se o tempo em que queri-

para a empresa.

am apenas conveniência e praticidade. Mais

A gerência de relacionamento com o cli-

do que tais vantagens, eles reivindicam aten-

ente é peça-chave na personalização do aten-

ção, traduzida em máximo de interatividade e

dimento na medida em que trabalha com a

personalização do atendimento. Tornar a

manipulação de dados e informações que irão

compra online um processo menos impessoal

formar um histórico composto de todos os

firmou-se como tendência e virou um desafio

passos da trajetória de cada consumidor pelo

para os sites de vendas. Neste tipo de transa-

site. Assim, detectam preferências, hábitos e

ção comercial, o atendimento é uma espécie

demais peculiaridades de comportamento

de ponte humana entre quem vende e quem

bem como eventuais problemas ou falhas (re-

compra.

petição de débito em conta corrente, falta de

Dentro desse contexto, o atendimento

feedback a e-mails, call center ineficiente,

ao cliente transformou-se em área estratégi-

dentre outros). Tais informações ficam dispo-

ca e fez surgir um novo tipo de gestão, exclu-

níveis para todos os departamentos que man-

sivamente para tratar de relacionamento com

têm contato com o cliente em um banco de

o público consumidor o CRM (Customer

dados central. Vale lembrar que os tipos de

Relationship Management), mais aplicado no

software, hardware e formatos de atendi-

Brasil a partir do final de 1998. Focado na cli-

mento ao cliente têm de ser compatíveis

entela, o CRM tem no cliente o referencial

com o porte e objetivo de cada empresa.

para suas decisões. Possui como metas pre-

Da mesma forma que no comércio tradi-

ver e satisfazer os anseios do público consu-

cional, os clientes precisam ser ouvidos e res-

midor na rede, conquistando-os e, principal-

pondidos no comércio virtual. Serviços de

mente, mantendo-os e fidelizando-os. Diver-

resposta automática, totalmente impessoais

sos estudos e pesquisas concluíram que a

e sem a presença do fator humano, não re-

captação de novos clientes é mais onerosa do

solvem problemas. Pior do que isso, só a au23

comércio e-mocional

Fazer compras online pode ser muito rápido e prático, mas também muito solitário e impessoal.


comércio e-mocional

sência de retorno, o que traduz descaso e negligência com o

imediatas e objetivas às queixas e solicitações do cliente).

cliente. Resultado: na melhor das hipóteses, a empresa perde

Enfim, o processo de compra deve ser o mais descomplicado e

credibilidade, na pior, o próprio cliente. Devido ao poder

dinâmico possível.

multiplicador da rede, a insatisfação ou frustração do cliente

A observação permanente do comportamento do con-

torna-se um perigo muito mais potente para as empresas

sumidor é, e continuará sendo, o caminho para um comér-

online. Emails, correntes e mensagens são transmitidos suces-

cio bem sucedido tanto no meio eletrônico quanto no meio

sivamente por um tempo razoavelmente longo depois de gera-

físico. Cabe às empresas que se utilizam do e-commerce

dos. Ou seja, os efeitos do mau atendimento na rede podem

explorar as inúmeras possibilidades oferecidas pela

ser devastadores.

internet para otimizar as compras na web e jamais se es-

Aumentar a qualidade do atendimento e reduzir custos é mais um desafio para o e-commerce. Abrir canais de comunicação empresa-cliente, buscando integrá-los com inteligência e criatividade talvez seja a chave do sucesso. Respostas personalizadas, direcionadas para cada queixa específica devem ser enviadas em no máximo 24 horas. Um call center bem informado e com relativa autonomia pode agilizar soluções e acrescentar um toque humano ao e-commerce. Chats para tirar dúvidas em tempo real também podem abreviar bastante o processo. Não basta pôr a loja na rede, é essencial planejamento e organização para sobreviver no mercado de web. Então, conhecer o público-alvo a fundo, estreitar relações com ele e manter proximidade fará com que clientes voltem e cliquem sempre. Como uma espécie de recompensa e incentivo pela fidelidade, muitos sites oferecem benefícios aos clientes mais freqüentes (descontos especiais, promoções exclusivas, prioridade nas listas de envio etc.). Visando facilitar as compras, trocas e devoluções de seus produtos, algumas lojas virtuais permitem a retirada e troca ou devolução dos artigos nas lojas físicas. Assim, uma funciona como extensão ou complemento da outra, o que acaba sendo uma vantagem e mais um diferencial no mercado online. Na verdade, o bom atendimento tem início na apresentação do próprio site (visualização rápida, fácil navegação, auto-explicativo, busca simples pelo produto). Esta deve ser conjugada com processo de compra desburocratizado, cumprimento de prazos e suporte pós-venda (com respostas

24

quecerem de que do outro lado da tela há um ser humano que deseja e merece um tratamento mais humano.


entrevista

E-COMMERCE: Batendo mouse atrás do melhor preço O e-commerce não é apenas uma maneira de efetuar compras, mas sim uma tendência de consumo que vem ganhando força na sociedade contemporânea mundial. A popularização da internet só veio a expandir este promissor segmento de mercado. Desde o seu surgimento, o comércio virtual passou por transformações necessárias à sua adaptação ao mercado e ao público consumidor. E, ao que tudo indica, tais mutações serão uma constante. Em entrevista à Webdesign, Francisco Reinaldo Rodas (sóciodiretor da Agência Laboris) analisa o e-commerce em seus mais variados aspectos.

25


entrevista

O público feminino é muito forte no comércio tradicional, esta tendência pode indicar uma oportunidade de ampliação no nível de consumo no e-commerce

Wd :: Quais as vantagens e desvantagens

Isso fez com que os fornecedores amplias-

do e-commerce comparado ao comércio

sem as ofertas para este público. Sites de

tradicional?

varejo online de uma forma geral, sites de

Reinaldo :: A grande vantagem do e-

financiamento ao consumidor, sites de e-

commerce está na quebra das restrições

commerce associado ao entretenimento

de tempo e espaço. A loja virtual está aon-

são exemplos de sites que também possu-

de o consumidor está e na hora em que ele

em a classe C como público-alvo.

quiser. Esta onipresença da loja virtual per-

Outro ponto importante é o aumento do

mite capturar todos os momentos de dese-

ticket-médio (valor gasto em média por cada

jo e necessidade do consumidor, dando a

consumidor) observado nas relações de e-

ele conforto, facilidade e alternativas de

commerce nos últimos meses, o que reflete

fornecimento.

uma diminuição da desconfiança dos consu-

As principais desvantagens estão no hábito

midores virtuais quanto à segurança da in-

de compra do consumidor. Isto deve-se ao

formação trafegada na internet. O ticket-

fato de a grande maioria de usuários da

médio evoluiu de R$ 249,00, em janeiro de

internet não terem adquirido o costume de

2003, para R$ 315,00, em dezembro do

realizar compras online. Seja pela necessida-

mesmo ano, atingindo assim a marca mais

varejo online

de de se ter o contato físico com o produto,

alta da história do e-commerce brasileiro.

www.americanas.com

seja pela desconfiança em relação à segu-

Além disso, apesar de os números indicarem

www.magazineluiza.com

rança da informação trafegada pela internet.

que o público masculino domina 61% desse

financiamento ao

Wd :: Desde o surgimento do e-

mercado e gasta mais que o público femini-

consumidor

commerce, o perfil do público consumi-

no, este número é decrescente. Ao analisar-

www.facilitanet.com.br

dor sofreu alterações? Quais?

mos que o público feminino é muito forte no

entretenimento

Reinaldo :: Sim. Com a popularização da

comércio tradicional, esta tendência pode

www.webventure.com.br

internet, pode-se dizer que os consumido-

indicar uma oportunidade de ampliação no

res do comércio eletrônico deixaram de ser

nível de consumo no e-commerce.

exclusivamente das classes sócio-econômi-

Wd :: Segundo o livro O Cliente em Se-

cas A-B. Hoje, a classe C também compra

gundo Lugar (Hal F. Rosenbluth e Diane

online, mesmo que em menor proporção.

McFerrin Peters/ Editora M. Books), o se-

Exemplos de sites com foco na classe C:

www.extra.com.br

e-commerce associado ao

26


demos citar: os atendimentos telefônicos de

atenção dispensada a cada cliente, fazen-

forma mais personalizada, a ponto de o

do com que ele se sinta único. Qual seria o

atendente identificar com quem está falando,

atendimento ideal para suprir a falta de

bem como possuir o histórico de interações da

contato humano no comércio virtual?

empresa com o cliente, tudo dentro do conceito

Reinaldo :: Antes de falar em cliente único,

dos chamados contact centers; os canais de

nós não podemos esquecer de que este cli-

relacionamento/atendimento em tempo real re-

ente faz parte de uma sociedade, de grupos

alizado diretamente no website das empresas

entrevista

gredo do e-commerce eficiente está na

dentro da mesma, e isto implica em conside-

X

rar o contexto sócio-cultural, histórico e eco-

Ferramentas de apoio ao e-commerce

nômico. É fácil concordar que o cliente John,

Assim como nas lojas físicas, quanto mais rápido e personalizado o suporte ao

que mora nos EUA (NY), apresenta algumas diferenças se comparado ao cliente João,

consumidor, maiores as chances de se destacar na concorrência. Abaixo, alguns exemplos das ferramentas mais utilizadas nos contatos com a clientela da web: Chat Online

Estrutura tecnológica:

Funciona como um tira-dúvidas em

software para gerenciar emails;

tempo real, possibilitando ao cliente

solução de atendimento online (chat);

tes. Feita essa consideração, o atendimento

contato direto com o atendente via chat.

solução de televendas, atendimento

individual através da identificação, diferenci-

Este recurso tem a vantagem de ser

telefônico e registro de contatos.

familiar à grande parte dos internautas, e

custo informação não divulgada.

que mora no Brasil (interior do Nordeste), pois compartilham de alguns valores diferen-

ação, interação e personalização, seja do John

pode evitar vendas perdidas, já que

ou do João, deve conter uma visão de com-

presta esclarecimento imediato,

Linha 0800 Telemar

portamento, hábitos e interesses. Também

possibilitando que o atendente use

(TC 0800 ALCANCE)

argumentos favoráveis à efetivação da

Permite à empresa receber ligações

compra do produto/serviço.

dentro da abrangência escolhida, sem

mo possível de similaridade com o ambiente

Algumas empresas prestadoras de

ônus para o originador de chamada

real, tal como acontece nos simuladores de

serviços de Call Center, como a Atento e

(cliente final), pois a cobrança é reversa.

a Telefutura, já oferecem o serviço de

Valores:

chat integrado a soluções de

Assinatura modalidade nacional: R$68,07.

tuais, onde há a possibilidade de folhear os

atendimento telefônico e a sistemas de

Serviço de bloqueio de celular: R$ 67,82.

livros, para citar alguns exemplos. Entretan-

CRM. Valor: Solução com capacidade

Identificador de chamadas cobrado à

mínima de atendimento (uma estação

parte.

para cada período) a partir de R$

Algumas facilidades e aplicações:

atendimento estruturado. A possibilidade

5.000,00 por mês.

modalidades disponíveis Local,

de criar canais de atendimento alternativos

Atenção para o horário de funcionamento

Estadual, Regional e Nacional;

do chat online. Vale lembrar que o

oferece descontos progressivos

horário de pico na internet é de 22:00 h

conforme o volume de chamadas

da, como a ouvidoria, o contato telefônico

à 1:00 h. Dessa forma, o ideal seria ter o

recebidas no(s) número(s) 0800 (exceto

e o fale conosco.

serviço disponível 24 horas por dia.

modalidade Local);

Veja o exemplo do esquema de

permite a restrição de chamadas

funcionamento do Grupo Pão-de-Açúcar:

originadas de telefones públicos,

sibilitam maior proximidade deste aten-

60 atendentes que se revezam em 35

celulares ou de áreas geográficas que

dimento ideal?

posições de atendimento.

não sejam de interesse;

Média mensal de 33.200 contatos

Maiores informações:

cliente-empresa.

0800 31 0800 - Serviços Empresariais

devemos buscar no ambiente virtual o máxi-

vôo, nas corridas de carro e nas livrarias vir-

to, estamos ainda falando de um modelo de

fora de uma estruturação rígida é bem-vin-

Wd :: Atualmente, que ferramentas pos-

Reinaldo :: Como exemplo de ferramentas existentes e atualmente utilizadas para suprir a falta de contato humano no e-commerce, po-

Telemar. Obs.: Não nos responsabilizamos pelas informações acima, divulgadas pela Telemar.

27


entrevista

de e-commerce através dos chats, onde o cliente recebe um suporte de atendimento exclusivo via troca de mensagens de texto instantâneas; os canais de contato interativo, em que são feitas reproduções e/ou animações em vídeo visando simular o atendimento presencial; os canais de atendimento que utilizam as tecnologias integradas de voz e vídeo, tornando o relacionamento com o cliente mais pessoal, exclusivo e próximo do ideal, ou seja, próximo do contato humano. Wd :: Quais as falhas mais freqüentes no relacionamento com os clientes dos sites de e-commerce? Reinaldo :: Um erro comum é a falha na comunicação das normas e regulamentos que regem as negociações daquele site. Quando estas regras não são bem comunicadas, geralmente surgem problemas. Uma navegação intuitiva e interfaces amigáveis também são fatores importantes para reduzir as dúvidas e, conseqüentemente, melhorar a experiência do usuário, deixando-o satisfeito e com vontade de voltar. Outra falha freqüente é não levar em consideração que existem problemas isolados, individuais. Há uma tendência em generalizar os problemas e agrupá-los em categorias, e pré-determinar uma solução para cada um deles. Isso é um erro. O cliente precisa se sentir especial e único, caso contrário, vai procurar o concorrente, reclamando do seu atendimento. Hoje em dia, o cliente sabe identificar uma resposta-padrão e se sente incomodado com isso. É preciso tratá-lo de forma personalizada e com exclusividade. Wd :: O que diferencia o consumidor online brasileiro dos consumidores online americanos, europeus e japoneses? Reinaldo :: Acredito que o grande diferencial entre os diversos consumidores do comércio eletrônico diz respeito aos fatores sócio-culturais, históricos e econômicos que os envolve. Não podemos esquecer de que apesar de o comércio online ser algo eletrônico e virtual, quem o movimenta/realiza são pessoas, fisicamente constituídas, envoltas por uma sociedade com valo-

O que faz com que o brasileiro ainda compre pouco via web é uma questão puramente cultural: a desconfiança

28


O fato de os brasileiros comprarem menos pela internet do que

mica do e-commerce, seja no Brasil, nos EUA, no Japão ou em

os japoneses, americanos ou europeus é um exemplo de como

qualquer outro lugar do mundo, possui características próprias

as diferenças de valores e costumes interferem nos hábitos

e diferentes entre si.

online. Afinal, o que faz com que o brasileiro ainda compre

Por estes motivos, se o brasileiro permanece, em média,

pouco via web é uma questão puramente cultural: a desconfi-

menos tempo online que o americano, ou se ele acessa, tam-

ança.

bém em média, menos sites de jornais/noticiários que o eu-

Existem similaridades entre os produtos mais comprados,

ropeu, isso não pode ser justificado levando-se em conside-

que são os CDs, livros e itens de computação. Porém, há

ração apenas um fator/motivo. Devemos levar em consideração

diferenças importantes, como, por exemplo, os itens de

os diversos aspectos supracitados. Ou seja, a distribuição de

vestuário, que estão em quarto lugar na lista de itens mais

renda e a economia do Brasil permitem que a maioria da popula-

vendidos pela internet nos EUA, enquanto aqui, no Brasil,

ção tenha condições financeiras para adquirir um computador

as vendas neste setor são muito pequenas.

pessoal? As infra-estruturas tecnológica e de telecomunicações

Em suma, essa análise serve para toda e qualquer diferenciação/

disponíveis no país, e o seu financiamento, permitem a essas em-

comparação dos consumidores do e-commerce pelo mundo. A

presas oferecerem serviços a preços competitivos para toda a

partir daí, seria leviano de minha parte diferenciar os consumido-

população? A população brasileira tem acesso à internet de forma

res online brasileiros, americanos e japoneses, tomando como

fácil e barata?

base apenas uma característica global deste mercado. Wd :: Seria simplista afirmar que clientes de e-commerce buscam comodidade e praticidade no ato de comprar ou haveria outros elementos motivadores implícitos?

Hoje em dia, o cliente sabe identificar uma resposta-padrão e se sente incomodado com isso. É preciso tratá-lo de forma personalizada e

Reinaldo :: Não podemos esquecer de que existem vários consumidores de e-commerce que não possuem condições de comprar alguns produtos em sua cidade, região ou país. Sem contar que existem outros elementos motivadores como: preço; facilidade de comparação de produtos entre vários fornecedores; disponibilidade de informações detalhadas sobre diversos produtos. Assim como no comércio tradicional, no e-commerce, cada categoria de produtos possui um processo de escolha e compra distinto. Desta forma, podemos dizer que os elementos motivadores do comércio eletrônico variam de acordo com o produto a ser comprado e que, portanto, vão além de simplesmente comodidade e praticidade.

com exclusividade

29

entrevista

res, costumes, hábitos e culturas diferentes. Portanto, a dinâ-


Wd :: Que argumentos usariam para persuadir um cliente em potencial, tradicionalista e avesso à pósmodernidade tecnológica, a utilizar o e-commerce? Reinaldo :: Utilizaria como argumentos os benefícios proporcionados pelo comércio eletrônico no que diz respeito a: preços mais competitivos que os praticados pelo comércio tradicional; comodidade na compra e entrega do produto; facilidade na comparação de diversos fornecedores e a disponibilidade de acesso a compra, pois o consumidor pode, a qualquer momento, realizar a compra desejada. Também reforçaria a questão da segurança da informação nas compras online. Wd :: O fator segurança ainda é a maior barreira a ser vencida no e-commerce? Além deste, que outros fatores afastam o consumidor do comércio online? Reinaldo :: Com certeza, a segurança ainda representa uma grande barreira à adoção do e-commerce pelos consumidores. Estudos apontam a existência de 17 barreiras potenciais. Em primeiro lugar, estão as barreiras relativamente importantes, mas que devem ser resolvidas nos próximos dois anos. A única que se encaixa nesse quesito é alto custo do tempo online . Outras barreiras envolvem as áreas de tecnologia (ainda não foi definido um sistema-padrão de pagamento, as tecnologias de segurança/criptografia não estão suficientemente desenvolvidas), questões do setor varejista (custos altos de criação e manutenção do sistema) e do consumidor (custos altos dos aparelhos para acesso, escolha limitada de produtos, interface de uso complicado e dificuldade de navegação). Estudos apontam ainda que as barreiras que levarão mais tempo para serem solucionadas são classificadas, em sua maioria, como menos importantes. Três se referem à conveniência: o consumidor não consegue especificar horários e locais adequados para a entrega de mercadorias, o que leva alguns consumidores a dar preferência ao comércio local . Duas se referem a barreiras tecnológicas: custos altos de distribuição de produtos físicos e interface para o consumidor insuficientemente desenvolvida. Duas se relacionam a preocupações quanto à apropriação indevida de dados: o consumidor acredita que não há proteção

30


nos EUA, enquanto aqui, no Brasil, as vendas neste setor são muito pequenas

legal suficiente e se preocupa quanto ao uso

veniente, solução rápida dos problemas, aten-

não autorizado de dados pessoais (nome, en-

dimento privilegiado, entrega de valor consis-

dereço, hábitos de navegação etc.).

tente, entre outras ações, façam com que o

As duas barreiras principais são aquelas tidas

consumidor confie mais em você do que no con-

como importantes e que, provavelmente, leva-

corrente.

rão mais de dois anos para serem resolvidas.

Wd :: Quais os prognósticos para os pró-

São elas: preocupação do consumidor com a

ximos dez anos do e-commerce no Brasil

segurança dos dados pessoais (tais como de-

e no mundo? Que obstáculos foram su-

talhes de cartões de crédito) ao realizar uma

perados até agora e o que ainda é pro-

transação e baixa velocidade de transmissão

blema no comércio online?

de dados para as residências. Esses dois fato-

Reinaldo :: Segundo alguns especialistas do

res, aparentemente, serão cruciais para a ado-

setor, é previsto que até 2010 o acesso à

ção em larga escala do comércio eletrônico pelo

internet através de linhas telefônicas tradicio-

consumidor.

nais responda por cerca de 30% das transa-

A segurança dos dados pessoais é tida como

ções comerciais, contra os 80% de agora.

uma barreira muito mais importante para o

Com isso, prevê-se ainda que o uso das

consumidor do que o sigilo dos dados, ques-

tecnologias DSL e por cabo cresçam

tões, muitas vezes, associadas em uma consi-

para cerca de 50% das transações. As

deração mais genérica, envolvendo confian-

maiores e mais persistentes barreiras

ça ou risco.

para a sua adoção são preocupação do

Wd :: Você concorda com a teoria (apre-

consumidor com a segurança dos da-

sentada no livro Ecommerce /FGV Edito-

dos pessoais e baixa velocidade da

ra) de que consumidores mais familiari-

transmissão de dados .

zados com a internet são mais difíceis de

Dessa forma, teremos um aumento

fidelizar, enquanto os com pouca prática

crescente do e-commerce no Brasil e

no ambiente web tendem à insegurança

no mundo para os próximos anos. A

para experimentar novos sites de e-

partir de níveis que hoje variam de 1 a

commerce?

30%, os especialistas prevêem gran-

Reinaldo :: É uma das atitudes possíveis. O

de incremento na proporção de

que temos de entender é que a fidelização é

compras online como um todo, por

um conjunto de atitudes, crenças e desejos,

parte do consumidor. Especialmen-

porém, não existe uma condição necessária

te, em áreas como varejo de músi-

para a fidelização. A fidelidade pode acontecer

ca, serviços financeiros, livros,

se as suas ações de permitir acesso fácil e con-

vendas de viagens e ingressos.

31

entrevista

Itens de vestuário estão em quarto lugar na lista de itens mais vendidos pela internet


entrevista

Mais e-commerce... Diante de um tema tão extenso como o e-commerce, a Webdesign também entrevistou José Martins (diretor de tecnologia da Modem Media Brasil Interativa) para obter um segundo ponto de vista sobre o desenvolvimento do comércio virtual. Com objetividade e clareza, ele expôs suas opiniões em relação a esta modalidade de compra e venda.

Wd :: Desde o surgimento do e-commerce,

Wd :: O que diferencia o consumidor online

o perfil do público consumidor sofreu al-

brasileiro dos consumidores online ame-

terações? Quais?

ricanos, europeus e japoneses?

José :: Com certeza, o consumidor passou a

José :: Os americanos estão acostumados

desfrutar da comodidade de poder comprar

a comprar por catálogos há décadas, a

no dia e na hora em que desejar, fazer uma

internet só veio como um meio digital para

ampla pesquisa comparativa entre os bens

os mesmos. Os europeus e japoneses, na

desejados e comprar o melhor produto pelo

sua maioria, são conservadores, muito pa-

melhor preço.

recidos com os brasileiros, mas os núme-

Wd :: Atualmente, que ferramentas pos-

ros têm demonstrado um forte crescimen-

sibilitam maior proximidade deste aten-

to das operações de baixo valor (CDs, li-

dimento ideal?

vros, revistas e leilões).

José :: Existem várias ferramentas, mas to-

Wd :: O fator segurança ainda é a maior

das elas serão ineficientes sem uma política

barreira a ser vencida no e-commerce?

clara da empresa de como usar as informa-

Além deste, que outros fatores afastam

ções, bem como o entendimento dos consu-

o consumidor do comércio online?

midores e dos produtos que a empresa

José :: A segurança foi muito mistificada com o

comercializa, ou seja, de nada adianta altos

e-commerce, mas aqueles que criticam a segu-

investimentos em ferramentas se não existir

rança, quantas vezes já não deram o cartão de

um planejamento.

crédito para um garçom que demorou um

Wd :: Quais as falhas mais freqüentes no

tempão para devolvê-lo? Que segurança eles

relacionamento com os clientes dos sites

tiveram nesta operação? Muita gente diz que

de e-commerce?

não coloca os dados pessoais na internet, mas

José :: Hoje em dia, os grandes portais de e-

preenchem aqueles carimbos com o endereço,

commerce estão bem maduros, cada um já

telefone, placa do carro entre outros dados em

implementou a sua política de relacionamen-

qualquer posto de beira da estrada... A ques-

to, mas, na minha opinião, a principal falha no

tão da segurança é delicada, mas, com inteli-

relacionamento era a ausência de um call-

gência e processo, a venda online pode ser

center para a solução de problemas, que foi

muito mais segura do que a tradicional.

corrigida por alguns sites.

32


varejo popular no mundo virtual

Presentes no comércio online desde 1999, as tradicionais Lojas Americanas também buscam se consolidar no e-commerce. Com o objetivo de ser o destino preferido de compras online no Brasil, a varejista conta com uma infra-estrutura que permite entregar pedidos em 48 horas em mais de 200 países espalhados pelo mundo. Hoje, a Americanas.com é o destino de 3 milhões de consumidores e mais de 500 empresas, com cerca de 70 mil produtos. A seguir, Beto Ribeiro, gerente de marketing da Americanas.com, fala sobre a loja virtual desta grande varejista popular. Wd :: Quanto tempo decorreu entre a fase

menos familiarizados com a internet? Não

de projeção do site e sua disponibilização

houve receio de que isto se tornasse um

na rede?

fator restritivo ou excludente?

Beto :: O primeiro grande desafio deste em-

Beto :: O cliente procura variedade e bons

preendimento foi colocar no ar um grande

preços. Na internet, isso não é diferente -

projeto em 45 dias, tempo em que também

quanto maior a oferta disponível, maior será

foram definidos equipe, planejamento e es-

a possibilidade de se encontrar justamente

trutura. Tudo foi desenvolvido internamente,

aquilo que se está procurando. Hoje, a

e essa decisão ocorreu em função de o co-

Americanas.com oferece a maior variedade

mércio eletrônico causar estranheza ao gran-

de artigos do varejo online: cerca de 77 mil

de público. Estávamos em 1999, e muito se

itens, distribuídos em 17 categorias. O au-

questionava a confiabilidade das operações e

mento contínuo das vendas e do número de

dos prazos das entregas. Para quebrar tal

visitantes só comprova que variedade de

preconceito, os processos foram integrados

itens é mais um dos grandes atrativos do site.

e automatizados (do pagamento à entrega).

Wd :: Além do cuidado de possibilitar o

Assim, mostramos que podíamos ser ágeis,

envio de presentes sem valor na nota fis-

seguros e confiáveis.

cal, que outros recursos foram aplicados

Wd :: O grande número de informações não

para personalizar ao máximo a compra

pode dificultar a navegação dos clientes

via web?

33

varejo na web

Americanas:


varejo na web

Beto :: A Americanas.com tornou-se referência de estrutura tecnológica eficiente para o comércio eletrônico brasileiro. O que aparece como um processo de compra simplificado para o cliente, está apoiado por um modelo sofisticado de integração entre sistemas dos mais diversos, unindo numa mesma operação online transações financeiras e de logística das mais avançadas. Wd :: O lançamento do site foi precedido por testes, simulações ou pesquisas com o público? Beto :: No dia 15 de novembro de 1999, a Americanas.com estava disponível para todo o Brasil expondo cerca de 1000 produtos. O mercado teste foi Curitiba e 70% dos internautas da cidade visitaram o nosso site na data de inauguração. No dia 15 de Janeiro de 2000, houve o lançamento nacional do site, com 10 mil produtos. Wd :: Houve algum problema recorrente não previsto nas operações de compra/venda virtuais? Qual? Como foi solucionado? Beto :: Não foi um problema, mas um desafio. A premissa essencial para o desenvolvimento do site foi construir tudo a partir de uma base de dados integrada. Com isso, foi implantada toda a plataforma que atende concomitantemente as demandas das áreas comercial e logística. Ao longo do processo, a base de TI passou a atender a demanda de toda a empresa. Wd :: Em algumas categorias de produtos, como em livros , encontrase a avaliação do público em relação a determinado produto. Como é obtida tal avaliação? Beto :: Ao comprar determinado produto, o internauta pode optar por acres-

Na página de apresentação do produto selecionado, em

centar sua opinião sobre o mesmo.

posição de destaque, encontra-se a média de todas as

Wd :: Criar uma loja virtual o mais semelhante possível da loja física é

comentários completos.

notas dadas pelos leitores. Mais abaixo, pode-se ler os

um desafio. Até que ponto a interatividade proporcionada ao usuário é importante para se ter esta impressão? Quais as ferramentas mais interativas do site? Beto :: A força do nome e o ótimo conceito de Lojas Americanas junto a seus clientes são um grande aval para o site. Apesar de se dirigirem a públicos diferentes (a loja física vende mais para as classes B, C e D e 80% dos consumidores do site estão nas classes A e B), a força da marca, certamente, garante a confiança que o internauta precisa antes de realizar sua primeira compra e conhecer melhor a Americanas.com.

Tela de detalhamento do MP3 Player da Philips, com um botão para visualização 360o e pop-up, onde é possível ter tal visualização.

Menu principal: evidencia as 17 categorias em que são divididos todos os produtos encontrados no site.

34


Você faz compras online? 41%

Às vezes

21%

Sempre

20%

Nunca

18%

Raramente (Total de votos: 399)

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

Há várias formas de interatividade no site. Além dos canais de atendimento (citados na próxima resposta), uma parceria entre a Americanas.com e a Philips trouxe ao site a experimentação virtual , uma série de recursos para facilitar o acesso dos internautas aos produto da marca. O serviço permite a visualização de todos os produtos em 3D e ferramentas para aplicar zoom, girá-lo 360 o , observá-lo de todos os ângulos e medir todas as suas dimensões (profundidade, altura e largura), dentre outras coisas. Eles disponibilizam também o Assistente Virtual , um chat online com um especialista em produtos Philips. Wd:: Qual o grau de relevância do ícone Ajuda online (um tiradúvidas em tempo real, onde o cliente conversa com um operador numa espécie de chat) no sucesso do site? Beto :: Ao efetuar qualquer compra, o internauta pode fazer uso deste canal direto da Americanas.com (chat online). Batizado de Ajuda Online , o canal permite que o cliente esclareça qualquer tipo de dúvida com os funcionários do site no exato momento em que efetua a compra. É mais uma forma de atender ao internauta e deixá-lo completamente seguro em relação à escolha do produto, formas de pagamento, entrega e qualquer outra dúvida que ele possa apresentar em um momento crucial de sua visita ao site: a compra. Caso prefira, o cliente também pode optar pelo atendimento via telefone ou formulário. Wd :: Os ícones Shopping/Veja todas as lojas e Revista , a coluna à esquerda Conheça todos os produtos da categoria que você selecionou e os banners variáveis (de acordo com a categoria de produtos que esteja na página) visam estimular o consumismo ou facilitar a navegação do cliente? Beto :: São recursos que facilitam a navegação e levam a uma maior integração entre o internauta e o site, atuando como um facilitador de compras e tirando as dúvidas do comprador em potencial.

35


varejo na web

Wal-Mart: a maior varejista, versão para web Fundada por Samuel Moore Walton, em 1962, na cidade de Arkansas Rogers, a Wal-Mart tornou-se a maior rede varejista do mundo. Superar as expectativas do cliente através do conceito de hospitalidade agressiva e oferecer mercadorias de qualidade a baixos preços (lucrando na quantidade vendida) fazem parte da filosofia da empresa, elaborada pelo próprio fundador. Com o objetivo de conhecer seus consumidores a fundo, a Wal-Mart possui o segundo banco de dados do planeta, sendo superado apenas pelos computadores do Pentágono. A integração com os fornecedores também é prioridade - os caixas têm um sistema de aviso aos computadores de cada fornecedor, acionando as engrenagens de reposição, o que praticamente dispensa estoques. Apesar de tantos investimentos em recursos tecnológicos, a rede varejista disponibiliza seu e-commerce apenas nos EUA. A seguir, um panorama das vendas online da rede Wal-Mart.

Wd :: A Wal-Mart chegou ao Brasil em 1994, inaugurando

online, visando conforto e segurança na hora das compras.

sua primeira loja em 1995, na cidade de São Caetano, em

Wd :: Quanto ao atendimento, a Wal-Mart utiliza o CRM

São Paulo. Por que a Wal-Mart ainda não disponibilizou

(Customer Relationship Management) para acompanhar

um site para compras online no Brasil?

seus clientes? Como é medido o grau de satisfação dos

Embora o site Walmart.com, atualmente, esteja disponível somente

mesmos? Existem estratégias de personalização

para os consumidores dos Estados Unidos, continuamos avaliando

diferenciadas para clientes das lojas físicas e clientes da

oportunidades para expandir novos serviços internacionalmente à

loja virtual?

medida que os negócios evoluem.

A resposta dos consumidores tem sido extremamente positiva.

Wd :: Qual foi o principal objetivo do Wal-Mart, líder

Mesmo porque estamos sempre agregando conveniência ao

mundial no comércio varejista, que atende a 138 milhões

Walmart.com para integrar o e-commerce às lojas, por exemplo:

de consumidores por semana (fonte:

- Foto: os clientes podem transmitir suas fotos digitais pela internet

www.varejista.com.br) e fatura US$ 260 bilhões por ano

e retirar a revelação em uma das lojas de sua conveniência.

(fonte: www.jornaldaciencia.org.br), ao implantar seu

- Pneus: o produto pode ser comprado via web e retirado na loja.

site de ecommerce? Com o crescimento do e-commerce, o Walmart.com expandiu o mercado para as lojas locais nos Estados Unidos, aumentando os

- Farmácia: suplementos e receitas para diabéticos estão entre os itens que podem ser solicitados no site e retirados nas lojas. - Ópticos: lentes de contato também podem ser compradas via web

produtos comercializados e as categorias de serviços oferecidos.

e retiradas nas lojas.

Nosso principal objetivo é agregar valor às compras dos clientes

Wd :: Em relação à rivalidade interna entre os

online, particularmente, quanto à informação, aos serviços e

concorrentes da indústria, a internet traz várias

benefícios. O e-commerce Walmart.com continua em forte

ameaças. Os concorrentes tendem a aumentar,

expansão. A expectativa de vendas até o final deste ano é de US$

especialmente se o produto for global. Além disso, a

122 bilhões. O site de compras do Wal-Mart vem crescendo com a

diferenciação é mais difícil, já que copiar um site é mais

migração de clientes para a internet.

fácil do que copiar uma instalação física (fonte: E-

Wd :: Aumento da margem de lucro e fixação da marca da

commerce , Série Marketing, Editora FGV). Como a Wal-

empresa em qual dos dois quesitos o site de compras

Mart individualiza sua marca na web e destaca-se dos

proporciona à Wal-Mart um retorno maior?

demais concorrentes que trabalham com produtos

Não divulgamos esta informação.

globais?

Wd :: Quais as formas de pagamento oferecidas e os

Certamente, há muitos competidores globais e nacionais, mas

dispositivos de segurança aplicados? Como os clientes

preferimos manter o foco nos nossos clientes. Quanto mais

online preferem comprar?

ouvirmos a opinião de nossos clientes, mais continuaremos a crescer

A maioria prefere pagar com cartões de crédito (Visa, Mastercard,

e a expandir o Walmart.com. Novamente, ressaltamos que nosso

Amex, Discover), além do cartão Wal-Mart, vale presente e cartões

objetivo é agregar valor aos costumes dos nossos consumidores

de débito. Temos sólidos procedimentos e sistemas de pagamento

online nos segmentos de informação, serviços e benefícios.

36


estudo de caso :: fiat

: t Fira o d n ga

la ! e t n e r f a n

A Fiat foi a primeira empresa do ramo automobilístico a implantar e-commerce, em 1999. Também foi a pioneira na divulgação de preços em suas páginas virtuais. Todo esse pioneirismo foi um risco necessário para mapear uma trajetória de sucesso. As vendas online serviram de ponte para encurtar o caminho até os consumidores, que ganharam mais informação, maior comodidade e transparência de relacionamento. Márcio Miranda e Ronaldo Gazel, respectivamente, diretor de negócios e diretor de criação da Bhtec, contaram à Webdesign as aventuras dessa viagem bem sucedida. Prontos para pegarem esta estrada com a gente?! Wd :: Qual o maior diferencial da loja vir-

tém êxito nessa empreitada porque, se por

tual da Fiat em relação à concorrência?

um lado tem um back-end sólido, capaz de

Márcio Miranda :: O principal diferencial do

suportar todo tipo de demanda, permitindo

aplicativo Monte seu Carro é a confiabilidade.

uma compra rápida, simples e segura, por

Sua interface amigável mantém uma com-

outro, existe a comunicação publicitária fortemente voltada a pro-

patibilidade visual desde a primeira versão,

mover o produto, tendendo sempre a aproveitar todo o espaço disponível

priorizando sempre a clareza da informa-

com imagens que despertem desejo e emoção, ao invés de

ção. No site da Fiat, o internauta monta

interfaces high-tech e, muitas vezes, não tão amigáveis. O site fiat

seu carro com menos etapas que nos sites

não é apenas um portal de informações, mas

concorrentes, e a partir do carro montado,

uma central de desejos.

ele pode armazenar, enviar para um amigo,

Ao desenvolver o Monte seu Carro , obser-

ou comprar. A loja virtual da Fiat também

vamos e registramos impressões sobre

possui um agente que interpreta os passos

uma grande quantidade de sites internaci-

do internauta. Com alguns clicks este

onais, que também vendiam carros online.

agente monta uma oferta personalizada e

Baseados nessas impressões, criamos um

oferece ao usuário.

filtro especial, que inova pela sua facilida-

Ronaldo Gazel :: A loja virtual da Fiat, de-

de de uso. Através dele, o usuário pode fa-

nominada Monte Seu Carro , tem uma carac-

zer diversas combinações entre preços,

terística, para nós, essencial: ela vende. Ob-

motorização, categoria, número de portas.

37


estudo de caso :: fiat

Automaticamente, a lista dos carros Fiat que se enquadram naquela pesquisa é mostrada. Ao se optar por um modelo, surge um segundo nível de filtro, personalizando ao máximo a escolha antes de se chegar à próxima etapa, na qual o usuário irá configurar o restante das suas opções e calcular os preços, finalizando a compra ou estacionando seu carro, isto é, salvando suas configurações para uma futura visita. O console de navegação, à esquerda do site, presente durante todo o processo de configuração e compra, permite ainda maior flexibilidade ao Monte seu Carro , permitindo a qualquer instante verificar os itens de série, obter informações sobre as formas de pagamento, ver um resumo da configuração montada, dentre outras opções. Já o menu principal do Monte seu Carro´, permite que o usuário vá, a qualquer momento, a qualquer uma das seções de configuração, sem ter que seguir uma ordem linear durante o processo. Wd :: Durante a implantação do projeto do site, quais as maiores dificuldades enfrentadas? Márcio Miranda :: Pouco tempo para desenvolvimento e produção. Implementamos o site atual em 45 dias. Também tivemos restrição da tecnologia. Tínhamos que trabalhar com os servidores disponíveis, nem sempre com os ambientes que considerávamos ideais. Ronaldo Gazel :: Tivemos que entrar em um esquema de funcionamento 24 horas, através de uma escala de revezamento dos funcionários, ou, provavelmente, teríamos atrasado a entrega do site, que foi lançado impreterivelmente na data estipulada. Uma equipe de competentes jornalistas e publicitários avaliava e revisava os conteúdos pré-publicados, evitando que a pressa se transformasse em erros. Wd :: Da implantação do primeiro site Fiat, em 1995, até a disponibilização do comércio online, em 1999, o que foi testado e aperfeiçoado para que o e-commerce Acima: home www.fiat.com.br No centro: imagem do filtro inicial do Monte seu Carro . Abaixo: tela aonde são escolhidos os opcionais.

38

entrasse no ar? E de 1999 para cá, que inovações/ferramentas foram implantadas?


estudo de caso :: fiat

Márcio Miranda :: O primeiro carro vendido

Ronaldo Gazel, diretor de criação

no Brasil foi o Fiat Brava. Para tomarmos a decisão de sermos pioneiros na venda de car-

Wd :: Como funciona a ferramenta in-

ros pela internet, tentamos implementar uma

tenção de compra ?

estrutura de retaguarda para atendimento e

Ronaldo Gazel :: A Intenção de Compra ,

processamento dos pedidos. Estrutura que

como o próprio nome nos mostra, representa

precisou ser testada e aprimorada, porque,

formalmente o desejo de compra do usuário,

uma vez comprado, o carro teria que ser pro-

com todas as suas características. Através do

duzido ou estar disponível em estoque e, fi-

sistema LEAD, o usuário pode receber, inclusi-

nalmente, ser enviado para a pessoa que o

ve, uma proposta de qualquer concessionária

comprou, através de uma concessionária es-

Fiat de sua preferência em, no máximo, 24 ho-

colhida.

ras depois de ter sido solicitada através do

Ronaldo Gazel :: Cada nova versão do

Monte seu Carro do site Fiat (aproximando ain-

site Fiat foi marcada, sem falsa modéstia,

da mais o usuário de um Fiat 0Km). Tudo isso,

pela inovação, considerando uma linha

sem burocracia, sem tecnicismos exagerados,

evolutiva constante. A maior razão disso é

apenas com opções simples e bem formatadas.

que o know-how adquirido no cotidiano de

Wd :: Como a usabilidade foi adequada

um business tão complexo como a venda

ao perfil do usuário? Foram feitas pes-

de automóveis pela internet nos tornou

quisas, testes, ou partiu-se do princípio

capazes de criar produtos inovadores,

de que o público-alvo,

sempre à frente da concorrência. Todos os avanços visu-

por pertencer a uma

ais e tecnológicos levaram em consideração o histó-

classe social mais ele-

rico vivenciado e, a cada versão, tentamos desenvol-

vada, tinha familiarida-

ver um design que melhor expressasse a linguagem

de com a internet?

publicitária do cliente, ao invés de interfaces muito

Ronaldo Gazel :: A Fiat

marcantes , que tirassem o foco do usuário

Automóveis possui um de-

sobre o produto. Tudo isso paralelo à evolu-

partamento de marketing dedicado a dese-

ção do núcleo do business, isto é, a

nhar constantemente o perfil mais próximo

tecnologia por detrás dos browsers, respon-

do target na comunicação e, por isso mes-

sável por efetivar o relacionamento e a com-

mo, esse perfil nos é informado pelo próprio

pra. Um dos maiores exemplos disso é o pró-

cliente ao iniciarmos o processo de desenvol-

prio Monte seu Carro , que desde a sua pio-

vimento do site. Além disso, sim, foram feitas várias pesquisas exclusi-

neira aparição no mercado brasileiro, vem

vamente contratadas para o site Fiat, que auxiliaram bastante na

evoluindo a olhos vistos, mostrando-se, atu-

formação dessa imagem do usuário.

almente, como um dos mais amigáveis sistemas de configuração e compra de veículos dentre os sites nacionais.

39


estudo de caso :: fiat

Antigamente, era muito fácil categorizar os

Para que aproximássemos a interface do que

usuários em categorias de consumo, como

chamaríamos de ideal de usabilidade e inte-

Classe A , AB , ou C . Mas, como diria o mote

resse perante o usuário, sem que deixásse-

de uma bem-sucedida campanha da própria

mos de focalizar no produto, valemo-nos de

Fiat, Está na hora de você mudar seus con-

pesquisas de credibilidade (como as do IBOPE

ceitos quero dizer, a categorização de

e-ratings

usuários é, hoje, muito mais abrangente, possu-

eratings/ogrupo/empresa/eratings>) e de

indo exponencialmente mais elementos a serem

reuniões com grupos de usuários, que, con-

considerados, como os emocionalmente relacio-

duzidos por um mediador, relataram suas opi-

nados, pois a compra de um carro está intima-

niões in-loco, devidamente registradas e sis-

mente ligada a sensações que vão do status à

tematizadas num relatório. Essas pesquisas

paixão propriamente dita. Para atualizarmos

avaliaram critérios diversos do universo que

nosso perfil de usuário, utilizamos o próprio

cerca o site Fiat, identificando as opiniões do

site Fiat, realizando enquetes, pesquisas e

usuário quanto às vantagens e desvantagens

outras ações, recebendo, assim, o feedback

de sua interface, segundo critérios pessoais

necessário para tal.

de usabilidade. As pesquisas também avalia-

Wd :: O que foi priorizado na elaboração

ram os produtos das outras montadoras: o

do projeto: compatibilizar a interface com

grupo de usuários, através de opinião espon-

o produto ou com o usuário?

tânea, nos relatou o que mais lhe interessava

Ronaldo Gazel :: Havia duas frentes bem de-

ou desagradava dentro das interfaces con-

finidas: era necessário que o site pudesse

correntes.

<http://www.ibope.com.br/

promover o produto, servindo como um pal-

Infelizmente, não existe uma pesquisa

co virtual , no qual a grande atração fosse o

definitiva, que nos aponte a direção infalí-

carro e que se esforçasse por vendê-lo da

vel do sucesso. No caso do site Fiat, algu-

maneira mais prática e fácil possível; ao

mas pesquisas apresentaram conclusões

mesmo tempo, precisava ser vibrante, hu-

contraditórias entre si, mas nos colocaram

mano, colorido, semioticamente correto,

diante de valiosas informações, que soma-

capaz de reacender o interesse do usuário a

das às vivências oriundas dos relaciona-

cada novo acesso.

Seção Marea com Agente Inteligente ativo.

40

Teaser da campanha ´Eu quero o meu´.


:

simplicidade, contemporaneidade e

usuários, propiciaram a definição das dire-

originalidade, experimentando o êxito

trizes que permearam na prática (e na for-

de uma existência intimamente relacio-

depois de algum tempo, desaparecem,

ma!) a criação da interface. São elas: utili-

nada ao produto, cujas características,

fazendo o movimento em sentido

zação de imagens ambientadas, sempre que

também reafirmadas pelas outras

possível; uso de imagens grandes, nítidas,

mídias (TV, rádio, revista etc.) são totalmente

mesmo que isso representasse um adicional

aproveitados

em KBytes; eliminação da barra de rolagem

repotencializamos a comunicação do cliente. E

geral (padrão do browser) em prol de bar-

viva o design italiano!

ras de rolagem localizadas sob demanda da

Wd :: As modificações no site são reali-

própria navegação, de maneira a não ocul-

zadas com que freqüência e segundo

tar, em nenhum momento, qualquer tipo de

que critérios?

informação, mesmo sob resolução de

Ronaldo Gazel :: Apesar do pouco tempo disponível, surpreende-me o fato

800x600; uso intensivo de elementos visuais

de até hoje nunca ter havido uma modificação estrutural significativa

animados, como os agentes inteligentes ;

dentro do site Fiat. Isso mostra que o projeto original era capaz de

utilização de elementos humanos escolhidos

prever uma grande quantidade de situações, todas elas bem resolvi-

especificamente para se reforçar o perfil

das pela interface. Sua home, por exemplo,

delimitado para cada categoria de consumi-

foi capaz de apresentar campanhas que segui-

dor, dentre outras.

ram à risca a comunicação publicitária da Fiat

Wd :: O design italiano é um dos mais

Automóveis, através de animações interessan-

valorizados e respeitados do mundo, o

tes e surpreendentes, como as das campanhas

que se reflete nos modelos de automó-

Eu quero o meu e Moviecard . Também na

veis Fiat. Até que ponto manter o nível

home, devemos ressaltar importância do Con-

em termos de design influiu na projeção

sole Multimídia , espécie de monitor com canais ,

do site?

cada um deles contendo informações rápidas e

Ronaldo Gazel :: Os carros da Fiat, na

importantes, sem perder o primordial: desta-

minha opinião, vêm evoluindo seu design a

que para o produto, característica mais impor-

cada lançamento. Por isso mesmo, é grati-

tante do site Fiat.

ficante perceber que a interface do site

A seção Fiat News, responsável pelas notíci-

Fiat consegue se manter atual em relação

as relacionadas com o universo Fiat, é atuali-

a seus produtos, cumprindo seu papel com

zada com uma freqüência regular desde o seu

eficiência, que é o de promover a venda,

lançamento. Sua atualização é realizada

aproximar seus usuários do produto e,

através de um sistema em PHP desenvolvido

conseqüentemente, da marca. Confesso

pela equipe de tenologia da Bhtec, permitindo

uma grande satisfação ao constatar que o

a entrada e atualização dos dados pelo jor-

site Fiat continua distante do ´hype´ de al-

nalista a qualquer instante, sem que este ne-

guns clichês estéticos web, mantendo sua

cessite de pré-requisitos em programação ou

pela

interface,

ou

Informações sob demanda que surgem em scroll vertical sob a interface e,

contrário.

seja,

41 41

estudo de caso :: fiat

agentes inteligentes

mentos pregressos do site Fiat com seus


estudo de caso :: fiat

design. Newsletters e boletins são enviados

Márcio Miranda, diretor de negócios

periodicamente aos usuários. O site fiat ainda possui dois recursos que são

Wd :: A que você atribui o fato de os sites

automaticamente ativados ao ser detectada

de automóveis serem os líderes em ven-

resolução de vídeo superior a 800x600

das pela internet?

pixels: os consoles laterais. Eles aproveitam

Márcio Miranda :: O meio é a mensagem.

as vantagens da resolução maior e apresen-

Neste caso, a internet, presente nas casas das

tam uma gama extensa de informações, em

pessoas, e o fato de o brasileiro ser um apaixo-

formato console, fácil de se navegar e com-

nado por carro, mais a capacidade de explorar

preender. O console da direita, denominado

os modelos em um ambiente neutro (sem a pres-

Ofertas Fiat , apresenta ofertas pré-

são de um vendedor), podendo configurar o

selecionadas ou de alguma promoção vigen-

carro e simular as condições de pagamento

te. O console da base possui chamadas para

tudo isso atribui liderança em vendas de auto-

o Fiat News, atalhos iconográficos para se-

móveis pela internet. Por outro lado, as vanta-

ções internas do site e outras informações.

gens oferecidas pelas montadoras são atrati-

Mais opções de navegação para os usuário de alta resolução Os consoles lateral e inferior do Site Fiat são exibidos, consecutivamente, à lateral direita e abaixo da base do site desde que o usuário utilize resoluções de vídeo superiores a 800x600. Essa, para mim, foi uma solução que ofereceu aproveitamento de espaço e, ao mesmo tempo, controle e personalização dos elementos visuais, normalmente, pasteurizados nas interfaces consideradas líquidas .

Em termos

práticos, tratando-se de um produto que precisa manter a unidade de sua comunicação a todo instante, criamos um produto altamente compatível, considerando os usuários 800x600 e também os de resolução superior, sem detrimento do design. Além disso, são retráteis: o usuário pode abri-los ou fechá-los a qualquer instante. O console lateral substitui um antigo pop-up, existente na versão 2001 do site Fiat, apresentando ofertas mais interessantes da promoção em vigor; mas também é utilizado, em algumas ocasiões, para divulgação de outros sites, promoções e produtos Fiat. Já o console inferior apresenta um plus de navegação, com atalhos iconográficos para seções do site, destaques publicitários específicos e outras informações que se fizerem necessárias.

42


nível para entrada e o número de prestações.

As concessionárias não precisam de espaço físi-

O sistema calcula e exibe de forma clara um

co nem de funcionários, permanecem abertas

plano de pagamento, que pode ser alterado

24 horas por dia e aceitam milhares de pessoas

quantas vezes for necessário, para se ade-

simultaneamente, atendendo a cada um de

quar à realidade de cada internauta.

forma personalizada. Enfim, a união de todos

Wd :: Os carros da Fiat sempre tiveram um

estes fatores alavancou a venda de carros

grande público feminino. As consumidoras

pela internet no Brasil.

se mostraram receptivas às compras vir-

Wd :: Até que ponto o pioneirismo da Fiat

tuais? No site, há alguma ferramenta per-

em vendas via web e na divulgação de

suasiva direcionada a este público?

preços pela rede, facilitou ou abriu ca-

Márcio Miranda :: O agente inteligente

minho para a concorrência?

interpreta os itens marcados no Monte

Márcio Miranda :: Antes de 1997, ou na épo-

seu Carro e procura um modelo em ofer-

ca do primeiro site Fiat desenvolvido pela

ta com aquele perfil. Se o perfil for femi-

Bhtec, existia uma hipocrisia de não divulgar

nino, o agente mostra uma possibilidade

o preço do carro na internet. A decisão da

personalizada.

Fiat de divulgar o preço para o público, além

Wd :: Pode-se mensurar o retorno dos

de possibilitar um aplicativo aonde o próprio

sub-links Indique um amigo e Envie

usuário pudesse montar seu carro, abriu ca-

para um amigo ?

minho para que as outras montadoras de-

Márcio Miranda :: Sim. Cada ação execu-

senvolvessem programas similares, inclusi-

tada no site é monitorada.

ve, utilizando o mesmo jargão criado pela

Wd :: A implantação da loja virtual

Bhtec, o Monte seu Carro . A Bhtec desen-

incrementou as vendas nas lojas físicas?

volve o site Fiat há oito anos. Agora, completa-

Quais os maiores benefícios proporciona-

mos o ciclo de um produto vitorioso.

dos pelo e-commerce da Fiat?

Wd :: O retorno proporcionado pela ferra-

Márcio Miranda :: Através da venda pela

menta intenção de compra superou as

internet, as montadoras conseguiram ven-

expectativas? O êxito pode ser creditado

der um carro mais barato. A padronização

em grande parte à possibilidade de o cli-

do frete para todo o Brasil trouxe uma pe-

ente incluir em seu orçamento a despesa

culiaridade: os Estados do Norte têm um ín-

com a aquisição do automóvel, já que é

dice de compra muito alto, pois o frete tor-

possível simular valores de prestações?

na-se muito vantajoso nas compras pela

estudo de caso :: fiat

vas, já que o custo de venda para elas é menor.

Márcio Miranda :: A entrada do Banco Fiatinternet. como parEm 2003, o portal da Fiat, ceiro do site trouxe uma ferramenta importante e com as suas concessiojuntamente alavancou as vendas. As pessoas não

nárias, vendeu mais de 60.000 carros

precisam entender de matemática financeira,

pela web. Fato que comprova a im-

basta montar o carro, escolher o valor dispo-

portância da internet na estratégia de marketing da Fiat.

43


web sound design

A simplicidade na hora de elaborar um projeto online é defendida por muitos estudiosos em usabilidade, entretanto muitos recursos

somque

o vemda

web por André Philippe

que unem áudio e imagem na internet trazem ótimos resultados para muitos sites. Mas, atenção: a utilização pouco criteriosa dessa delicada comunhão, seja pela questão dos direitos autorais ou pela falta de bom senso no seu uso, poderá fazer de seu site um verdadeiro circo eletrônico. Quem nunca passou pela desagradável situação de estar no ambiente de trabalho navegando pela web e, quando menos espera, deparar-se com aquelas páginas com musiquinhas MIDIs? Quando percebemos, já somos o centro das atenções e, então, é tarde demais para esconder do seu chefe que você adora ler poesia ou o seu horóscopo em horário impróprio. Bem, passado o susto e a vergonha, o melhor a fazer é abaixar o som, estufar o peito e dizer que estava fazendo um sério estudo sobre Web Sound Design. Contudo, a ira estampada na expressão do seu superior exigirá, pelo menos, uma explicação sobre de onde você extraiu tal pérola. A discussão acerca dessa terminologia, certamente, não terá uma definição específica, já que alguns profissionais da área descrevem a função de sound design como a de quem somente produz efeitos sonoros para um determinado projeto. Mas a realidade é que muitas produtoras de áudio e artistas em geral vêem na internet um novo nicho de mercado, podendo até mesmo denominar como web sound designer o profissional que compõe trilhas online.

44


web sound design

Dos palcos para a internet Assim foi para o cantor e compositor Ritchie, que embalou os anos 80 com sucessos como Menina Veneno e A Vida Tem

Dessas

Coisas .

A

convite

do

renomado produtor musical Thomas Dolby, Ritchie produziu a sonorização da página de downloads de áudio e vídeo da Yahoo! Digital. Apesar de ser autor de hits consagrados, o caminho trilhado na web não foi o de criação de música, mas, sim, o da técnica de criar sons interativos. No final dos anos 90 eu me especializei em sonorizar páginas com MIDI, e depois, com o Beatnik, uma ferramenta de sonorização interativa desenvolvida pela equipe de Thomas Dolby , explica o artista. Outro trabalho de sonorização do mú-

lhas originais, retratando cada década da

sico inglês foi a Vitrola Virtual de Lulu San-

História

do

Brasil.

Segundo

Suzana

tos, eleito no IBest como um dos melhores

Apelbaum, diretora de criação, o uso de

sites de 1997 na categoria Arte & Cultura.

música, imagem e locução em iniciativas

A idéia era criar um ambiente onde o usuá-

como o Experiência 404 , projeto experi-

rio pudesse aprender a tocar as músicas

mental comemorativo dos 12 anos da pro-

mais conhecidas do artista na guitarra ou

dutora, foi de vital importância para criar o

no violão. A interatividade era muito limita-

clima que essa peça exigia. Neste traba-

da, mas fez bastante sucesso entre os fãs ,

lho, o som era absolutamente fundamen-

relembra. Para a Usina do Som, Ritchie pro-

tal, a ponto de ser um requisito básico

duziu, em 2000, o projeto UsinaCifras, que

para a navegação. Foram utilizadas mais de

foi uma versão mais sofisticada da idéia da

dez trilhas, nove atores (que fizeram as locu-

Vitrola Virtual.

ções), uma cantora e sons de ambientação ,

www.agenciaclick.com.br/404

afirma Suzana. Segundo a diretora de criaQuando o som faz a diferença

ção, outro projeto que envolveu uma produ-

Com relação à elaboração de sites e

ção sonora foi o MSN Mulher : Esse banner

awards.agenciaclick.com.br/

campanhas online, muitas produtoras

foi bronze em Cannes, em 2003, e acabou

tpm/pt/

web estão se rendendo a trabalhos com

virando um daqueles links que o público di-

música. É o caso da Agência Click, que

vulga espontaneamente por e-mail .

desenvolveu para a Petrobras um hotsite

Para que a trilha musical tenha o resulta-

comemorativo dos seus 50 anos, com tri-

do esperado na internet, é necessário um de-

www.petrobras.com.br

45


web sound design

nham trilhas sonoras colhem bons frutos: Às vezes, com um pouco de investimento em áudio, a qualidade do trabalho cresce muitíssimo e traz resultados melhores . Entretanto, segundo ela, a maioria dos clientes ainda vê a sonorização de sites e de campanhas online como um item dispensável ou de luxo. Ela ainda explica que o som é um toque a mais, porém o seu uso é, muitas ve-

Às vezes, com um pouco de investimento em áudio, a qualidade do trabalho cresce muitíssimo e traz resultados melhores Suzana Appelbaum

46

talhado estudo do projeto com o designer e o

zes, estratégico. Temos sempre que estar

compositor. Desta forma, as chances do ca-

atentos ao custo-benefício dessa utilização.

samento entre os dois acontecer de forma

Por exemplo: se a peça for prioritariamente

coesa são maiores. Da mesma maneira que

de serviço e precisar ficar num peso leve,

brifamos um diretor de arte sobre o estilo do

descartamos o uso de trilha, ou então, nos li-

design e a impressão que ele deve causar,

mitamos ao uso de efeitos sonoros só para

brifamos o produtor de áudio, indicando a ele

pontuar melhor alguns links do site , conclui.

qual o clima que a trilha deve passar, o estilo, o ritmo, a emoção. Como parte do processo,

Os cuidados com a lei

solicitamos ao produtor de áudio que nos

Entretanto, nem todos os que fazem site

traga referências de músicas já existentes

ou que trabalham diretamente com web são

que sigam, de diferentes formas, o tipo de

músicos. O fato de alguém querer colocar

som que estamos procurando. Isto porque

uma trilha que não seja de autoria própria

um mesmo briefing pode resultar em dife-

para incrementar sua página requer alguns

rentes interpretações; então, para garantir

cuidados. Um deles, e talvez o mais importan-

uma produção mais em cima da mosca ,

te, diz respeito aos direitos autorais.

utilizamos esse recurso das referências.

Para a advogada Marianna Furtado,

Com uma delas escolhida, o produtor já

especialista em direito da propriedade inte-

tem uma noção mais clara de qual caminho

lectual, a utilização de uma música depende

seguir na criação da trilha desejada , expli-

de prévia e expressa autorização do autor

ca Suzana.

ou da gravadora. Ela lembra que existem

A carreira de web sound designer é,

dois tipos de utilização de uma obra musical.

para muitos músicos que não estão interes-

Uma delas é quando essa prática se faz

sados nas já conhecidas oportunidades do

dentro do âmbito do computador pessoal.

ramo musical, uma ótima opção para se traba-

Tal ato se inclui na categoria de uso privado,

lhar com produção de áudio voltada para a

sendo, portanto, em princípio, lícita. Cabe,

web. Contudo, o mercado de internet ainda

porém, a ressalva de que ao usuário não é

não criou tradição para esse tipo de produ-

permitida a sua reprodução integral, seja

to. Para Suzana, projetos na web que conte-

para armazenamento em seu computador,


ou incidental. Entretanto, Marianna alerta

que, dessa forma, tal prática não está de

que não há nenhum dispositivo na nossa lei

acordo com o disposto no inciso II do artigo 46

que autorize expressamente esse tipo de

da Lei de Direitos Autorais.

utilização.

Por outro lado, quando o assunto é a

Já o Escritório Central de Arreca-

disponibilização de uma obra na rede, a situ-

dação de Direitos (ECAD) defende, in-

ação é completamente diferente, uma vez

dependentemente do tempo de utilização

que configura a sua disposição ao público.

da música, o recolhimento dos direitos au-

Este tipo de prática é reservada somente

torais.

para o titular do direito autoral.

web sound design

transferência a terceiros, já

seja para

www.ecad.org.br

Mas os cuidados não param por aí.

Segundo a advogada, há uma suges-

Quem pensa que somente alterando parte

tão da Associação Brasileira dos Pro-

de uma obra musical o desviará das pena-

dutores de Discos (ABPD) que autoriza-

lidades legais está enganado. Marianna

ria a livre utilização de trechos de até 30

ressalta que, neste caso, é preciso escla-

segundos de uma música. Para isso, a enti-

recer que a sua modificação com efeitos

dade se apóia no parágrafo primeiro do ar-

nada mais é do que produzir uma obra de-

tigo 30 da Lei de Direitos Autorais, que es-

rivada da original. Sendo assim, caso não

tabelece permissão para reprodução tem-

siga as regulamentações, o uso sem a au-

porária de uma obra, cujo propósito seja

torização do autor da obra originária, mes-

torná-la apenas perceptível em meio eletrô-

mo que modificada, constitui violação ao di-

nico ou quando guarde natureza transitória

reito autoral.

www.abpd.org.br

No caso da utilização de uma música modificada com efeitos, para que não seja caracterizada violação dos direitos autorais, é necessário obedecer aos seguintes requisitos: (a) obter a devida autorização do autor da obra originária; (b) não causar danos à obra originária; (c) inserir elementos criativos em relação à obra originária.

47


web sound design

Se o pressuposto é envolver o cliente numa determinada emoção, geralmente recomendamos a trilha O caminho das pedras

Suzana Appelbaum

Como na música o silêncio é tão importan-

Sendo assim, para os que não desejam

te quanto a melodia, na criação de um site, às

ter problemas com a lei, uma boa opção para

vezes, menos é mais. Porém, a utilização

criar suas próprias músicas de fundo é o

criteriosa de som com imagem na internet pode

Fruity Loops. Este software utiliza amostras

gerar um elemento extra: Se o pressuposto é

de sons, como os de percussão ou até mesmo

envolver o cliente numa determinada emoção,

pianos e cordas, e trabalha com eles de for-

geralmente recomendamos a trilha. Até porque

inserir efeitos sonoros ou loops

ma a criar seqüências musicais. Com isso,

temos a possibilidade de dar ao usuário a opção

em seu site, aqui vão dicas de

pode-se construir loops com hipóteses e com-

de ver o site com ou sem música. De modo geral,

binações infinitas.

a sonorização sempre dá um charme especial,

www.fruityloops.org.br

Para quem está interessado em

alguns endereços para download. Mas não se esqueça de escolher um som que contextualize com o projeto que

No entanto, é válido lembrar que alguns

dá mais vida à peça , conclui Suzana.

problemas como o fato de seus visitantes não

É claro que como em toda expressão

gostarem do seu estilo musical, por exemplo,

artística, seja em qualquer vertente, o

www.analoguesamples.com

podem comprometer seriamente a imagem do

senso estético e o sentimento que move

www.echovibes.com

seu site. O uso com moderação da música de

o artista podem, muitas vezes, serem li-

fundo é importante, pois o usuário que estiver

mitados pelo meio na qual a sua arte

www.soundbank.hu

na sua página poderá estar ouvindo um CD no

está inserida. E na web não é diferente.

ultimatesoundarchive.com

computador ou uma rádio na internet. Isso

Não que certas regras vão castrar, de

atrapalha significativamente a sua qualidade de

uma

acesso, já que produzirá uma confusão sonora.

inspiração,mas o trabalho que envolve

estiver desenvolvendo. www.musicloops.com

www.looperman.com www.samplearena.com

www.sounddogs.com

forma

ou

de

outra,

a

divina

música em sites requer viabilidade. E quando nos referimos a isso, não é somente pelo viés tecnológico, é também por todo um contexto lúdico que envolve um projeto para internet. Num trabalho que exige criação, o bom senso é elemento essencial para o sucesso de uma iniciativa. E, no caso da união música e imagem, a sua boa utilização é de vital importância na hora de seduzir o seu público. Dessa forma, quem sabe, a ira do seu chefe diminuirá ao ver e ouvir que você sabe diferenciar os sites que realmente priorizam o bom gosto dos picadeiros sonoros.

48


tutorial 1

Vídeo digital

Vivendo e aprendendo: parte 2

por Alex Falcão

Nesta matéria, iremos aprender o recurso automate line, que consiste, basicamente, em você demarcar cada batida da música. Feito isso, adicionareamos os vídeos em cada batida. Primeiramente, crie um novo projeto. E escolha Multimedia Quick Time. Poderíamos escolher outro tipo, mas após alguns testes,constatei que o arquivo final ficou muito pesado.

Para colocar todos estes vídeos no Storyboard, selecione todos os vídeos e arraste para a janela Storyboard.

Agora, vamos importar os vídeos e o som, clicando no menu File / Import / File. Você pode escolher seus vídeos à vontade. Eu, por exemplo, optei por vídeos de esportes. Em seguida, vamos abrir a pasta de áudio e repetir o procedimento. Depois que importamos tudo, veja como ficou nossa janela de projetos:

49


tutorial 1

Obs.: Se não usarmos o storyboard,é

duas e começa a complicar, porque tenho que

possível fazer a edição da mesma forma, po-

acompanhar nas duas batidas a seqüência.

rém levará muito mais tempo, porque tere-

Vejam a Timeline com ZOOM para que vocês

mos de adicionar vídeo por vídeo em cada

possam verificar as duas batidas da música:

ponto demarcado da música. Os vídeos terão que estar desta forma no storyboard: Repare que, no início, há somente uma demarcação na timeline; depois, passa a ter duas de cada. Isso porque na música tem um seqüência de duas batidas. Daí a necessidade de escutá-la várias vezes. Após tudo demarcado, vamos inserir os vídeos automaticamente em cada demarcação na timeline através do storyboard. Vamos inserir nossa música na timeline. Na janela Project, clique e arraste para a timeline em áudio1.

É chegada a parte mais difícil. Você terá que demarcar a música em cada batida. O

Clique com o botão direito sobre uma imagem

som que tenho aqui é um rock . A cada batida,

e acione: Automate to Timeline . Defina como a

eu demarco no Premiere. Para demarcar,

imagem abaixo:

você tem que pressionar a tecla * em seu teclado. Use o do teclado alfanumérico do lado direito do teclado. Você só irá perceber a demarcação quando a música acabar. Não é difícil, mas, dependendo da música, você tem que escutar várias vezes antes de começar a demarcá-la. Para rodar a música no Premiere, pressione barra de espaço. No começo, a música tem apenas uma batida de cada vez; depois, ela passa a ter

50


Obs.: Não esqueça de marcar Ignore Áudio , pois o seu vídeo pode conter áudio. Placement: At Unnumbered Markers é para que os vídeos fiquem exatamente em cada demarcação que você definiu na música. Insert At: Beginning é para que os vídeos comecem do início da timeline. Como neste exemplo não tenho um número exato de vídeos correspondente ao número de demarcação da música, precisarei adicionar novamente os vídeos através do Automate to Timeline . Obs.: Você apenas irá mudar o Insert para Edit Line . O Edit Line é para que continue a inserir os vídeos de onde parou.

Eu tive de fazer o Automate to Timeline mais duas vezes para que coincidisse até o final da demarcação.

Agora, você já pode testar sua edição. Pressione a tecla barra de espaço. Se quiser exportar para Quick Time para expor seu trabalho na web, acione o Menu File / Export / Advanced RealMedia Export . Na próxima janela, coloque alguns dados, clique em browser para selecionar a pasta onde será salvo o seu projeto e clique em OK. Aguarde alguns minutos. Dependendo do computador, pode demorar um pouco para renderizar seu vídeo. No meu, por exemplo, levou 35 segundos.

51


tutorial 2

SQL injection

saiba como evitar por Henrique Macedo

Existe injeção mais dolorida que a de SQL? Se seu site estiver

co de dados. Entretanto, se após o apóstrofo que inserimos

vulnerável a este ataque tão difundido hoje em dia, a resposta pode

colocássemos um ponto-e-vírgula (separando 2 declarações

ser não. A injeção de SQL é um ataque simples de executar e de evi-

de SQL), depois um comando válido, depois dois traços (co-

tar, entretanto, há muita falta de informação por parte dos

mentando, assim, o restante da linha) e enviássemos tudo, a

desenvolvedores com relação a este assunto, e é grande a quanti-

reação do SQL seria outra:

dade de aplicações publicadas na web abertas a este tipo de exploit . Para este artigo, falaremos sobre a injeção aplicada à pla-

SELECT nome, idade FROM alunos WHERE nome = Anto ; CREATE TABLE teste_injecao (campo TEXT) nio

taforma mais comum exposta a este ataque, que é a combinação

Considerando que o usuário que execute a query tenha

de IIS, ASP e SQL Server. Vamos assumir para o resto do texto

poderes para isso, e é comum que usuários de aplicações web

que o leitor esteja familiarizado com esta plataforma e as lingua-

os tenham, a query acima teria criado uma tabela chamada

gens SQL e ASP, mas os exemplos podem facilmente ser transpor-

teste_injecao na base.

tados para outras plataformas, como Apache, PHP e MySql.

Vamos pensar agora em um formulário de login em ASP,

O ataque é realizado através da passagem de determina-

onde tenho os campos usuario e senha . Digamos que eu te-

dos caracteres especiais juntamente com comandos SQL atra-

nha digitado nestes campos os valores Zezinho e s3nh4. Uma

vés de campos de formulários ou de parâmetros passados

maneira comum de testar se o usuário digitou corretamente

pela URL do cliente para o servidor.

usuário e senha seria utilizar o seguinte código na página

Vamos começar observando a seguinte query simples de SQL:

target do formulário: <%

SELECT nome, idade FROM alunos WHERE nome =

sUsuario = Replace(Request.Form( usuario ), , ) sSenha = Replace(Request.Form( senha ), , )

Antonio

Esta query retorna as linhas da tabela alunos, onde o nome for igual a Antonio . Agora, imagine se fosse inserido um apóstrofo no meio do nome do Antonio: SELECT nome, idade FROM alunos WHERE nome = Anto nio

boolUsuarioAutorizado = False If sUsuario <> And sSenha <> Then Set objCon = Server.CreateObject( ADODB.Connection ) objCon.Open Application( string_conexao ) Set objRs = Server.CreateObject( ADODB.RecordSet ) sQuery = SELECT * FROM usuarios WHERE nome =

Server: Msg 170, Level 15, State 1, Line 1 Line 1: Incorrect syntax near nio .

O SQL Server, ao tentar executar a query, retorna um

& sUsuario & AND senha = & sSenha & objRs.Open sQuery, objCon If Not objRs.Eof Then boolUsuarioAutorizado = True

erro de sintaxe, pois o apóstrofo extra quebra a query e dei-

End If

xa uma parte da string órfã (onio ) e sem sentido para o ban-

objCon.Close

52


tutorial 2 Set objCon = Nothing End If If boolUsuarioAutorizado = True Then Response.Redirect Application( pagina_info_confidencial ) Else Response.Redirect Application( pagina_login )

redirecionado para a página interna, ao invés de voltar para a tela de login. Apesar de não ser uma boa idéia autenticar usuários da forma como foi feito acima, é comum que isso aconteça, e o perigo é evidente. Isto é apenas a ponta do iceberg. Se o agressor souber

End If

mais detalhes sobre as tabelas da base, o estrago pode ser

%>

maior ainda. Isso é fácil de obter explorando determinados er-

Agora, imagine se um usuário mal-intencionado descobrisse que sua aplicação está vulnerável a ataques de injeção e resolvesse digitar o seguinte: Usuário: Zezinho Senha: qualquer OR 1=1

A query que o script mandaria pro SQL seria:

ros apresentados pelo SQL que revelam nomes de colunas e de tabelas. Por exemplo, se digitarmos: Usuário: Zezinho Senha: qualquer HAVING 1=1

obteremos a mensagem: Server: Msg 8118, Level 16, State 1, Line 1

SELECT * FROM usuarios WHERE nome = Zezinho AND

Column usuarios.nome is invalid in the select list because

senha = qualquer OR 1=1

it is not contained in an aggregate function and there is no

Esta query selecionaria todos os registros da tabela

GROUP BY clause.

usuarios, já que 1=1 é sempre verdadeiro. Assim, da forma

Neste momento, o agressor descobriu que a tabela se

que a aplicação foi escrita, esse usuário seria autenticado e

chama usuarios e que a primeira coluna se chama nome. Se ele

53


tutorial 2 colocar agora um GROUP BY usuarios.nome antes do HAVING no campo, a mensagem mudará e mostrará o nome do próximo campo. Numa tabela mais complexa, poderia haver o problema de saber os tipos das colunas, mas os tipos de dados podem ser descobertos através de mensagens de erro também. Não entraremos neste nível de detalhe aqui. Afinal, como se proteger? É possível se proteger de 100% dos ataques utilizando stored procedures para manipular o banco de dados, contanto que seja através de objetos que encapsulam parâmetros. A ênfase neste ponto é feita porque de nada adianta usar uma stored procedure se a

<% FUNCAO QUE VALIDA O TEXTO CONTRA OS CONSIDERADOS

INVALIDOS

Function Validacao(s) PRIMEIRO TESTA SE TENTOU DIGITAR COMANDOS

OU

OUTROS

sStringsRecusados = array( insert , update , delete , , @@ ) Validacao = True For i = LBound(sStringsRecusados) To UBound(sStringsRecusados) If (InStr(1, LCase(s), sStringsRecusados(i), vbTextCompare) <> 0) Then Validacao = False

jeito que foi feito acima para queries simples. Utilizando um

Exit Function

rios ou da URL são passados como parâmetros, e a própria implementação evita que a injeção funcione. Esta é, com cer-

SUSPEITOS

drop , insert , update , delete , drop , , ,

chamada é feita através da montagem de uma query do mesmo objeto como o Command do ADO, os valores vindos de formulá-

ELEMENTOS

DE SQL

End If Next DEPOIS CONFIRMA POSITIVAMENTE SE TODOS OS CARACTERES DA ENTRADA SAO VALIDOS sStringCharValidos =

teza, a melhor forma de se proteger, mas nem sempre viável

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUV

em grandes aplicações já em funcionamento.

WX Y Z 0123456789Á À Ã Â Ä Ç É È Ê Ë Í Ì Ï Ó Ò Ô Õ Ö Ú Ù Ü Ñ áàãâä

Outra forma de evitar a injeção é a validação da entrada, recusando determinados caracteres essenciais para o ataque,

çéèêëíìïóòôõöúùüñ-_@/\&!?.%*()[]{}:,=#+$°ªº & vbCrLf For i = 1 To len(s)

como apóstrofos, ponto-e-vírgula e dois traços. Note que isto

Caractere = mid(s, i, 1)

é diferente de tratar a entrada, dobrando os apóstrofos para

If (InStr(sStringCharValidos, Caractere) = 0) Then

que sejam interpretados como strings, por exemplo. Estas abordagens de tratar os dados podem ser exploradas pelo agressor também. Suponha que temos uma função que remove apóstrofos (ou os duplica) para evitar injeção e que em algum

Validacao = False Exit Function End If Next End Function

ponto do código montamos a seguinte query para deletar um

FUNCAO PARA CHAMAR NO INICIO DE TODAS AS

pedido com base em um código numérico:

PAGINAS ASP, ANTES DE QUALQUER OUTRA COISA

DELETE FROM pedidos WHERE id = & Request.Form( id )

O agressor poderia colocar 0 OR 1=1 no campo id da aplicação e a função de tratamento de nada adiantaria para evitar que fossem excluídos todos os registros. Portanto, é mais interessante ter uma função que simplesmente recuse os caracteres inválidos, retornando uma mensagem. Uma possibilidade seria criar as funções abaixo em um arquivo à parte e, posteriormente, fazer o include do arquivo e a chamada da segunda função no início de toda e qualquer página ASP da aplicação:

54

Function ValidaEntrada() PRIMEIRO TESTA TODO E QUALQUER CAMPO DE FORMULARIO QUE TENHA SIDO PASSADO For Each campo In Request.Form If Not Validacao(Request.Form(campo)) Then Response.Write Caracteres inválidos no campo & campo & ! Response.End End If Next DEPOIS TESTA TODO E QUALQUER PARAMETRO PASSADO PELA URL For Each parametro In Request.QueryString If Not Validacao(Request.QueryString(parametro))


tutorial 2 Then Response.Write Caracteres inválidos no parâmetro & parametro & ! Response.End End If Next End Function %>

Utilizando estas funções em todas as suas páginas, independentemente de receberem, ou não, valores, você

Referências:

garante agora, e no futuro, que sua aplicação esteja

[1] Advanced SQL Injection In SQL Server Applications - Angley,

protegida dos ataques mais comuns expostos acima. Com alguma sorte, estes exemplos auxiliarão o leitor a proteger seus scripts contra essa praga da injeção. Lembre-se sempre de que hackers e aproveitadores estão de olho,

C. - Next Generation Security Software Ltd. - 2002 http://www.nextgenss.com/papers/advanced_sql_injection.pdf [2] SQL Injection - Are Your Web Applications Vulnerable? - SPI Dynamics, Inc. - 2002 http://www.spidynamics.com/papers/ SQLInjectionWhitePaper.pdf

mantenha-se do lado da segurança, e boa programação!

55


estratégia online

Marcello Póvoa Criou a MPP Solutions, empresa de consultoria estratégica, criação e desenvolvimento em mídia interativa. Foi Diretor da Globo.com e da IconMediaLab (Nova Iorque) com inúmeros projetos premiados internacionalmente. Possui Masters of Science in Communications Design pelo Pratt Institute (NY) e MBA em Administração pela Coppead, UFRJ. É autor do livro Anatomia da Internet (Casa da Palavra). mpovoa@mppsolutions.com

A guerra do videogames A derrota não está nos planos da Microsoft O cenário competitivo O gigantesco mercado global de games deve se expandir de US$21.2 bilhões em 2002 para US$35.8 bilhões em 2007, crescendo a uma taxa de cerca de 11% ao ano (PricewaterhouseCoopers). O desenvolvimento de games envolve equipes multidisciplinares, lembrando muito a composição de times de internet: profissionais de marketing, gerência de projeto, programadores e designers. Uma tendência importante em games é se conectar em rede, o que faz com que estes, naturalmente, se tornem parte inerente da internet ou de redes banda larga fechadas. Assim, é fundamental a compreensão deste mercado promissor, e que,definitivamente, apresenta uma grande oportunidade para empresas e profissionais brasileiros. No campo dos consoles de vídeo-game existem hoje três empresas disputando arduamente por um lugar em nossas salas de estar. Sony, Nintendo e Microsoft desenvolveram, respectivamente, as plataformas Playstation 2, Gamecube e XBOX. No entanto, no Market Share global, o Playstation 2 da Sony é lider absoluto, com 69% do mercado, contra 16% do Gamecube da Nintendo e 15% do XBOX da Microsoft. Quem já brincou com os três produtos deve ter notado que não existem diferenças significativas de qualidade entre eles. Tanto a performace quanto a qualidade dos gráficos e som são bastante paralelas nas plataformas. No mercado de consoles, o conteúdo é o grande diferencial competitivo. Ou seja, a variedade e a qualidade dos títulos de games são os fatores que propulsionam a venda dos consoles. Assim, o time to market das plataformas torna-se, naturalmente, essencial para disparar o ciclo virtuoso das vendas. Quanto mais tempo houver para os desenvolvedores de jogos criarem títulos de sucesso para determinada plataforma, automaticamente, mais popular esta será. A geração atual Na última geração de lançamentos de consoles, foi o Playstation da Sony que saiu na frente, com uma diferença de 20 meses de adiantamento em relação ao lançamento do XBOX da Microsoft. Esta diferença de tempo permitiu que os desenvolvedores pudessem criar títulos de sucesso como o Grand Theft Auto 3 e o Grand Turismo 3 , que fizeram o Playstation 2 disparar em vendas enquanto os rivais Microsoft e Nintendo ainda nem tinham terminado o projeto de seus consoles. O ciclo de desenvolvimento típico de um título de game com qualidade é de cerca de 18 meses. A Sony conseguiu uma vantagem de tempo no lançamento que garantiu oxigênio para os desenvolvedores,o que resultou na liderança

56



webwriting

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

Vida de freela Eu sou free, sempre free, eu sofri demais...

Posso dizer que ser freela é um exercício diário de fé em si mesmo. É preciso acreditar no que a gente faz e nas pessoas com quem trabalhamos. Isso é super importante! Escolher bem os parceiros e farejar as roubadas. Difícil, mas não impossível. Acredite, existem mais fadas madrinhas do que vilões no mundo do freela. E o jogo fica mais divertido quando você, assim como nos videogames, consegue vencer o maior obstáculo de todos: o medo de perder. PRIMEIRA FASE: Mundo Corporativo Objetivo: Conquistar parceiros. Armas: Emails, paciência, saco, telefonemas, perseverança, visitas, saco, apresentações e pensamento positivo. Infelizmente, tem muita gente no mercado que acredita que o freelancer é um desempregado que não deu certo em algum lugar e que agora resolveu encher o saco dele. SEGUNDA FASE: Mundo Competitivo Objetivo: Ser melhor e não custar menos. Armas: Jogo de cintura, humildade, talento, educação e sorte. Para adquirir sorte você tem que matar um grande inimigo: a vergonha. Para derrotála você deve mergulhar fundo no vale das vaidades pessoais e eliminá-las sem dó nem piedade. TERCEIRA FASE: Mundo do Faz-de-Conta Objetivo: Vencer a ansiedade. Armas: Filtrar o lero-lero sem deixar de acreditar que Papai Noel existe. Ser freela é estar constantemente participando de reuniões maravilhosas, de mega projetos e super produções que não sobrevivem dez minutos no mundo real. Para escapar dessa fase você deve atravessar o mar de promessas sem se afogar. Nade e não perca a fé. Um grande iate pode resgatar você. Nessa parte do jogo, a ansiedade pode fazer você se dar mal. Tenha paciência, como diz um grande amigo: Enquanto acontecem coisas, coisas acontecem... . QUARTA FASE: Mundo do Prazer Objetivo: Fugir dos Crediários. Armas: Manter intacta suas economias. Um bom freela sabe que a grana de hoje é a garantia do amanhã.

58


webwriting

Momento de Sabedoria: Um dia alguém disse que não se pode ter tudo. Eu não acredito nisso

Nessa fase você deve fugir das deliciosas promoções do

essa vontade bate, corro pra cozinha, como um brigadeiro e

Mundo do Prazer. Eu, por exemplo, fiquei muitos meses presa

tomo coca-cola até a vontade passar...

nessa fase. Só eu sei a vontade que ainda sinto de encarar

Momento de Sabedoria

uma boa loja de departamento e me atirar num crediário. Sou apaixonada por um carnê, pelos programas de TV que vendem

Um dia alguém disse que não se pode ter tudo. Eu não acredito nisso.

produtos com um simples telefonema e pelas maravilhosas campanhas de varejo... Não preciso nem saber qual é o produto, nem o preço, se tem aquele 24 vezes bem grande... Pronto! Eu já quero comprar. Mas, depois de algum tempo, aprendi que pagamento só à vista (no máximo, eu passo uns pré). QUINTA e última FASE: Mundo Real Objetivo: Ser feliz, trabalhar, ter amigos, passear, namorar.... Armas: Todas. Quando você consegue conquistar bons parceiros, fazer seus trabalhos no conforto de sua casa, disciplinar seus horários e vencer o medo do amanhã, tudo fica bem. Em algumas fases, a gente trabalha mais, em outras, menos. É a lei da compensação. Hoje, eu não encaro mais essa fase como altos e baixos, mas sim, como um tempo de investimento pessoal. Daí eu sonho, me desespero, jogo videogame, escrevo e me preparo para o freela de amanhã. Às vezes, me pergunto se eu estaria mais feliz se estivesse empregada em uma grande agência com a segurança que, no fundo, todos nós desejamos... Mas daí, quando

59


marketing

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

Do jeito que você gosta Meu pai me deu uma grana para eu reformar meu guarda-roupa, reclamou X. Éramos colegas de faculdade, sentados à mesa numa manhã qualquer, desabafando querelas familiares. Meu pai, se quiser que eu reforme o guarda-roupa, disse o menos afortunado Y, me dá martelo e pregos. Até hoje rio desse episódio antigo. Lembrei dele agora, assistindo a mais um impagável episódio de Queer Eye For The Straight Guy, onde cinco gays têm como tarefa dar um banho de loja em um heterossexual desleixado. Vocês já viram? Não sobra pedra sobre pedra: guarda-roupa, corte de cabelo, decoração da casa, gastronomia... É uma metamorfose na marra. Se a gente prestar atenção, vai ver que uma série de programas novos têm um princípio parecido: você tem jeito e, com o nosso know-how e o seu esforço, sua vida pode mudar de um dia para o outro. Em alguns deles reformam-se casas inteiras, em outro, é o jardim que muda; em um você descobre que um cacareco é antiguidade valiosa, noutro, vira um ídolo americano... Em Extreme Make-Over fazem até plástica no sujeito. Mesma história sempre: experts entram com... expertise, você entra com a matéria bruta. Você tem jeito, só não levava jeito pra coisa. A promessa é ilusória? Talvez. Uma injeção de estilo não muda décadas de estilo de vida, e Pigmalião, de Bernard Shaw, já cantou essa bola faz séculos. Eu gosto de pensar, porém, que existe um fio condutor nisso tudo: antes, a TV mostrava uma vida idealizada, loira e linda, depois incorporaram dramas mais reais, até chegarmos aos reality shows, onde a vida cotidiana virou assunto. Por fim, descobriu-se que o cotidiano é um porre, e aí, voltamos com algo mais... construtivo: reconstruir vidas medianas, casas medianas, seios medianos... Será imaginação minha? Esses programas Sim, você tem jeito têm outra coisa em comum: tudo o que você precisa (sapatos, sofás, sushi) está prontinho pra ser usado, é tudo item de prateleira. Pegue e pague. No digimundo há maravilhas na prateleira também, prontinhas pra uso. Você quer publicar na internet? Use blogs! Você quer mostrar suas fotos? Use álbuns virtuais. Você quer uma turma inteira juntinha sempre? Crie um grupo no Yahoo, ou entre no Orkut. Quer acompanhar mil blogs e sites de uma vez só? Descubra o RSS.

60


marketing

Que ferramentas devem ser seguras, isso é óbvio, mas têm também que parecer seguras, transmitir confiança

Eu vejo um fio condutor nisso também: no início do digimundo, você se deslumbrava com a originalidade alheia,

grupos a que pertencem, pessoas prezam reputação, imagem, e têm orgulho do que constroem;

com o tempo você passou a usar o digimundo no seu dia-a-

:: quando pessoas se relacionam entre si, esperam que a

dia, e, finalmente, você passou a construir seu próprio

relação se aprofunde cada vez mais, mesmo que a relação

digimundo particular.

seja... com o Orkut. Lidar com essa expectativa, saber surpre-

Três etapas, onde a palavra design teve três sentidos:

ender, incentivar, implicam em dedicação e criatividade. Por

fazer coisas belas, fazer coisas que funcionassem e, recente-

enquanto, o Orkut tem sido magistral em perceber necessida-

mente, fazer coisas que permitam às pessoas fazer coisas.

des e se adiantar a elas;

Veja o Orkut, por exemplo: ele não é revolucionário por

:: tesouras para crianças têm pontas arredondadas, ali-

sua beleza. Em termos de funcionalidade, também tem pouco

cates têm cabo isolado. Que ferramentas devem ser seguras,

de novo. O que é revolucionário no Orkut é a facilidade com

isso é óbvio, mas têm também que parecer seguras, trans-

que você cria seu próprio mundo ali dentro.

mitir confiança. Se o processo do Orkut fosse minimamente

Antes que pareça jabá: eu não gosto do Orkut. Hoje, o

indócil, complexo, obscuro, ninguém se arriscaria a entrar;

Orkut mais me assusta do que ajuda, e não é disso que

:: nada mais gostoso do que sentir-se único, e nada é

preciso agora. Para meus fins, os grupos do Yahoo funcio-

mais terrível do que se sentir só. Esse equilíbrio delicado entre

nam muito melhor. Meu interesse pelo Orkut é profissional

ego e sociabilidade, entre o orgulho de ser diferente e o medo

mesmo, é admiração pura. Cinco coisas me fascinam no Orkut,

de se expor, requer vidraças aqui e cortinas ali, salões e por-

e creio que servem de inspiração para todos nós: :: se algo faz sucesso,

tas fechadas, visibilidade e privacidade. Nessas contradições é que a arquitetura do Orkut brilha. O

gostemos ou não, temos

bom

do Orkut é

que entender por quê. Não e só uma questão de

i s s o :

aprender coisas técnicas,

cada um

mas, sobretudo, de entender o

ali constrói

que move nosso público;

sua

:: uma construção só é uma

própria ci-

casa (ou uma igreja, ou uma esco-

dade, seu próprio mundo, cada um faz uma casa

la) se as pessoas a habitarem. Atrair gente nova,

que é a sua cara. Desenhar

fazê-las se sentir à vontade e, desafio máximo, conseguir que zelem pelo espaço comum, depende de fatores mais humanos do que tecnológicos: pessoas se definem pelos

para o digimundo, para mim, é aprimorar cada vez mais os martelos, pregos e tábuas.

61


interface

Michel Lent Michel é designer gráfico e mestre em Telecomunicações Interativas pela New York University. Foi um dos primeiros brasileiros a trabalhar com internet, começando sua carreira no ano de 1994, em Nova York, na EURO/RSCG. Fundou a 10 Minutos, sua consultoria em projetos interativos; foi membro do board que lançou a Globo.com e diretor de criação da DM9DDB. michel@10minutos.com.br

Faculdade? Para quê?

Afinal de contas, é preciso fazer faculdade para ser designer? Uma visão prática da eterna discussão. Volta e meia, a gente dá de cara com a mesma discussão, em bares ou nas listas de email: afinal de contas, é preciso se fazer faculdade para ser designer? Posso dizer tranqüilamente que conheço excelentes profissionais que trabalham com design que nunca fizeram faculdade ou qualquer curso de design. E também conheço gente com o diploma na parede que tem um péssimo trabalho. Há quem diga que quem não faz faculdade não pode ser designer. Há até quem queira regulamentar o mercado e impedir que profissionais sem formação universitária em design trabalhem nele. E há quem diga que design não precisa de regulamentação, já que não é uma área de atuação profissional que ofereça riscos à saúde, à sociedade ou à vida, como outras profissões regulamentadas (arquitetura, engenharia, medicina, direito, por exemplo) e, portanto, não precisaria de formação universitária. Sem querer entrar nessa discussão, mas lembrando de que há áreas de atuação do design que estão diretamente ligadas à saúde do indivíduo e à sua segurança (ergonomia do design de produto e o design de sinalização), quando falamos do design gráfico e do design para a Web, podemos tentar simplificar a questão de se fazer ou não faculdade de design da seguinte maneira: Fazer um bom curso de design não vai transformar você em um bom designer. Mas se você é uma pessoa com talento, interesse e força de vontade (qualidades determinantes para sermos um bom profissional em qualquer área), um curso estruturado de design é uma ótima maneira de fazer você chegar onde quer. Ora, o que é um curso de design, afinal de contas? Um curso de design vai lhe ensinar sobre tipologia, forma, movimento, espaço, cor, volume, desenho, história da arte, fotografia, vídeo e mais tantas outras coisas legais para quem gosta do assunto. Ele é, em essência, um programa de ensino completo, montado especificamente para nos ensinar tudo o que é fundamental sabermos para determinada área de atuação profissional. Aquele que é autodidata e aprende tudo sozinho poderia, em teoria, ir atrás de tudo o que é ensinado em um curso e procurar aprender por conta própria. Mas, convenhamos, é bem mais complicado. Isso, sem falar na falta que faz a convivência com outros alunos e, principalmente, a falta do feedback dos professores. Portanto, pensando dessa forma, é fácil chegar a seguinte conclusão: deve ser obrigatório fazer faculdade para se trabalhar como designer gráfico ou designer de Web? Não, mas,

62


interface

Fazer um bom curso de design não vai transformar você em um bom designer, mas é uma ótima maneira de fazer você chegar onde quer

com certeza, aquele que fizer um bom curso de design, com interesse, talento e dedicação, será um profissional muito mais completo. Hoje em dia, há no Brasil uma enorme oferta de cursos sobre design, de curta, média e longa duração, oferecidos por ótimas escolas, faculdades, universidades. Cada curso se adequa a um tipo de pessoa e a um estágio de desenvolvimento profissional. Independente do estágio profissional em que a gente se encontre, há sempre espaço para se estudar mais e melhorar.

63


webdesign

Luli Radfahrer

P h D e m Co mun i cação Di gi tal , já d i r i gi u a d i vi são d e i n te r n e t d e al gumas d as mai o r e s agên ci as d e p r o p agan d a e d e al gun s d o s mai o r e s p o r tai s d o Br asi l . Ho je , é P r o fe sso r -Do uto r d a ECA -USP , Di r e to r A sso ci ad o d o Muse u d e A r te Co n te mp o r ân e a e co n sul to r i n d e p e n d e n te . A uto r d o l i vr o d e si gn /we b/d e si gn :2 , ad mi n i str a uma co mun i d ad e d e d i fusão d o co n h e ci me n to d i gi tal p e l o p aís. webdesign@luli.com.br

Big bróder, blogueiros, dezáiners Esqueça os micreiros: a nova ameaça são os blogueiros Ai ... que saudade do tempo em que a web era só HTML. E que nem editor bom tinha a programação era feita na unha e o que fazia diferença era uma boa imagem no Photoshop Bons tempos aqueles. Ou mesmo no começo do Flash, em que qualquer animação faria a diferença e ainda não existiam sites de modelos prontos, tutoriais, exemplos, animações prontas para baixar com seus códigos abertos e tantos outros recursos disponíveis online. Ai... que saudades que eu tenho dos tempos em que os principais concorrentes dos designers eram os sobrinhos (do inacreditável meu sobrinho faz sites ) ou mesmo os micreiros , especialistas em CSS, que não sabiam diferenciar um vermelho de um magenta. É... Bons tempos que não voltam mais. E não falo nem do século passado, época em que ninguém sabia direito o que fazer com ela, aonde se poderia chegar; época em que se surfava ondas imaginárias até se afogar em uma conexão dial-up lenta ou numa página inexistente ou noutro erro qualquer. A internet era confusa, feia e chata, e a solução para isso estava nos designers ou melhor, nos webdesigners. Nada disso. A época áurea de que falo é hoje, ou, conforme a ocasião, o ano passado ou o mês passado: época em que seu cliente ainda não conhecia o poder dos Blogs e pior que com uma ferramenta dessas, ele poderia se comunicar (e interagir) com seu público de forma muito mais eficiente que um belíssimo e hermético site em Flash. Mais do que isso: sua secretária (ou seu sobrinho) poderia realmente fazer um material claro, eficiente, limpo, funcional e bonito. Mesmo sem saber a diferença de um actionscript para um javascript. Já se foi o tempo em que a internet era um processo artesanal, praticamente manual. Também já era a época em que uma pequena produtora de websites ou a divisão digital de uma agência de propaganda poderia dar conta de todas as necessidades de interação e personalização dos clientes de uma empresa. O profissionalismo da internet leva, naturalmente, à automação dos processos e é só você analisar os sites de que mais gosta e freqüenta que você verá que praticamente nenhum, para manter seu frescor e novidade, é feito em casa, página a página. Hoje, os sites de empresa se dividem em duas categorias: os que envolvem estruturas complicadas de programação os chamados admins e são usados para grande presença web; e os portfólios, que, como relatórios anuais, são compostos de belas páginas fixas e pouquíssima interatividade.

64


webdesign

como ficam as empresas que querem conversar com seus clientes e não têm verba para uma estrutura grande? A resposta é simples, e ela se chama blog E como ficam as empresas que querem conversar com

as, criamos as coisas como todas as outras coisas são cria-

seus clientes e não têm verba para uma estrutura grande? A

das, cópias das cópias das cópias dos primeiros sites, feitos

resposta é simples, e ela se chama blog. Os grandes jornais e

por quem entendia de HTML, mas não sabia nada de design

revistas já os utilizam, algumas empresas também. Pior, qual-

ou comunicação, e o resto é todo o blábláblá que você já

quer adolescente socialmente saudável também. Mesmo que

está careca de saber.

deteste computadores e queira ser veterinário. E é exatamente aí que mora o perigo.

Por isso, não rejeite a ferramenta: conheça como funcionam, o que fazem os blogs e os insira em seu projeto de comu-

Mas há saída. E ela está em você. Como na indústria auto-

nicação. E até crie o seu, se achar relevante. Eu sempre pre-

mobilística, o design digital é mais do que simples direção de

feri postar mensagens nos diários de amigos a arcar com a res-

arte. Ele envolve funcionalidade, ergonomia, hábitos de uso e

ponsabilidade de tocar o meu à Big Brother, até por achar que

uma série de outros fatores que formatam um produto. Home

minha vida não é tão interessante assim. E mesmo que o fosse,

Banking à parte, a internet hoje praticamente ainda não tem

o mistério sempre seria o melhor condimento. Mas eu sou de

forma e, para que venha a ter, é preciso que se ouse mais. E é exatamente essa a função do designer. Ao se projetar um website (ou mesmo um reles banner) é preciso levar em conta que na rede todos os serviços são intangíveis e é em sua interface que está a diferença. As-

outra época. Confira a seção emais da edição de agosto para uma matéria completa sobre o uso de blogs!

sim, não há motivo para que todos os sites tenham a mesma cara de portal se só uma pequena minoria é noticiosa. Por provável temor, desconhecimento e falta de exemplos não há, na internet, a riqueza visual de um vídeoclipe ou de um videogame. O que há, na grossa maioria, é uma cópia barata de um jornal, de uma vinheta de TV ou pior de uma Bloomberg. Como crianças mimadas pelo excesso de liberdades, olhamos para as páginas em branco da web e não sabemos o que fazer. Como os que invocam as musas, invocamos nossos bookmarks e neles não encontramos inspiração, talvez porque a resposta simplesmente não esteja por lá. Daí, por pressa, preguiça ou apenas por falta de referênci-

65


66




Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.