Академический Документы
Профессиональный Документы
Культура Документы
:: www.locaweb.com.br ::
A Internet em Revista
Sua loja
::Preview do
Windows 8
::Direitos
autorais para
imagens
::OpenStreetMap
virtual
::Cloud
Printing
::CSS3
em Aprenda a usar
a ferramenta
WebStore para
colocar no ar,
em apenas um
dia, um site de
e-commerce
completo, fácil
de operar e
prontinho para
24
HORAS
vender os seus
produtos
veja também
Responsive Marketing O fim do
design efetivo mouse
Desenvolva projetos eletrônicos Veja quais são os elementos Conheça o Leap, sistema que
que podem ser visualizados em que não podem faltar em uma promete revolucionar a interação
diversas plataformas campanha online arrasadora entre o homem e a máquina
lwao_leitor Nesta edição...
A voz dos
especialistas
E
m uma área com tantas variáveis e evoluções
constantes como a tecnologia da informação, ficar
de olho na visão dos especialistas a respeito das
tendências do mercado é fundamental. Por isso, nesta edição, ::Responsive design 46 ::Marketing digital 50
reunimos diversos deles para falar sobre os mais variados
segmentos do setor.
É com a propriedade de quem já atuou como analista de capasua_loja_
virtual_em_24h
24
2
Desenvolvida por especialistas das mais variadas áreas, operar e prontinho para vender
os seus produtos em um dia
a WebStore tem como foco permitir que até mesmo quem Robinson Melgar
O
comércio eletrônico no ar e começar a vender com
é um dos setores o seu e-commerce em 24 horas.
não domina a internet consiga montar, muito rapidamente, que mais cresce no
mercado brasileiro. Segundo
pesquisa divulgada pela
Global Online Shopper
Mostraremos a seguir cada
uma das etapas desse processo.
Siga os passos e você estará
comercializando seus produtos
sua loja virtual, independentemente do setor em que atua. Report (veja o box “Mais antes do que pensa.
HORAS
Clientes”, nesta reportagem), Para começar no e-commerce,
o gasto do brasileiro com você pode já ter uma loja física ou
e-commerce é superior decidir começar exclusivamente
E os recursos embarcados no serviço são tão completos que a 25%, acima da média
mundial. Por isso, se você
ainda não está aproveitando
no virtual. Imagine, por
exemplo, um empreendedor que
começa um negócio de venda
si, sem se preocupar com as tecnologias que o envolvem. ajudar a entrar nessa onda com
ferramentas profissionais, que têm
todos os recursos das grandes
lojas virtuais e não requerem
na internet. Primeiramente, é
necessário verificar o aspecto legal
e executar todos os procedimentos
necessários para que a empresa
Na trilha de quem sabe o que faz (e fala), a repórter Andreza conhecimento avançado por
parte do administrador. Com
esses recursos, é possível colocar
possa vender legalmente e emitir
nota fiscal, depois disso é só
colocar a mão na massa.
Marino Emília também foi às ruas para falar com uma série 36locaweb locaweb37
A Internet em Revista
:: www.locaweb.com.br ::
93&RPHUFLDOH0DUNHWLQJ 3DXOR%DVVR-UH6pUJLR9LQtFLXV H5RVH$OYHV GH,QWHUQHW$(GLWRUD(XURSDQmRVH
&ODXGLR*RUD 5HYLVmR&iWLDGH$OPHLGD UHVSRQVDELOL]DSHORFRQWH~GRGRV
Sua loja
::Preview do
Windows 8
virtual
::Cloud
Printing
em Aprenda a usar
a ferramenta
WebStore para
colocar no ar,
em apenas um
dia, um site de
e-commerce
completo, fácil
de operar e
24
HORAS
&RRUGHQDomR(GLWRULDO
)HUQDQGD%ULDQH]L9DOLP
&RODERUDomR $OLQH0DULDQR
$QGUH]D(PtOLD0DULQR)OiYLR&DUQHLUR
0D[5HLQKROGH5RELQVRQ0HOJDU
7UiIHJR 5HQDQ3HUHLUD
'LVWULEXLGRU([FOXVLYRSDUDR%UDVLO
)HUQDQGR&KLJQDOLD'LVWULEXLGRUD6$
5XD7HRGRURGD6LOYD&(3
(GLWRUD(XURSD &LUFXODomRH3URPRomRo *UDMD~5-
prontinho para
vender os seus
produtos
P
oder interagir com
o computador sem
a necessidade de
usar mouses e teclados, mas
apenas com a utilização de
mãos e dedos foi o que deu
impulso à criação do Leap.
Trata-se de um sistema
que pretende facilitar o uso
das máquinas para as mais
variadas funções cotidianas,
prometendo ser até 200 vezes
mais preciso do que o mouse.
Impossível ver como
o aparelho opera e não se
lembrar do filme Minority
Report, estrelado por Tom
Cruise. O funcionamento
do Leap remente às cenas
em que o ator interage
com um sistema usando
apenas as mãos e
dispensando, completamente,
mouses e teclados.
Para entender um pouco
mais sobre essa tecnologia
e como ela pode interferir no
futuro, Michael Buckwald,
CEO da Leap Motion e criador
da ferramenta, responde a
perguntas sobre o produto.
A vida sem
periféricos
Michael Buckwald, CEO da Leap Motion,
explica o funcionamento do aparelho que
promete tirar o mouse do mercado Aline Mariano
6locaweb
lwentrevista
locaweb7
lwentrevista
8locaweb
lwnotícias
//As novidades da Locaweb, a maior empresa de serviços de internet do Brasil
Gerenciamento de infraestrutura
e monitoração
de aplicação web
Locaweb fecha
parceria com
New Relic e
passa a oferecer
solução completa
A
Locaweb estabeleceu uma
parceria com a New Relic,
empresa norte-americana
de desenvolvimento, para viabiliza
uma solução para o gerenciamento
completo de desempenho de
aplicativo web, servidor e
monitoramento de usuários. Tudo
isso a um preço acessível, Parceria se deu pelo fato de ambas as empresas terem como foco ajudar
organizações a assegurar desempenho e disponibilidade a seus websites
proporcionando ao cliente um
ambiente atualizado e de alta
segurança para sua aplicação web. Com o acordo, os Servidores oferecer informações em tempo real
A iniciativa procura atender Gerenciados recentemente lançados que possibilitam a solução proativa de
às necessidades de pequenas e pela Locaweb, disponíveis em Cloud eventuais problemas. Isso sem falar na
médias empresas que buscam ou Dedicado, passam a oferecer em melhorar na hora de disponibilizar a
o gerenciamento de seus sites e plataforma Linux uma ferramenta para página”, afirma Dov Bigio, gerente de
aplicações, sem especialização o monitoramento de aplicação, que produtos IaaS&PaaS da Locaweb.
na operação de ambientes de TI. inclui: informações em tempo real sobre Outra novidade proporcionada pelos
Bill Lapcevic, vice-presidente de a performance da aplicação hospedada Servidores Gerenciados é a plataforma
desenvolvimento de negócios da New no Servidor Gerenciado, disponibilidade Java. Agora, desenvolvedores que
Relic explica: “Trata-se da primeira do banco de dados, monitoramento necessitam de ambiente gerenciado
parceria com um provedor da América dos recursos físicos do servidor e para aplicações em Java contam com
Latina. A escolha pela Locaweb se detecção de erros e alertas. “Somada a versão Java 6 em Linux Debian com
deu pelo fato de as duas empresas ao gerenciamento de infraestrutura Tomcat 6. A plataforma oferece um
compartilharem o objetivo de ajudar que a Locaweb oferece nos Servidores ambiente estável com sites ilimitados,
organizações a assegurar desempenho Gerenciados, a ferramenta New Relic configurados direto na aplicação. Saiba
e disponibilidade a seus websites”. proporciona alto desempenho, além de mais em newrelic.com/locaweb
12locaweb
lwnotícias
Indicamos!
Guia da
Startup
Por que não vemos produtos web
de qualidade em abundância no
Brasil? O diretor de produtos
da Locaweb, Joaquim Torres,
responde a essa e outras
perguntas no livro Guia da
locaweb13
lwwishlist
O melhor da
vitrine digital
O que há
de mais
interessante nas
prateleiras ao
redor do mundo
MOUSE PARA
GAMERS
O Razer Taipan é um mouse para
gamers ambidestros que combina alta
tecnologia com formato ergonômico.
O desenvolvimento do equipamento
contou com a contribuição de
jogadores famosos de esportes
eletrônicos. Munido do sistema de
sensores 4G Dual de 8.200 dpi, o mouse
conta ainda com sensores ópticos e a
laser que calibram qualquer superfície
e oferecem bom rastreamento. O preço
sugerido do periférico é de R$ 399.
Mais informações:
www.razerzone.com
CÂMERA 3D
A Fujifilm FinePix Real 3D W3
é a única câmera fotográfica
genuinamente 3D à venda no
mercado brasileiro. O modelo traz
duas lentes e dois sensores de
10 MPixels, responsáveis por
captar as imagens estereoscópicas.
Além de produzir imagens em 3D,
cada um dos sensores pode ser
configurado de maneira individual,
com a intenção de gerar imagens 2D
com características distintas. Outro
atributo exclusivo da câmera é sua
capacidade de gravar vídeos
em 3D com resolução HD (1.280
x 720 pixels). Valor: R$ 2,7 mil.
Mais informações:
www.fujifilm.com.br
14locaweb
lwwishlist
IMPRESSORA
FOTOGRÁFICA
A Epson Picturemate Charm PM225 é
uma impressora fotográfica de tamanho
compacto. Conta com alça para facilitar o
transporte e imprime fotografias de tamanho
10 x 15 cm em menos de 40 segundos.
A impressão pode ser realizada sem a
necessidade de um computador, já que ela
tem entrada para cartões de memória e
permite a conexão de máquinas fotográficas
diretamente por USB. Funciona com um
único cartucho de tinta, que é vendido em
conjunto com papéis fotográficos.
Sai por R$ 780.
Mais informações: www.epson.com.br
FILMADORA RADICAL
As câmeras GoPro não fazem sucesso por acaso.
Além de captar fotos e vídeos com boa qualidade
e ter dimensões compactas, elas contam com
acessórios para facilitar o manuseio e a fixação
para registrar os melhores ângulos de esportes
de ação e aquáticos. E, depois, transmitir tudo
via internet. Agora em nova versão, a GoPro
HD Hero2 está ainda melhor. Equipada com
um sensor de 11 MPixels, as imagens e vídeos
capturados ganharam mais nitidez, cores vivas
e contraste. É possível registrar fotos com
resolução de até 3.840 x 2.880 pixels e vídeos em
full HD (1.080p). Preço sugerido: R$ 1,2 mil.
Mais informações: pt.gopro.com
PEN-DRIVE DE 64 GB
O DataTraveler 101 Geração 2, da Kingston,
é um pen-drive prático, leve e que tem
uma versão com 64 GB. O design aposta
em uma interface reluzente, pela qual se
projeta uma proteção giratória, que, além
de ser funcional, proporciona segurança e
durabilidade, evitando que o conector USB
fique exposto e vulnerável. Outra vantagem
do DT 101 G2 é o fato de vir equipado de
gerenciador de arquivos urDrive, programa
que facilita o acesso a documentos,
músicas ou imagens. O preço sugerido do
equipamento é de R$ 249.
Mais informações:
www.kingston.com.br
locaweb15
lwwishlist
TABLET CAMALEÃO
O Sliding PC 7 Series é um tablet desenvolvido pela Samsung que
tem como principal característica a capacidade de se transformar
em notebook em segundos. Para isso, basta deslizar o teclado físico e
começar a digitar com tranquilidade. Dessa forma, o aparelho reúne
elementos de um computador pessoal com a praticidade que um
tablet oferece. Quando está fechado, assume o formato prancheta
com tela de 10,1” sensível ao toque. O Sliding PC 7 Series, que
tem bateria com autonomia para até nove horas de uso,
está à venda nos Estados Unidos por US$ 700.
Mais informações: www.samsung.com
CELULAR COM
WINDOWS PHONE
O Nokia Lumia 800 é um dos celulares
com Windows Phone mais requisitados
do mercado brasileiro. Conta com tela
touchscreen de 3,7 polegadas, câmera
de 8 MP, foco automático com lente
Carl Zeiss, flash LED duplo e vídeo HD.
Além disso, oferece armazenamento:
16 GB (sem possibilidade de expansão)
e é equipado com um processador:
Qualcomm de 1,4 MHz. O preço sugerido
do equipamento é de R$ 1,7 mil.
Mais informações: www.nokia.com.br
16locaweb
lwwishlist
PEN-DRIVE RÁPIDO
A Kingston tirou do forno o DataTraveler
Elite 3.0, um pen-drive com padrão
USB 3.0 que alcança taxas de até 70
MB/s na leitura e 30 MB/s na gravação
de arquivos. Segundo o fabricante,
isso significa uma entrega de mais
que o dobro de velocidade em relação
aos modelos com portas USB 2.0. Está
disponível em três capacidades: 16 GB,
32 GB e 64 GB, com preços sugeridos de
R$ 99, R$ 249 e R$ 489, respectivamente.
Mais informações:
www.kingston.com.br
NOTEBOOK QUE
FALA ALTO
Equipado com o poderoso sistema SRS
Premium Sound, o Pavilion g4 1170br,
da HP, é um notebook que tem como
principal chamariz a ótima qualidade
de reprodução de áudio. Assim, quem
gosta de ouvir música ou reproduzir
jogos no computador acerta em cheio
ao comprá-lo. Com tela de 14 polegadas,
o equipamento conta ainda com
processador Intel Core i5 2,3 GHz, tem
memória RAM de 4 GB e capacidade de
armazenamento de 640 GB. Vem com o
sistema operacional Windows 7 e tem
preço sugerido de R$ 2.000.
Mais informações: www.hp.com.br
locaweb17
lwcase
//Ações criadas pelos clientes da Locaweb para melhorar o dia a dia online
Transporte
em evidência
Site inteligente, atuação nas redes sociais dedicado aos assuntos do setor, mas
engloba também tudo o que há em
e parcerias com grandes empresas fazem torno do universo do transporte, como
Webtranspo despontar no mercado Aline Mariano economia e energia (gasolina, álcool,
eletricidade). Com isso, a empresa
A
empresa Webtranspo a companhia apresenta um mantém o foco em consolidar sua
(www.webtranspo.com.br) panorama completo sobre o posição como o maior e melhor portal
se dedica a gerar e assunto, além de contar com o de notícias de transporte do Brasil,
fornecer conteúdos relacionados auxílio das redes sociais mais junto com soluções de mídia digital.
a transporte, tanto terrestres conhecidas para popularizar ainda Com as redes sociais, por sua vez,
quanto aquaviários e aéreos. Com mais o que o site disponibiliza. a Webtranspo promove a troca de
um site inteligente, recheado O Portal Webtranspo, lançado em informações e a interatividade entre
de matérias e entrevistas, 2001 e atualizado constantemente, é usuários e comunidades relacionadas,
possibilitando às empresas do setor
o acesso a métodos de comunicação
NOVOS NEGÓCIOS
A busca contínua da
Webtranspo por soluções
inovadoras e as constantes
transformações do mercado
resultaram no lançamento, em
março de 2010, de duas novas
plataformas de negócios online:
a Rede Social Webtranspo e a
Webtranspo Press.
Uma vez implantadas, as novas
plataformas de negócios permitiram
à empresa fechar um ciclo que
consiste em análise, organização e
disponibilização das informações,
de tal forma que os dados sejam
responsáveis pela geração de novos
negócios. Como, por exemplo,
prestação de produtos financeiros,
elaboração de perfis econômicos e
ações segmentadas de marketing.
Empresa: Webtranspo Assim se vê a importância de
URL: www.webtranspo.com.br investir sempre em recursos web.
Área: Transporte
20locaweb
lwcasewebstore
6XDORMD$48,
6HYRF«WDPEªPWHPXPD:HE6WRUH
/RFDZHEHGHVHMDDSDUHFHUQHVWDVH¨¤R
HQWUHHPFRQWDWRFRQRVFRSRUPHLR
GRHPDLOORFDZHE#HXURSDQHWFRPEU
$JXDUGDPRVVHXFRQWDWR
farmaistremembe.com.br
O SITE
A WebStore Farmais Tremembé
agrega drogaria, perfumaria e
laboratórios de manipulação
de fórmulas, e disponibiliza ao
cliente entrega em domicílio de
todos os seus produtos. A loja
virtual trabalha com mais de
9 mil itens importados e
nacionais, entre medicamentos,
fórmulas alopáticas, perfumaria,
produtos de higiene, produtos
ortopédicos e serviços.
22locaweb
lwcasewebstore
Farmais
Tremembé
Com a ferramenta WebStore da Locaweb,
empresa expande sua presença online e
tem resultados acima do esperado
C
riada em 1959, a Moraes,
empresa prestadora de Facilidade de uso,
serviços na área de saúde, certificação digital,
higiene e perfumaria, esteve sempre
aliada às mudanças do segmento
suporte técnico e
em que atua. Pouco mais de uma preço justo foram
década depois de sua fundação,
a companhia foi transformada em
alguns dos critérios
uma franquia da Rede Farmais. Na que motivaram
época, a decisão foi fundamental a contratação do
para a sobrevivência da empresa
frente às mudanças no mercado de
serviço da Locaweb
varejo farmacêutico.
Com a chegada da era digital, de um ano de atuação no comércio
a Farmais Tremembé, nome que a eletrônico, a loja virtual cresce muito
unidade recebeu quando se tornou mais do que qualquer previsão que
franqueada, mais uma vez atenta às tenhamos feito no passado”, conclui o
mudanças e tendências, percebeu as sócio-proprietário, que diz estar muito
oportunidades de comercialização de satisfeito com o serviço.
seus produtos pela internet e investiu Com a percepção das oportunidades
fortemente no desenvolvimento de desse mercado, a Farmais Tremembé
sua própria loja virtual, mas sem muito planeja investir na capacitação de seus
sucesso. Tempos depois, quando funcionários com o objetivo de agregar
conheceu a WebStore Locaweb, a conhecimento e, assim, possibilitar um
organização logo adquiriu o serviço. crescimento ainda maior à empresa. Dos
Foi a partir daí que o projeto começou 26 funcionários que hoje trabalham para
a evoluir, afirma Mauricio de Carvalho a franquia, dois lidam com a loja virtual.
Gervazoni, sócio-proprietário da Segundo Gervazoni, facilidade de
Farmais Tremembé. uso, integração com as empresas de
A loja franqueada da rede cartão de crédito, certificação digital,
farmacêutica tem também seu site suporte técnico eficiente e preço
hospedado nos servidores da Locaweb. justo foram os principais critérios que
“Optamos pela Locaweb por ser motivaram a contratação do serviço
uma empresa que atendeu todas da Locaweb. A Farmais Tremembé
as nossas expectativas e pela vasta vê a WebStore como um excelente
experiência e alta expertise que tem”, investimento, e já tem planos para
alega Gervazoni. “Com pouco mais crescer nesse mercado em 2012.
locaweb23
lwvitrinewebstore
+WebStore
Está procurando um lugar
que seja fácil, prático e rápido
para comprar? Confira aqui
11 lojas virtuais, parceiras da
Locaweb, e faça suas compras
com todo o conforto que
você sempre desejou.
Donna Lila
www.donnalila.com
24locaweb
lwvitrinewebstore
Riatitá Homesick
www.riatita.com.br homesickstore.webstorelw.com.br
locaweb25
lwopinião
espaçoabradi
E-mail marketing
X Redes sociais
G
eração Y? Ou seria a X? O fim do vendidos online no Brasil em 2011 (a primeira é
e-mail? O futuro às rede sociais a busca – leia-se Google).
pertence? Para existir a TV, o Sim, e-mail marketing vende e vende
Jonatas Abbott cinema desapareceria, pregavam os Ys da muito. E os smartphones estão aí, ganhando
Sócio-diretor executivo década de 1970. E, para a internet existir, mais atenção das pessoas do que alguns
da Dinamize e presidente
da ABRADi a TV desapareceria, diriam os Ys no início acontecimentos importantes à volta.
E-mail: deste século. E a inocência na busca Assim, chegamos a um cenário nada
abbott@dinamize.com
por uma única mídia segue em frente, inocente, tão cheio de possibilidades quanto
pregando desaparecimentos dos blogs, dos fascinante. Nele, não se deve olhar tanto
banners, dos videoclipes e até mesmo dos para a mídia em si, mas para a pessoa, para o
próprios sites. consumidor, para o alvo. Social CRM.
Quem dera assim fosse. A vida das empresas Campanhas serão disparadas nas redes
e das pessoas com poucas mídias (meios) seria sociais a partir do relatório de cliques do e-mail
muito mais fácil. E de fato já foi muito mais fácil. marketing; mensagens por SMS chegarão para
As redes sociais Mas a tecnologia evoluiu e nos uniu, nos separou quem curtiu a fanpage da empresa; peças
e criou um enorme desafio para as empresas. O de e-mail marketing serão feitas sob medida
deram voz ao para os evangelizadores da marca nas redes
tema da hora se chama redes sociais. Fala-se
consumidor. apenas nisso, e não é à toa. As redes sociais sociais. Cross Media? É o cruzamento de meios
Para empresas, deram voz ao consumidor. Para empresas, centralizando as ações e as informações a
ofereceram ofereceram um canal fantástico e real para medir partir do consumidor. Um cenário real, que faz
um canal a satisfação e as necessidades do cliente. muito sentido. Buscando a timeline, a caixa
fantástico e real Mas não sejamos os inocentes. Não de entrada, a tela do telefone celular. Com
podemos nos esquecer do site, a presença pertinência e conteúdo, com segmentação de
para medir a base. Com um tremendo resultado.
digital da empresa. Porém, esqueça o
satisfação e as preconceito ou a idade dessa mídia poderosa Internet gera frutos, mas dá trabalho. E não
necessidades chamada e-mail marketing. Afinal, trata-se da é um meio tão simples como costumava ser
do cliente segunda maior origem dos 18 bilhões de reais décadas atrás. Ou seja: a inocência acabou.
26locaweb
lwopinião
mercado
Um novo mercado
em crescimento
O
mercado brasileiro sempre foi Mais do que isso, este ano possivelmente
conhecido por estar brincando vamos ver a chegada da loja virtual da
de pega-pega, à sombra do Vale Amazon.com ao Brasil. Ela é considerada
do Silício. No fim do século passado, o e-commerce mais inovador do mundo,
Fabio Akita os pioneiros da internet brasileira com recursos que nenhuma brasileira ainda
Cofundador da pavimentaram nosso caminho, criando tem. Entre eles, resultados de procura com
Codeminer 42 infraestrutura e exemplos de novos inteligência e personalização, não só uma
E-mail: akitaonrails@
codeminer42.com negócios. Infelizmente, fomos vítimas do listagem opaca. Isso sem falar em sistemas
estouro da bolha em 2001, um acidente de de revisão dos produtos pelos consumidores
percurso que deixou sequelas. baseado em algoritmos de recomendação
Uma década depois, o mercado se dividiu e reputação, logística eficiente com curtos
Os gringos já
em pelo menos duas grandes partes. De um prazos de entrega e informações reais
descobriram lado estão os grandes e retrógrados sistemas de disponibilidade, e design limpo com
nosso mercado corporativos em grandes corporações ou no preocupação em usabilidade.
virgem: muitas governo. De outro, os pequenos e mal-acabados Novos produtos no Brasil já se diferenciam.
novas startups sites publicitários, institucionais. No meio, Um exemplo recente é o investimento da
brasileiras uma grande área cinzenta, pouco definida, mal brasileira Monashees Capital na startup
explorada. Recentemente, iniciamos uma nova Olook.com.br, e-commerce que iniciou atividades
são lideradas
renascença: uma segunda geração de jovens com um site que coleta preferências pessoais,
por CEOs empreendedores e investidores preenchendo a com base em respostas de um questionário, e
que vieram lacuna que ficou aberta desde a última bolha. depois mostra vitrines de produtos compatíveis
dos EUA para O advento das redes sociais ajudou a iniciar com esses gostos. É um exemplo de mudança
arriscar aqui. essa mudança, pois um dos aspectos que os em e-commerce. Os gringos já descobriram
De quem e-commerces apontavam como motivo para não nosso mercado virgem: muitas novas startups
investir era a dificuldade em divulgar seu site. brasileiras são lideradas por CEOs que vieram
será o futuro
Agora, além de resultados em buscadores como dos EUA para arriscar aqui. De quem será o
Vale do Silício Google, há a divulgação orgânica via campanhas futuro Vale do Silício brasileiro? De brasileiros ou
brasileiro? em redes sociais, como Facebook e Twitter. de gringos? Esse é o momento da decisão.
28locaweb
lwopinião
mercado
30locaweb
lwopinião
mercado
Como está o
seu marketing?
E
m um passado não muito ter grande sucesso.
distante, as agências trabalhavam Algumas agências, apesar das novas
sua divulgação por meio de ferramentas, ainda acham que ter apenas um
agendamento e visita de um representante site bonito já resolve. Ter uma página criativa,
comercial. Ele levava uma pasta, geralmente entretanto, é apenas a ponta do iceberg. Ter
Marcello Barbusci de couro, com os principais materiais uma página no Facebook, um perfil no Twitter,
Autor do blog desenvolvidos, e discursava sobre as um blog, um canal no YouTube e um perfil
barbusci.com.br qualidades do lugar onde trabalhava. no LinkedIn, hoje, é algo obrigatório para se
E-mail: marcello@barbusci.
com.br Com exceção das grandes agências, em que manter ativo no mercado. É uma tendência e
Twitter: @mbarbusci grupos renomados já se formavam, as demais, um caminho sem volta.
geralmente, produziam apenas um material Cada vez mais o mundo real caminha
sem compromisso para mostrar como eram em paralelo e, muitas vezes, até se une com
boas. Era um tempo de lutas para conquistar o universo virtual. Criar uma ação no on e
Ter uma um lugar ao sol e aproveitar um momento terminar no off, ou vice-versa, foi o pontapé
página no único: a possibilidade de estar frente a frente inicial para que surgissem as agências
Facebook, com o seu possível futuro cliente. A conquista híbridas, uma nova classificação.
um perfil no dependia da criatividade, de um ótimo material O mercado está mais canibalizado, sem
impresso e da boa conversa do representante. dúvida, mas existe espaço para todos. Você
Twitter, um Mas esse tempo de lutas acabou. Agora só precisa descobrir o seu nicho e trabalhá-lo
blog, um canal temos batalhas mais ferrenhas em outras corretamente. Não gosto da classificação
no YouTube áreas. Com o advento da internet, esse agência 360º, pois me faz pensar que ela sai e
e um perfil contato se tornou mais simples. E o que chega ao mesmo ponto, andando em círculos.
no LinkedIn, difere o ontem do hoje? Nada, a não ser as E essa história que a nova concorrência está
hoje, é algo ferramentas. A necessidade de se mostrar roubando o seu cliente é papo-furado. É você
criativo, ter um belo material de apresentação quem o está perdendo.
obrigatório e o bom relacionamento ainda são quesitos Procure trabalhar as novas ferramentas de
para se obrigatórios. Sabendo usar as ferramentas marketing, pois as necessidades continuam as
manter ativo disponíveis no mercado de forma correta, é mesmas. Vai de você saber se destacar.
no mercado possível fazer uma agência de um homem só
32locaweb
lwpreview Programa: Windows 8 Release Preview
Fabricante: Microsoft
Site: goo.gl/gVxER
O último
teste do W8
Sistema operacional chega à edição Qualquer usuário de PC pode
final de avaliação com a promessa baixar a versão Release Preview
(para isso, acesse goo.gl/gVxER), que
de conquistar o mercado Flávio Carneiro apresenta diferenciais em relação
às edições anteriores. E a verdade
A
Microsoft ainda não forno. Prova disso é a recente é que vale o teste. Como a proposta
anunciou a data do divulgação da última edição de de design já está consolidada, as
lançamento oficial testes do programa, chamada de evoluções presentes em Release
do Windows 8, mas o fato é Release Preview. Agora, o próximo Preview incluem novos recursos e
que a nova versão do sistema passo é a chegada do Windows 8 melhorias de funcionamento.
operacional mais popular do completo ao mundo, o que está O design foi o item que mais
planeta está prestes a sair do previsto para o final deste ano. chamou a atenção nas outras versões
34locaweb
lwpreviewwindows8
Proteção
Outro item que voltou a funcionar Além disso, o browser foi configurado porém, o usuário consegue encontrar
e recebeu aprimoramento foi o para que a navegação de forma o que precisa com facilidade e
controle dos pais sobre o conteúdo anônima seja padrão, aumentando a também pode usar itens básicos que
que os filhos podem acessar. segurança do internauta. E, mesmo não funcionavam antes.
Agora, é possível ver tudo o que sem ser unanimidade entre os Outra possibilidade que já estava
os pimpolhos fizeram nas horas usuários há algum tempo, vale a pena presente, mas não funcionava
ou dias anteriores, com direito a experimentar a nova interface do IE10, muito bem e foi aprimorada, é a
gráficos que demonstram tempo cujo design já acompanha a proposta reprodução de imagem do Windows
de acesso em cada site. do Windows 8 Release Preview. 8 em múltiplos monitores ao mesmo
Não são apenas as crianças, tempo. Quem encontra utilidade
porém, que gostam de passar horas Sistema nesse recurso já pode ficar tranquilo.
em frente ao computador. Por isso, o Quem baixou ao menos uma das Para os desenvolvedores, porém,
Windows Release Preview embarcou duas versões de teste anteriores a grande novidade do sistema
mais opções de customização de do Windows 8, a Developer e operacional é o espaço criado pela
tela, inclusive com maior oferta de a Consumer Preview, deve ter Microsoft para auxiliar e facilitar a
cores. Tudo para deixar o PC com a se irritado com a inoperância vida dos criadores de aplicativos.
sua cara. de algumas funções do sistema O Centro de Desenvolvimento –
O navegador Internet Explorer 10 operacional. Isso porque, nessas duas Aplicativos estilo Metro (http://goo.
foi outro item aprimorado na edições de avaliação do sistema, gl/r3oam) conta com ferramentas,
última versão de testes do sistema alguns recursos tradicionais, como documentos e outros arquivos de
operacional, sobretudo na relação de o Windows Explorer, estavam suporte para os programadores.
compatibilidade com o Adobe Flash. indisponíveis. Em Release Preview, Vale a pena conferir.
locaweb35
2
36locaweb
capasua_loja_
virtual_em_24h
Sua loja
virtual
em Com a WebStore da Locaweb,
você coloca no ar um site de
e-commerce completo, fácil de
24
operar e prontinho para vender
os seus produtos em um dia
Robinson Melgar
O
comércio eletrônico no ar e começar a vender com
é um dos setores o seu e-commerce em 24 horas.
que mais cresce no Mostraremos a seguir cada
mercado brasileiro. Segundo uma das etapas desse processo.
pesquisa divulgada pela Siga os passos e você estará
Global Online Shopper comercializando seus produtos
Report (veja o box “Mais antes do que pensa.
HORAS
Clientes”, nesta reportagem), Para começar no e-commerce,
o gasto do brasileiro com você pode já ter uma loja física ou
e-commerce é superior decidir começar exclusivamente
a 25%, acima da média no virtual. Imagine, por
mundial. Por isso, se você exemplo, um empreendedor que
ainda não está aproveitando começa um negócio de venda
essa oportunidade, este é o de camisetas com estampas
momento ideal para começar. exclusivas. A WebStore da
Nesta reportagem, você irá Locaweb é uma excelente solução
descobrir como a Locaweb pode para vender esses produtos
ajudar a entrar nessa onda com na internet. Primeiramente, é
ferramentas profissionais, que têm necessário verificar o aspecto legal
todos os recursos das grandes e executar todos os procedimentos
lojas virtuais e não requerem necessários para que a empresa
conhecimento avançado por possa vender legalmente e emitir
parte do administrador. Com nota fiscal, depois disso é só
esses recursos, é possível colocar colocar a mão na massa.
locaweb37
capasua_loja_
virtual_em_24h
Loja online de
Conhecendo a coleções: brasileiros
já gastam 27% de
WebStore seus rendimentos
com compras
38locaweb
capasua_loja_
virtual_em_24h
Aspectos legais
» Para começar a vender na internet, é
importante formalizar o seu negócio. Assim
você estará em dia com a lei e poderá emitir
nota fiscal para seus clientes — o que transmite
mais segurança e credibilidade. Entre os passos
para a abertura de uma empresa, está o registro
Sistema na Junta Comercial do seu Estado, na Receita
Locaweb:
plataforma informa Federal, na Secretaria da Fazenda e na prefeitura.
passo a passo como Um contador pode ajudar nesses procedimentos
proceder para criar e facilitar muito a sua vida. Outra boa fonte de
loja eletrônica
informação sobre como abrir uma empresa é o
site do Sebrae (www.sebrae.com.br).
locaweb39
capasua_loja_
virtual_em_24h
Sua loja
em um dia
U sando a WebStore da Locaweb,
um dia é suficiente para ter uma
loja virtual pronta e vendendo produtos
na internet. Para mostrar a você como
isso é fácil, iremos usar o exemplo
de um empreendedor que vende
camisetas e que quer expandir o seu
negócio para a internet. Ele adquire o
plano WebStore I às 8 horas da manhã
e terá sua loja pronta às 8 horas do dia
seguinte. Obviamente, na prática, você
não irá querer virar uma madrugada
Na página inicial,
inteira sem dormir para colocar a sua você encontra
vídeos práticos que
loja virtual no ar, mas esse exemplo ensinam a usar o
de 24 horas ilustra quanto tempo se sistema e links
para documentação
gasta em cada uma de todas as etapas
necessárias para que o seu e-commerce
comece a operar. Então, mãos à obra! Promoções, Configurações e Conta. Na contato. É possível definir se dados
página inicial, você encontra vídeos como endereço ou telefone aparecerão
práticos que ensinam a usar o sistema e ou não para os clientes.
8h
Entre na
links para documentação. A primeira
coisa a ser feita agora é incluir as
administração
da loja
informações da sua loja. 8h12
Personalize a
Você recebe o e-mail da aparência
Locaweb dizendo que a sua
WebStore está pronta para ser
8h01
Inclua as suas
Chegou o momento de deixar
a WebStore com a sua cara.
usada. Essa mensagem também informações Volte para a página inicial e,
informa o endereço da área Na página inicial, clique no na caixa “Aparência da Loja”, clique em
administrativa e o seu nome de usuário, link “Informe os dados da “Escolha seu Tema”. A página inicial da
bem como um link para a loja em si. A Loja”. Na página que se WebStore se abrirá com uma barra na
administração é bastante intuitiva e há abre, você irá notar que há uma ajuda área inferior na qual você poderá
abas para Pedidos, Produtos, passo a passo explicando o que incluir escolher um dos temas predefinidos.
em cada um dos campos dessa área.
Você pode navegar por essa ajuda
usando os botões “Próximo” e
“Anterior” e fechar esse assistente
clicando no X quando estiver pronto
para preencher. Você deve incluir o
nome de sua loja, o seu segmento de
atuação e a descrição. Esses campos
são importantes já que definem como
o site será encontrado pelos
Na tela de informações da loja há um mecanismos de busca. Também Entre as diversas personalizações
assistente que explica como cada um dos possíveis para a WebStore, podem ser
campos deve ser preenchido indique as suas informações de alterados o esquema de cores e as fontes
40locaweb
capasua_loja_
virtual_em_24h
20h53
Ligue os produtos
às categorias
Esta etapa poderia ser
O editor da tela
de informações do realizada na hora de cadastrar
produto permite
formatar o texto, os produtos — ou depois, o
incluir imagens e que escolhemos para fins didáticos.
até tabelas
Clique na guia “Produtos”. A listagem
locaweb41
capasua_loja_
virtual_em_24h
dos produtos já cadastrados será variável cadastrada, clique no link fotos é bem simples.
exibida. Para editar um deles, clique no correspondente. Na tela seguinte, clique Basta selecionar o arquivo da foto,
ícone correspondente. Clique no link no link “+ Nova propriedade variável”. indicar um texto alternativo (que,
“Categorias” do menu lateral direito. Inclua o tipo de propriedade (Cor, por além de aparecer caso ocorra algum
Para ligar o produto a uma categoria, exemplo) e as opções (Branca, Preta, problema, também ajuda no SEO) e
clique no “+” ao lado do nome delas. Azul, Vermelha). Finalize clicando em clicar em “Criar”. Na tabela que lista
Você também pode o atribuir a uma “Criar”. Podem ser definidas quantas as fotos você pode mudar a ordem em
subcategoria — elas têm o nome da propriedades forem necessárias. que elas são exibidas, se for preciso.
categoria-pai na coluna caminho. Faça Depois acesse o cadastro de cada O número de fotos que podem ser
quantas atribuições forem necessárias, um dos produtos e atribua as opções incluídas para cada produto é ilimitado.
já que um mesmo produto pode estar recém-criadas a eles. Assim você
em diversas categorias/subcategorias. poderá gerenciar cada instância
separadamente, inclusive controlando o
estoque de maneira independente.
2h50
Monte sua
22h27
Defina as opções
página inicial
Agora é o momento de
do produto
Este não é um passo
23h05
Inclua fotos
arrumar a página inicial de
sua loja, muitas vezes a
obrigatório, mas pode ser Incluir fotos dos seus produtos primeira coisa que um cliente em
muito importante é indispensável já que, sem potencial vê ao acessá-la.
dependendo do tipo do produto com o elas, é muito pouco provável Primeiramente, configure a galeria, a
qual você trabalha. Aqui, a ideia é que você consiga vendê-los. Por isso é área mais nobre de sua homepage e
cadastrar as possíveis variações do item bom investir tempo e/ou dinheiro em local em que você deve incluir os
que você comercializa. No negócio de fotos de boa qualidade, pois certamente produtos para os quais quer dar mais
camisetas, por exemplo, é aqui que você terá um bom retorno com isso. destaque. Selecione a aba “Produtos” e
você cadastra propriedades como cor, Para incluir as fotos, entre no modo de clique em “Produtos na Galeria”.
tamanho e por aí vai. Deste modo o edição de um produto e clique no item Depois, no campo “Buscar”, digite o
produto fica em uma página única, mas “Imagens” do menu lateral. Incluir as item que você deseja inserir e, a seguir,
a pessoa consegue escolher quais
características ela deseja.
Para definir essas opções, clique
na aba “Produtos”, no link “Editar” do
item ao qual elas serão atribuídas e, a
seguir, no link “Opções do produto”,
no menu lateral direito. Como você
ainda não terá nenhuma propriedade
42locaweb
capasua_loja_
virtual_em_24h
A WebStore é
personalizável: você Meios de pagamento
» A WebStore da Locaweb oferece integração
também pode definir com parceiros de meios de pagamento.
como os produtos Assim, você tem a vantagem de não ter de se
aparecem na página preocupar com análise de crédito nem com
acordos com as operadoras de cartão. Você
inicial, na área pode escolher um dos meios de pagamento ou
abaixo da galeria até todos eles, dando assim mais opções aos
seus compradores. Conheça melhor cada um
desses parceiros:
É muito fácil configurar uma galeria na promoção. Inclua quantos produtos
página inicial, com os produtos para os quais
você quer dar destaque em sua loja quiser e, quando tiver terminado, • PayPal - Uma empresa de pagamentos
clique no botão “Salvar”. Os itens que tradicional e popular em todo mundo, que
agora está disponível também para os
no link “+ Adicionar produto ao lado forem incluídos, ficarão marcados com brasileiros. A taxa cobrada pela empresa é de
dele”. Repita o procedimento para cada uma etiqueta “promoção” e o valor 5,4% a 6,4% (dependendo do valor da compra)
produto que você deseja incluir e voilà! original aparecerá riscado, com o valor mais R$ 0,60 por transação.
A galeria está prontinha, basta acessar promocional logo abaixo.
• MoiP - Um parceiro que faz parte do grupo iG
a sua página inicial para vê-la. e que tem a vantagem de oferecer praticamente
Você também pode definir como os
produtos aparecem na página inicial,
na área abaixo da galeria. Para isso,
4h42
Configure os meios
todos os meios de pagamento (cartões de débito
e boleto, por exemplo). As taxas cobradas variam
bastante, de 1,9% a 7,4%, dependendo do
meio escolhido e do valor. Você pode encontrar
sempre na aba “Produtos”, clique no de pagamento detalhes em site.moip.com.br/quanto-custa.
link “Produtos na página inicial”. Por Sua loja está quase pronta
padrão, os 24 últimos itens cadastrados para começar a vender, mas • Pagamento Digital - Pertence ao grupo
são os que aparecem na página inicial. antes você precisa configurar Buscapé e também oferece praticamente
todos os meios de pagamento. As taxas
Mas, se desejar, você pode definir os meios de pagamento. A WebStore variam de 1,89% a 6,39%, e mais informações
uma ordem própria marcando a opção da Locaweb oferece a possibilidade de estão disponíveis em www.pagamentodigital.
“Controle personalizado”. Marque essa integrar a sua loja a três opções de com.br/site/PagamentoDigital/Tarifas.
opção, arraste as linhas para colocar parceiros de meios de pagamento
os produtos na ordem que deseja e
finalize com “Atualizar”.
3h58
Crie uma
promoção
É uma boa ideia lançar a sua
loja com uma promoção
especial para atrair mais
clientes. A WebStore da Locaweb
facilita muito isso. Clique na aba
“Promoções” e depois no botão “+
Nova promoção”. Inclua um nome para
a promoção e defina se o desconto será
em porcentagem ou reais e, a seguir, o
valor. Defina uma data de início e de Os produtos que forem
fim da promoção e finalize com “Criar”. incluídos na promoção
ganham uma etiqueta
A seguir, será mostrada uma página na especial que os destaca
na sua loja virtual
qual você pode inserir produtos na
locaweb43
capasua_loja_
virtual_em_24h
6h37
As configurações
finais
Neste ponto, a sua loja já está
pronta para começar a vender,
mas você pode querer fazer
algumas configurações adicionais para
que fique redonda. Para isso, clique na
aba “Configurações”. É possível, por
exemplo, incluir banners para que ela Antes de dar a sua loja
fique ainda mais exclusiva e como pronta, visite a
página de configurações
customizada. Outro recurso interessante e faça ajustes finos para
que ela fique perfeita
são as “Páginas personalizadas”, que
44locaweb
capasua_loja_
virtual_em_24h
LAYOUT
EXCLUSIVO
Se você quiser implantação e manutenção das
personalizar WebStores. Fazemos a instalação
ainda mais o e configuração da loja, alteração
visual de sua do layout, cadastro dos produtos e
WebStore, manutenção do sistema.
Configure um subdomínio gratuito para a pode contratar
sua WebStore, mas ter um domínio próprio é
fundamental para o seu marketing uma empresa Quais são as vantagens de se
que desenvolve temas e ter um layout personalizado,
fundamental para o SEO e para o personaliza sistemas como a como os que vocês produzem,
marketing da sua loja. Prodabit. Por R$ 980 você tem ao se contratar a WebStore?
Para incluir o seu domínio, clique assistência total na criação da Atualmente as plataformas são
no link “Ver lista de endereços” na sua loja, criação de um visual muito parecidas. Os layouts
caixa “Endereços da loja”, na página exclusivo e suporte. Essa é uma oferecidos e pré-configurados pela
inicial do painel de controle. Depois boa opção se você quer investir Locaweb são interessantes, mas
clique no botão “+ Adicionar domínio na criação de um layout exclusivo não atendem a 100% dos clientes.
próprio” e indique um domínio que para a sua loja, mas lembre-se de Alguns necessitam de serviços
pode ter sido registrado na Locaweb que sempre pode usar os templates personalizados para colocar seu
ou em outra empresa (caso você não oferecidos pelo sistema sem pagar padrão visual nas lojas. Essas
possua um domínio, pode registrar nada a mais por isso, apenas pessoas também querem se
um .com.br por R$ 40,00 em www. o valor das mensalidades. A diferenciar da concorrência.
locaweb.com.br/produtos/registro- seguir, confira algumas perguntas É neste nicho que entra a
dominio). Depois que o domínio respondidas por Gilson Alves, Prodabit Sistemas.
estiver na lista, clique no link “Ver responsável pela área comercial da
detalhes” para saber como completar empresa, sobre o serviço: Como funciona o serviço?
a configuração. Vocês fornecem os arquivos
Que tipo de serviços a Prodabit para a instalação da loja eu
presta para a WebStore? fazem isso pelo cliente?
7h59
Comece a
A Prodabit realiza todos os
serviços, desde o levantamento
Nós realizamos o serviço de
configuração enquanto o cliente
divulgar sua loja de dados e projeto e a escolha acompanha as alterações online.
Parabéns, neste ponto a sua da melhor plataforma até o Temos como deixar o layout o mais
loja está totalmente desenvolvimento, instalação, próximo do que o cliente necessita.
configurada e pronta para
começar a operar. Tudo o que você Pode citar exemplos de site de
precisa fazer agora é divulgar o seu e-commerce criados por vocês
link e esperar pelas primeiras vendas. com a WebStore da Locaweb?
Considere fazer uma companha de Começamos a aplicar layouts nas
links patrocinados no Google WebStores faz pouco tempo. Mas
AdWords para dar um impulso inicial já temos algumas lojas prontas
às suas vendas. Caso tenha algum e estamos trabalhando no www.
problema, conte sempre com o conceitualmobilia.com.br. Outros
suporte da Locaweb, disponível sete projetos estão em processo de
Site da Prodabit: empresa desenvolve
24 horas por dia, todos os dias. e personaliza sistemas da WebStore negociação neste momento.
Boas vendas!
locaweb45
Imagen: iStock
Entenda o que é
Responsive Web
Design e como
a aplicação de
seus conceitos
tipo de mídia
46locaweb
responsivewebdesign
C
onteúdo digital, antes
apenas acessado via
desktops e notebooks,
agora também está disponível
em dispositivos como tablets
e smartphones. Desse modo,
programadores e desenvolvedores
precisam pensar em como oferecer
a melhor experiência online possível
para pessoas que usam tais mídias.
Tornou-se inconcebível um site não
rodar em determinado navegador
ou o conteúdo aparecer lento e ficar
todo distorcido no celular.
O termo Responsive Web Design,
Site da Caelum: de acordo com executivo da empresa, o design responsivo é novo em todo o
ou web design responsivo, em mundo e, por isso, grandes empresas e agências estão apenas engatinhando nesse assunto
português, agrega um conjunto de
boas práticas cujo objetivo é entregar
de maneira eficaz conteúdo para BLOG LOCAWEB
os diversos equipamentos. “Quem
nunca desistiu de buscar informação
em um determinado site porque ele
não funcionava direito no celular?”,
indaga Diego Eis, da agência Visie,
de São Paulo. “Em tempos em que a
experiência do usuário é o que conta,
Site da R/GA: de acordo com o diretor da
o pulo do gato é não dispersar nem empresa, há informação sobre RWD na rede
causar má impressão a essa pessoa (e Pensando unicamente na
cliente em potencial).” e responsável pela estrutura do Blog experiência positiva do leitor, o
Blog da Locaweb tem diretrizes de
De acordo com Sérgio Lopes, Oficial da Locaweb (blog.locaweb. design responsivo. Foram ajustados
instrutor e desenvolvedor na empresa com.br) concorda. “O Brasil está o conteúdo e o fluxo de navegação
de tecnologia com foco em ensino de tentando replicar o que vem de lá de para dispositivos com telas menores
computação Caelum (www.caelum. fora. É um bom começo, porque é de 960px, para os inferiores a 600px,
com.br), o design responsivo ainda preciso olhar para o usuário mobile e houve uma preocupação especial
com telas de 500px e, no mínimo,
é muito novo no mundo inteiro. com mais atenção. Ele é parcela
320px. Ele ficou mais leve. Seu design,
Grandes empresas e agências estão importante do mercado.” mais limpo. “O leitor tem acesso ao
começando a lançar seus projetos Já Fabrício Teixeira, designer de mesmo conteúdo que vê no desktop. Não
mais importantes. Busca-se muita interação sênior da agência R/GA foi necessário adaptar porque se trata
informação, mas infelizmente ainda (www.rga.com) e autor do site www. de um blog, com posts curtos”, explica
William Bruno, desenvolvedor front-end e
há pouco material em português. arquiteturadeinformacao.com, acredita
responsável pela estrutura do blog.
“Aqui no Brasil, estamos um pouco que não falta informação para quem a Bruno conta que disponibilizou
mais atrás, até porque nosso mercado procura. “A teoria está toda publicada gratuitamente, em forma de white theme,
de smartphones, tablets e internet em blogs sobre user experience e o download do FrameWork HTML5.
móvel está estourando apenas tecnologia, e muitos exemplos podem Para quem quiser implementar o tema,
basta fazer as adaptações de acordo com
agora”, diz. “Tenho visto um interesse ser encontrados em bibliotecas no
seu projeto http://www.mktprodutos.
muito grande da comunidade de Github. A postura de ir atrás desse siteprofissional.com/Campanhas/2012/02/
desenvolvedores sobre design conteúdo é o grande diferencial dos lw_html5.zip. O retorno que obteve dos
responsivo. E o foco tem sido a profissionais empenhados em fazer o leitores foi bastante positivo. “O usuário
experiência do usuário/leitor. Vejo design responsivo acontecer”, afirma. quer conteúdo legível e que carregue
rápido. Se você não oferece isso, ele vai
importantes sites adotando design O Google, no blog Webmaster
buscar em outro lugar até encontrar. E
responsivo no futuro próximo”, projeta. Central (googlewebmastercentral. quando isso ocorre, já desistiu de você
William Bruno, desenvolvedor front-end blogspot.co.uk), tratou do assunto e e é tarde demais.”
locaweb47
responsivewebdesign
48locaweb
responsivewebdesign
locaweb49
Caminhos
para um
Marke
efetivo
Confira os
elementos que
fazem parte de
uma campanha
C
omo o próprio nome
diz, o papel do
marketing digital é
elaborar técnicas online
para a divulgação de produtos
e serviços, com o objetivo de
2011 pelos internautas do País: de
acordo com o e-bit, site que avalia
a confiabilidade das lojas virtuais
no Brasil, foram R$ 18,7 bilhões.
As cifras da internet, para lá de
robustas, demonstram a importância
de divulgação alcançar os consumidores que que o setor adquiriu nos últimos anos.
estão no mundo virtual. Apenas Para abocanhar parte desse bolo e obter
eficiente para no Brasil, de acordo com o Ibope renda extra, porém, é preciso investir
quem deseja se NetRatings (empresa de pesquisas em comunicação online. Mas, por ser
50locaweb
marketing digitalcampanhaefetiva
eting
oCosas, explica qual é o passo inicial
para a criação de uma estratégia de
divulgação online. “A primeira tarefa
é descobrir onde o público-alvo da
empresa está na internet. Quais redes
sociais ele usa, se costuma procurar os
técnicas utilizadas eram as mesmas
aplicadas ao modelo tradicional de
negócios. Hoje, os especialistas desse
segmento desenvolveram recursos
específicos para o mundo digital,
inclusive com literatura própria. E é
interessantes e atrativos na internet
é o que chama atenção de visitantes
(futuros clientes) para um site (ou
blog). Uma dica que deixo para as
empresas que estão iniciando suas
operações online é pensar no que irão
produtos ou serviços que a empresa preciso entender o que significa cada produzir. Crie conteúdos que falam
presta no Google, se está acostumado a uma delas para se dar bem no universo sobre a sua área, com linguagem
ler e-mails e por aí vai”, afirma. “Depois, online. Confira: clara, direta e objetiva. Invista em
é hora de traçar objetivos e fazer um dicas variadas e mostre que sua
planejamento para cumpri-los”,
ressalta Cosas.
Diante desse cenário, é preciso 1 Conteúdo
O conteúdo é um dos fatores
mais importantes no ambiente
empresa conhece do assunto”,
explica.
locaweb51
marketing digitalcampanhaefetiva
O marketing Site da NW
Mídia, empresa
digital ainda especializada em
marketing digital
é um mistério
para muitas
pessoas,
principalmente
empresários e
investidores mais
tradicionais
registrados, a ferramenta deve enviar
e-mails informativos periodicamente,
divulgando informações dos produtos e
eventuais promoções. Quanto maior o
número de clientes cadastrados, maior
o alcance da ferramenta. certo e falar o que o público-alvo quer
Mas lembre-se: jamais envie saber, sempre tomando o cuidado
mensagens eletrônicas comerciais a de não o incomodar. É aí que entra
desconhecidos ou pessoas que não um dos fatores mais importantes do
fizeram o pedido expressamente. Isso marketing digital: conhecer muito
é spam e, normalmente, esse tipo de bem os clientes.
ação tem o efeito contrário ao desejado
(veja o quadro E-mail ou spam). Ao
receber mensagens não solicitadas, o
usuário pode criar aversão à marca ou
empresa que as enviou.
Outro ponto importante é sempre
Alex Silva acredita que o marketing na
web pode humanizar as marcas
4 Conhecer os
clientes
Nessa área, é importante
perceber que os clientes virtuais
e reais têm características
incluir na mensagem algum campo, um correio eletrônico ou uma URL. Essa distintas. “Os clientes online são
de fácil visualização, que permita ao alternativa, além de simpática, garante muito mais ansiosos. Esperam
internauta descadastrar seu e-mail que você não amolará as pessoas que resultados e respostas rápidas. É
facilmente da mala-direta – pode ser não querem receber mensagens. como diz uma frase de marketing
Por fim, sempre que possível, opte digital: ‘Seu concorrente está a
por usar uma ferramenta profissional, apenas um clique de distância
como o E-mail Marketing da Locaweb. de você’. Então, responda a
Assim, ficará mais fácil voltar o foco solicitação dos seus clientes
para a campanha em si. rapidamente”, completa Cosas.
Faça pesquisas, experimente
3 Promoção
A publicidade no mundo
virtual funciona quase como
no real. A peça de propaganda deve
adotar a grande visibilidade de
promoções, descubra o que o cliente
quer e, na hora de fazer a campanha
digital, vá direto ao assunto. Assim
ficará mais fácil conquistá-lo.
52locaweb
marketing digitalcampanhaefetiva
E-MAIL OU SPAM?
Um dos principais problemas do
e-mail marketing é o risco de ele
virar spam (mensagem indesejada
de publicidade, que só serve
para encher a caixa de entrada).
Existem algumas formas de evitar
que isso aconteça. É preciso, por
exemplo, tomar cuidado com peso Um bom SEO o faz aparecer melhor no
do e-mail, pois mensagens com Google, o site mais acessado do mundo
mais de 100 k têm mais chance de
serem barradas. Evite termos como apenas. Assim, não é difícil imaginar
“promoção”, “grátis”, “oferta”, entre que o Google seja o site mais acessado
outros, pois, de tanto serem usados,
do mundo. Aparecer bem nele é
são filtrados automaticamente por
muitos antispams. Além disso, dê
“Os clientes fundamental.
preferência por um mailing próprio, online são muito O SEO auxilia o site a abocanhar
em vez de comprar listas de e-mails
– muitos dos endereços desses mais ansiosos. parte desses acessos monstruosos.
Entre as dicas para aproveitar melhor
pacotes já estão configurados para
bloquear qualquer divulgação.
Esperam essa ferramenta, está a aplicação dos
resultados e termos mais usados pelos internautas
ao procurar um assunto relacionado à
necessárias, pois isso é essencial para respostas rápidas. área do site. Isso é fundamental para
que a campanha se torne efetiva. Por isso, é preciso quem está desenvolvendo uma marca.
O monitoramento inclui analisar a Opte sempre por criar navegação
quantidade de visitas de um site,
ser eficiente” simples, pois os buscadores não leem
Leandro Cosas, CEO da agência de
número de pessoas que falam sobre marketing digital Web Cortéx informações dentro de aplicativos
o assunto nas redes sociais e outras javascript ou flash. Mantenha o seu
postagens na rede. olhada nos números do principal conteúdo atualizado e inscreva o site
buscador, o Google, mostra como nos motores de busca, mostrando que
6 Redes sociais
O marketing nas redes sociais
deve ser encarado como uma
forma de a empresa se comunicar
com os clientes. De acordo com Alex
pode ser importante para impulsionar
uma campanha de marketing efetiva.
No total, são 620 milhões de visitantes
por dia, 87,8 bilhões de buscas por mês
a página existe. Enfim, conte com
apoio de um serviço de hospedagem de
qualidade, pois buscadores não gostam
de esperar para abrir um site.
7 SEO
O Search Engine Optimization
é um conceito utilizado
para modificar um site para ele
aparecer melhor nas ferramentas
de busca, como Google, Yahoo e
Bing. À primeira vista, não parece
tão importante, mas uma rápida
locaweb53
Imagen: iStock
direitosautorais
Imagens
e seus
Fotos e produções
visuais têm
características
diferentes de
autorais
54locaweb
especial na hora
da divulgação
Flávio Carneiro
direitosautorais
O
assunto direitos autorais criada automaticamente se enquadra A proposta dessa legislação é de
está sempre em voga. em uma regra. “No Brasil, o autor não total liberdade de uso do conteúdo.
A recente prisão de Kim é obrigado a escolher um modelo de Ao se deparar com uma imagem
Dotcom, fundador do MegaUpload, licença para a sua obra. Por isso, com registrada neste formato, o usuário pode
site de compartilhamento de raras exceções, o uso da imagem sem transformar o produto como quiser e
arquivos, incendiou o tema e autorização é ilegal. O autor também usá-lo de forma livre. A única exigência
mostrou que a web está longe de não é obrigado a registrar a obra em do Copyleft é que a nova produção
ser um mundo livre e sem leis, em lugar nenhum, como se faz com as criada também seja de uso livre.
que todos os usuários são, de certa patentes. Mas a propriedade intelectual
forma, anônimos. é dele”, afirma. Dentro desse cenário, é Domínio público
Se a discussão muitas vezes pende fundamental aos desenvolvedores de (www.dominiopublico.gov.br)
para o lado do compartilhamento de sites, aplicativos e outras publicações Quando uma obra está sob domínio
arquivos em geral, principalmente online compreender exatamente quais público, pode ser usada com qualquer
no que se refere a músicas, filmes e são os principais modelos de leis de objetivo, comercial ou não. Segundo
jogos, é importante ressaltar que o direitos autorais. Confira: a lei brasileira, os produtos tornam-se
uso e a disseminação de imagens domínio público 70 anos após a morte
são temas que não estão fora da Copyright de seus autores. A diferença em relação
pauta. Muito pelo contrário, por (copyright.br.com) ao Copyleft é que as novas obras criadas
sinal. Como todos os produtos de O formato de licença de uso Copyright com base em um produto em domínio
origem intelectual, as criações visuais é o mais famoso entre todos os modelos. público podem ter outra licença,
também estão sob proteção de uma Quando uma obra, visual ou não, está inclusive de não divulgação, em vez de
legislação. E ela é bastante rígida. sob essa legislação, o conteúdo não ser livre como a ideia original se tornou
A chamada propriedade intelectual pode ser utilizado de nenhuma maneira após completar 70 anos de divulgação.
é o conceito em que todo autor é sem autorização prévia, nem mesmo
dono de sua própria obra. Por isso, para reprodução. Creative
ninguém pode pegar uma imagem, Commons
apenas porque está na internet, e Copyleft (creativecommons.org.br)
usá-la sem autorização. Segundo (goo.gl/Dr1HL) Esta licença é uma alternativa a
Ana Clara Cenamo, county manager O nome é um trocadilho em relação a todos os modelos citados. Dentro
da iStockphoto (www.istockphoto. Copyright (left, em inglês, é esquerda, deste formato, existem variações que
com) no Brasil, site de vendas de enquanto right significa direita). O afrouxam ou apertam as regras de uso.
imagens, sempre que uma obra é Copyleft é o contrário do Copyright. Quem adota esta licença pode escolher
se os usuários poderão reproduzir a
obra ou se terão permissão para alterar
iStock
DE OLHO NO CONTEÚDO
Além de se familiarizar com os tipos de
licenças autorais que existem, ao lidar
com imagens é preciso se preocupar
também com outros fatores. Isso porque,
além dos direitos de quem tirou a foto,
deve-se ficar de olho nos direitos em relação
a quem aparece nas fotos. E essa situação
se agrava com a popularização das redes
sociais, em que as imagens são publicadas
a todo instante e, muitas vezes, sem
autorização prévia. Por isso, não reproduza
Fotos de personalidades e políticos, como Barack Obama, presidente dos Estados Unidos, nada antes de ter certeza sobre a liberação
geralmente são vendidas nos bancos de imagens para uso jornalístico, sem fins comerciais de seu conteúdo.
locaweb55
Divulgação
direitosautorais
56locaweb
lwemailautenticação
A Wikipédia
dos mapas
Projeto OpenStreetMap permite que
usuários incluam informações, editem
necessário. O OSM funciona de forma
similar à Wikipédia, já que qualquer
um que seja registrado no site pode
e processem dados em sistemas incluir dados de quaisquer locais. As
cartográficos eletrônicos Aline Mariano informações inseridas no sistema não
passam por nenhum tipo de filtro.
O
OpenStreetMap (OSM, banco de informações, com dados Devido a isso, sua credibilidade está
em www.osm.org) é um geoespaciais livres. Na época, sites diretamente associada ao aumento
mapa eletrônico aberto de mapas na web já começavam a se de sua popularidade.
e editável, no qual é possível popularizar, tais como Yahoo Maps e Assim como os dados são inseridos
ver o mundo todo. Espécie de o Google Maps. Mas, diferentemente por pessoas comuns, esses mesmos
“Wikipédia dos mapas”, todos do OSM, esses projetos só ofereciam colaboradores estão aptos a reeditar
os dados inseridos por editores e a imagem com os traçados e não e fazer reivindicações quanto ao
colaboradores são redistribuídos permitia a livre edição. que está explícito no site. De acordo
sob licença livre, permitindo seu com Vitor George, colaborador
uso para quaisquer fins. Credibilidade do OpenStreetMap desde 2008 e
O projeto foi criado em 2004, e popularidade editor do Twitter @mapaslivre, em
pelo desenvolvedor britânico Steve Para que seja cada vez mais alguns lugares do mundo, como na
Coast, como uma alternativa na qual aperfeiçoado, o OpenStreetMap Alemanha, não existe nenhum mapa
as pessoas pudessem desenvolver depende, exclusivamente, de pessoas mais detalhado do que o que pode ser
colaborativamente um grande comuns que editem o que achem visualizado no sistema do OSM. No
58locaweb
Embora tenha
mapas do Brasil, a
principal atuação
do OSM é em países
europeus, onde o
projeto conta com
muitos editores
locaweb59
lwtecnologia
COMPATIBILIDADE
Se você deparar com
a frase “O recurso de
Cloud Print está pronto
para ser executado em
diversos dispositivos”,
pode acreditar na
afirmação. O aplicativo
já foi desenvolvido em
várias plataformas e está
disponível para Windows,
Android, Mac, iOS e
Chromebook. Além desses
sistemas, a empresa
anunciou que também
fará uma versão para o
Linux no futuro.
O
s recursos de no disco rígido, a bola pode enviar uma tarefa para Porém, o uso de impressoras
informática da vez é a impressão em a impressora mesmo estando com antena wireless ainda
definitivamente nuvem desenvolvida pelo longe do equipamento, por não é muito popular no
fugiram do hardware Google: o Cloud Print. meio de um celular ou tablet, Brasil. Assim, é necessário
e estão indo parar nas O conceito, por si só, por exemplo. que o equipamento esteja
nuvens. Depois de sistema gera uma série de dúvidas, E não há limite de instalado em um computador
de armazenamento mas é mais simples do que distância. Segundo o com acesso à web, o que é
online, leitura de e-mail parece. Pelo menos para fabricante, o usuário pode bastante comum.
sem precisar baixar as os usuários. Basicamente, estar no mesmo ambiente De olho em uma possível
mensagens, criação a criação do Google faz que a impressora ou em outro popularização do produto, o
de agenda e edição de uma impressora (mesmo a continente, sem que haja Google já agregou o recurso
imagem e texto, tudo tradicional e velhinha) estar problemas na comunicação a alguns lançamentos do
realizado em cloud disponível para impressão de entre os dois dispositivos. mercado de impressão.
computing e sem ocupar qualquer dispositivo, móvel Assim, será possível enviar Produtos das marcas HP,
um bytezinho de espaço ou não. Isso significa que você uma foto de São Paulo para Epson e Canon já saem
ser impressa na Califórnia. com o selo Google Cloud
Print Ready, e podem ser
O funcionamento está Como funciona conectados ao serviço
com apenas alguns cliques
Para que o sistema funcione,
restrito ao reconhecimento é preciso que a impressora do mouse. Passados os
do arquivo pelo Google esteja ligada à internet. requisitos iniciais (e com
60locaweb
lwprogramação
Serviço: Tutorial CSS Nível técnico: Iniciante/Intermediário/Profissional
Um cronômetro
em quatro passos
Aprenda a fazer aplicações sofisticadas com o CSS3, dispensando o
uso de outras ferramentas pesadas, como o Flash Max Reinhold Jahnke
REFERÊNCIA
Uma descrição detalhada
da animação no CSS3 e
exemplos de uso podem
ser encontrados no
excelente w3schools
(http://www.w3schools.
com/css3/css3_
animations.asp)
Tutorial
D
iversos da linguagem: o CSS3 fazer aplicações sofisticadas
recursos foram foi quebrado em vários sem o uso de outras Antes de começar, é
acrescentados módulos pequenos, ferramentas ou linguagens, importante salientar que
ao CSS3, como a cada um com uma além do HTML, é claro. Por é necessário usar uma
capacidade de usar especialidade, e com exemplo, há alguns anos, versão atualizada de Firefox,
a própria linguagem a possibilidade de que para colocar um cronômetro Chrome ou Safari. Alguns
para fazer bordas e novos módulos sejam em um site era necessário dos recursos de animação
animações bonitas, adicionados. E o mais usar Flash. Passado algum não foram implementados
sem o uso de imagens importante: foi mantida tempo, já era possível nos outros navegadores,
ou Javascript. Além a compatibilidade com o fazer uma implementação como Opera e Internet
disso, também houve CSS2. O CSS3 evoluiu tanto mais leve, combinando Explorer. Além disso, por
melhorias na organização que hoje em dia é possível recursos do Flash com os do causa da crise dos prefixos,
Javascript. Hoje, é possível usamos o script PrefixFree
fazer a mesma aplicação que detecta qual navegador
O CSS3 foi quebrado em usando somente HTML e está sendo usado e quais
módulos pequenos, cada CSS. E é justamente um
cronômetro que vamos
propriedades precisam
do prefixo do navegador.
um com sua especialidade aprender a fazer hoje. Assim, o tutorial fica mais
62locaweb
lwprogramação
Um cronômetro
em quatro passos
Cronômetros:
elementos como
cores, fontes e
natureza do
contador são
ajustados facilmente
64locaweb
lwprogramação
fique interativa: podemos, sem usar Quarto passo // Todo o código GLYFODVV GLJLWRVHJEGH]!
Javascript, criar botões para controlar fundamental do cronômetro já foi GLY!
o cronômetro. Isso é fácil, basta implementado, porém há pouca GLY!
modificar o container do HTML para graça num contador que mede
que o código fique assim: apenas 60 segundos. Então vamos E a respectiva classe no CSS,
ampliar nosso aplicativo, permitindo apontando a duração da animação:
LQSXWLG LQLFLDUQDPH FRQWUROHV que seja possível contar minutos.
W\SH UDGLR! Deixaremos como exercício para o PLQ^DQLPDWLRQGXUDWLRQV`
LQSXWLG SDUDUQDPH FRQWUROHV leitor implementar o que falta para GH]PLQ^DQLPDWLRQGXUDWLRQV`
W\SH UDGLR! contar as horas.
LQSXWLG ]HUDUQDPH FRQWUROHV Precisamos modificar o timer, Conclusão
W\SH UDGLR! acrescentando as linhas referentes aos Foi feita só a lógica do cronômetro.
GLYFODVV WLPHU! minutos. Basta fazer um copy&paste, Fica a cargo do leitor não apenas
GLYFODVV GLJLWRGH]VHJEVHLV! mudando apenas o nome da classe. O implementar o que falta, mas
GLY! HTML fica assim: também dar o seu toque de design.
GLYFODVV GLJLWRVHJEGH]! O CSS cresceu muito, com melhorias
GLY! GLYFODVV WLPHU! impressionantes, que nos deixa
GLY! GLYFODVV GLJLWRGH]PLQEVHLV! divagando sobre quais serão as
GLYLG WLPHUBFRQWUROHV! GLY! novidades dos próximos anos. Hoje é
ODEHOIRU LQLFLDU!,QLFLDUODEHO! GLYFODVV GLJLWRPLQEGH]! possível criar aplicativos com recursos
ODEHOIRU SDUDU!3DUDUODEHO! GLY! antes acessíveis apenas a Flash ou
ODEHOIRU ]HUDU!=HUDUODEHO! GLYFODVV GLJLWR!GLY! Javascript. Quem sabe, os atuais
GLY! GLYFODVV GLJLWRGH]VHJEVHLV! designers não passem a merecer mais
GLY! um título: programadores da web.
Agora precisamos alterar o CSS
para exibir corretamente os controles.
Aqui escondemos os radio buttons e
configuramos a fonte dos rótulos:
WLPHUBFRQWUROHVODEHO^
FXUVRUSRLQWHU
IRQWIDPLO\DULDO
IRQWVL]HS[
`
LQSXW>QDPH FRQWUROHV@^GLVSOD\QRQH`
SDUDUFKHFNHGaWLPHUGLJLWR
^DQLPDWLRQSOD\VWDWHSDXVHG`
Browser:
LQLFLDUFKHFNHGaWLPHUGLJLWR^DQLPDWLRQ cronômetro em
ação pode ser visto
SOD\VWDWHUXQQLQJ` em browsers como
]HUDUFKHFNHGaWLPHUGLJLWR Firefox, Google
Chrome e Safari
^DQLPDWLRQQRQH`
locaweb65
lwparceiros
//Empresas e profissionais liberais que oferecem serviços de desenvolvimento de sites
Sithes Delt
www.sithes.com www.delt.com.br
66locaweb