Estamos na transição entre micro agência de publicidade e média produtora digital. Ajude-nos a escolher um caminho contratando nossos serviços. :)

Nosso “antigo e ultrapassado” site em Flash ainda está lá. Não viu ainda? Clique!

Por isso resolvi fazer esse post a fim de estimular o comércio na web.

Defina seu negócio

Ao contrário do que muitos pensam, abrir uma loja virtual é uma decisão que requer planejamento e investimento – de tempo e dinheiro. Escolha o tipo de negócio levando em consideração o seu conhecimento no setor, estrutura de estoque e facilidade de frete.

Seja criativo

Use a criatividade na hora de elaborar o seu negócio. Apesar do amplo crescimento do setor, ainda existe muito espaço para idéias inovadoras. Pense em como diferenciar sua loja utilizando atrativos de layout, navegação, atendimento e no seu mix de produtos.

Escolha a plataforma adequada para seu negócio

Atualmente trabalhamos com algumas plataformas de eCommerce, tais como a Vtex e Magento. Costumamos dizer que cada cliente deve buscar a plataforma que seja mais adequada a sua necessidade, levando em consideração o tamanho da loja, quantidade de produtos, tipo de produto, expectativa de crescimento, necessidade de suporte e inovação. Pode ser que, para a sua loja, você possa utilizar uma ferramenta simples como o WP-Commerce, Prestashop, VirtueMart ou mesmo modelos de lojas pré-prontos oferecidas por diversas empresas.

Valorize seus produtos

Assim como em uma loja física, os produtos devem ter uma exibição adequada. Procure utilizar em layout fundos limpos que não venham a competir com as imagens dos produtos. Invista em fotografia para que seus produtos sejam visualizados adequadamente e, se possível, em diferentes ângulos – fotos de detalhes e um bom nível de zoom, por exemplo.

Invista em mídias web e ferramentas de busca

Imagine uma pessoas abrindo uma revista e, ao colocar a mão sobre um anúncio, ela ser teletransportada diretamente para o ponto de venda. Guardadas suas devidas proporções, é isto que um anúncio na web faz: em segundos leva o cliente a sua loja, a poucos passos de comprar seu produto. Anunciar em banners em canais específicos e colocar propagandas em ferramentas de busca são boas maneiras de deixar seu produto ou marca mais relevantes. Um trabalho constante de otimização de termos e palavras-chaves para as ferramentas de busca  (SEO) também são essenciais. Além disso, não esqueça de quem já esteve em seu site. Construa um banco de email para o envio ofertas e promoções.

Facilite a compra por impulso

A grande vantagem de se investir na web é que nela você consegue colocar em um só lugar as premissas para a realização de uma venda: o produto, o cliente e o dinheiro. Se o cliente chega até a sua loja procurando por determinado produto, ele já fez o esforço inicial, o que demonstra a sua vontade de comprar. Informações claras sobre os produtos, garantia, prazo de entrega, política de troca e venda e facilidade na finalização da compra são fatores determinantes para o sucesso do seu negócio.

Atendimento adequado

Um bom atendimento pode fazer a diferença em qualquer lugar, mesmo que não seja presencial. Crie canais de atendimento rapidamente acessíveis. Um formulário de email, email para contato, televendas ou mesmo suporte telefônico são boas práticas que  deixam o cliente mais a vontade e seguro para realizar uma transação.

Valorize a experiência de compra

Enriqueça o carrinho de compras com fotos e informações dos produtos, quantidades e preço final. Após a concretização ainda há maneiras de continuar conquistando seu cliente. Envie a ele email de confirmação de compra com dados e acompanhamento de entrega. Defina bem a sua logística para que não ocorram atrasos. A expectativa em receber o produto pode ser superada se houver um capricho na embalagem.

César Cabana

Estamos de olho em tudo!

Eis a história:

Começamos como uma pequena agência de publicidade. Pequena não. Micro. Com micro clientes, há 6 anos.
Como bem sabemos, micro empresas têm micro verbas para investir em publicidade. Neste cenário, não é nenhum mistério que a web é um grande canal. Onde nas mídias offline você consegue fazer alguma coisa com R$300? Na web você pode.
Foi assim que começamos a investir pesado em web, por necessidade dos clientes. Mas a necessidade também virou paixão e caímos dentro do assunto mesmo quando não havia clientes pra isso, por puro experimentalismo, como foi o caso de nosso Moonwalker Cabanudo em Realidade Aumentada, dançando nos computadores mundo afora. E assim foi indo.
Escrevemos tutoriais, aparecemos até em revistas especializadas no assunto e, em 2009, lançamos nosso website experimental, onde as pessoas podem navegar pela webcam.

Nessa altura já estávamos atraindo a atenção de muita gente, e nosso PageRank no Google já era 5! (Experimente “cabana” no Google e veja como sabemos “esquentar” um website.) E nesse monte de gente, começaram a aparecer grandes agências procurando por produção digital. O mercado de publicidade online vem explodindo exponencialmente nos últimos 3 anos e a demanda por trabalhos de ponta na web está maior do que a oferta.

Fizemos um job, gostamos. E eles também gostaram muito. E aí foi pouco a pouco ficando mais constante e nós e as grandes agências gostando mais e mais.

Hoje já temos no portfolio trabalhos (diretos ou indiretos) para gigantes como Publicis, Agência3, Staff, NBS, Dia Comunicação e outras não tão conhecidas, mas muito criativas também. Nosso know-how chegou em um nível de experiência bem maduro e algumas dessas agências já contam conosco como consultores, ajudando a desenvolver as ideias e torná-las realidade.

Hora do Planeta Rossi, Bonecos Restart, FanPage para o Bob’s e peça para iPad para Oi

E o que aconteceu com nossos clientes diretos? Vão muito bem obrigado. Não queremos abandonar nosso lado agência porque isso nos mantém criativos, em busca constante para saber o que é quente. Ao mesmo tempo, mantém nossa perspectiva publicitária em dia para entregar nossos jobs de produção digital sempre encaixados com os conceitos das campanhas e ajudar as agências com uma perspectiva que vai muito além da pura tecnologia.

Portanto, hoje estamos em cima do muro entre produção digital para as gigantes e agência de publicidade para pequenos e médios. Mas a vista daqui de cima é muito bacana! Vamos ver o que 2012 nos reserva.

Pablo Cabana

PS: Curtiu o olho-cabanudo-que-tudo-vê? Baixe o fundo de tela aqui.

A Cabana e a Moleque de Ideias são empresas parceiras faz um bom tempo, desenvolvendo vários projetos em conjunto.
E há 2 anos, atendemos grandes clientes com um produto que desenvolvemos, um sistema de provas online, ajudando instituições a certificar pessoas de forma prática e automatizada.
Como o produto demonstrou  ser bastante eficiente e replicável, resolvemos agora expandir suas atividades. À partir de agora, nosso sistema está disponível para qualquer porte de certificação. Da grande indústria que precisa garantir a qualidade do conhecimento de seus funcionários ao professor que precisar dar provas a seus alunos de forma mais eficiente.

“Sistema de Provas é um poderoso software que pode ajudar sua empresa ou instituição a realizar testes, provas e certificações de forma automatizada e eficiente.”

O nome que escolhemos foi Provon e você pode conhecer mais visitando o website.

Pablo Cabana

Acaba de ir pro ar o anúncio que produzimos em parceria com a NBS para a Oi. É nosso primeiro projeto “oficial” construído inteiramente em HTML5.
Trata-se de uma propaganda veiculada no Almanaque do Gauchão, uma revista interativa para iPads que conta tudo sobre o principal campeonato de futebol do Rio Grande do Sul.

Para brincar, basta virar o iPad um pouquinho pra esquerda. A peça detecta o movimento do acelerômetro e começa a fazer o pepé com o bonequinho.

Quer brincar também? Você pode baixar o  Almanaque do Gauchão ou ir direto neste link no browser seu iPad (sim, no browser do seu iPad!).

Se você acessar pelo seu browser do computador, vai poder brincar dando cliques. Não tem muita graça mas dá pra entender a mecânica. :)

Pra galera geek:

Utilizamos as bibliotecas EaselJS para montar o cenário e TweenJS para os movimentos. Estas bibliotecas foram escritas por GSkinner e facilita muito o desenvolvimento para quem tem um background de Flash, pois emula em Javascript o comportamento da DisplayList do ActionScript.

Ficamos mesmo espantados com a performance do Javascript no iPad. As animações estão suaves, e temos bitmaps grandes em cena. Em compensação, no Android a performance é péssima, pelo menos na versão 3.0 em uma Motorola Xoom.

Tá no ar desde o fim de janeiro a fanpage que produzimos para o Bob’s em parceria com a NBS. A ação é uma parceria com o site Jovem Nerd, pois “dobrou” os nerdcasts da semana de lançamento. A página exibe todos os tweets com a hashtag #QueroEmDobro e  armazena tudo no nosso banco de dados.

Já está no ar faz um tempinho, mas ainda não havíamos publicado aqui no blog:

A Thor Granitos é, nada mais, nada menos, a maior empresa exportadora de granitos beneficiados da America Latina. Atuando de forma expressiva no mercado externo, para onde é destinado aproximadamente 90% da sua produção, o Grupo Thor Granitos está presente em 46 países.

Portanto, foi uma honra para nós desenvolver o novo material gráfico e online da empresa: Folder Institucional, Catálogo de Produtos e um moderno website.

Clique para ver o website.

Era necessário então ser muito preciso nos dados do Google Analytics gerados pela Fanpage. Algo praticamente impossível dentro do Facebook. Mas os Cabanudos estão aí pra isso, né não?

O fluxo era o seguinte:

1 – Peças publicitárias foram espalhadas pela web: links patrocinados, banners em portais, etc, etc.

2 – Essas peças apontavam para a Fanpage no Facebook.

3 – A Fanpage apresentava links para a página final de conversão, dentro do site da FGV, onde estudantes poderiam se inscrever no vestibular.

Necessidade: Descobrir a fonte do clique que caiu na Fanpage e saber quais usuários fizeram o ciclo completo, do primeiro clique até a inscrição no site da FGV.

Primeiro desafio: descobrir a fonte do clique que caiu na Fanpage.

Depois da implementação dos iframes pelo Facebook (FB), ficou muito mais fácil trackear páginas com Google Analytics (GA), mas um ponto é totalmente obscuro: em suas estatísticas, toda fanpage do FB sempre terá os links referentes como o próprio FB. Ou seja, impossível saber de qual campanha os usuários vieram para a página. Não importa se o clique veio do Terra, Globo.com ou Links patrocinados, no GA sempre aparecerá “statik.facebook.com” ou algo parecido.

Solução: apontar todas as peças para o endereço real da Fanpage (que, como toda fanpage, fica fora do Facebook) e, dentro desta fanpage, iniciar uma sessão do GA e redirecionar o usuário.

Procurando artigos na web, achamos nossa fonte de inspiração: http://www.savio.no/blogg/a/104/how-to-track-facebook-iframes-with-google-analytics . Neste link você encontra explicações mais precisas sobre nosso procedimento.

Mas isto não era suficiente, precisávamos ter certeza de que o usuário só iria pra fanpage depois de ter sido trackeado. Chegamos a este script, inserido no header.php de nosso WordPress (sim, a fanpage era toda controlada via WordPress):

<script type="text/javascript">// <![CDATA[
  //url para sua fanpage, esta é a do Vestibular FGV 2012
  var FacebookURL = 'http://www.facebook.com/vestibularfgv?sk=app_210568128988274';

  var _gaq = _gaq || [];

	//substitua o XXXX pelo seu id do GA
  	_gaq.push(['_setAccount', 'UA-XXXXXXX-XX']);

	//estas variáveis são meio obscuras.
	//mas podemos informar que assim simplesmente funciona
	_gaq.push(['_setDomainName', 'none']);
  	_gaq.push(['_addIgnoredRef', 'static.ak.facebook.com']);
  	_gaq.push(['_setAllowAnchor', true]);
	_gaq.push(['_setAllowHash', false]);
	_gaq.push(['_setAllowLinker', true]);

	// esta é uma função que vai rodar em looping até temos certeza
	// que a sessão no GA foi iniciada
	function checkIfAnalyticsLoaded() {
		//se já temos as variáveis do GA e não estamos dentro do iframe do FB
		// iniciamos a sessão do GA e colocamos a página em seu devido lugar,
		// dentro do iframe do FB
	  if (window._gat && window._gat._getTracker && self.location == top.location) {

		_gaq.push(['_trackPageview', '/nomeDaSuaPaginaAqui/']);
		setTimeout(top.location.href = FacebookURL, 200);

		//se já estamos dentro do Facebook, apenas faço o trackeamento normal
	  } else if (self.location != top.location) {
		 _gaq.push(['_trackPageview', '/nomeDaSuaPaginaAqui/']);

	 // se ainda não temos as variáveis do GA, rode esta função de novo em meio segundo
	  } else {
		setTimeout('checkIfAnalyticsLoaded()', 500);
	  }
    };

	checkIfAnalyticsLoaded();

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
// ]]></script> 

Além disso, precisamos do hack mais bizarro da história, para fazer isso funcionar no Internet Explorer (sempre ele):

<!--?php header('P3P: CP="IE is often a NIGHTMARE"'); ?-->

Insira esta bizarrice na parte mais top de seu código, na primeira linha de sua página.

Pronto, depois de zilhões de testes e muitos fios de cabelo a menos, resolvida a primeira parte. Agora vamos à segunda parte, que não foi tão difícil, mas precisou de mais mufa queimada.

Ora, se sabemos de onde o usuário veio, podemos modificar as variáveis dos links para página final e adicionar tags que identificarão o ciclo.

Os links normais na Fanpage eram assim (se você não sabe o que utm_source, etc, precisa se atualizar):

http://vestibular.fgv.br/curso/administracao
?utm_source=facebookFanPage
&utm_medium=linkSaibaMais
&utm_content=paginaCursos
&utm_campaign=vestibular_2012_1_promo

O que nós fizemos foi alterar estas tags dinamicamente, via php, caso detectássemos tags de acesso nos cookies do browser. Por exemplo, se o cara aterrissou na fanpage clicando em um link patrocinado no Youtube, ficaria assim:

http://vestibular.fgv.br/curso/administracao
?utm_source=facebookFanPage___youTube
&utm_medium=linkSaibaMais___linkPatrocinado
&utm_content=paginaCursos
&utm_campaign=vestibular_2012_1_promo

Então, no GA da página do vestibular, o marketing da FGV pôde saber exatamente quantos usuários completaram o ciclo. E além disso, nós guardamos no GA da própria fanpage os cliques através da nova ferramenta de eventos do GA.

Pronto. Deu tudo certo no final das contas. Tentei ser o mais breve possível e com certeza muita coisa está mal explicada, mas dava pra escrever um livro sobre isso. Estou às ordens se você publicar dúvidas bacanas nos comentários. Depois dessa e da ação para a Yogoberry, estamos craques em explorar os limites do Facebook (que por sinal mudam o tempo todo).

Pablo Cabana

Ação para Yogoberry que ajudamos a construir junto com a agência Staff levou Bronze na categoria digital no Festival Brasileiro de Publicidade da ABP. O video-case dispensa mais palavras por aqui.

Está no ar a Fanpage FGV Vestibular 2012. Desenvolvida pela Cabana Criação para a Agência3, a página desafia os vestibulandos a darem suas idéias para cases propostos por grandes empresas.

“A FGV e algumas das maiores empresas do Brasil criaram desafios exclusivos para você. Aqui, você conhece um pouco do que os profissionais enfrentam e tem a chance de solucionar desafios propostos por eles. Além disso, você pode ganhar prêmios.”

A página já conta com quase 14.000 fans, um excelente resultado institucional que vai perdurar para os próximos vestibulares da FGV.

Visite: http://www.facebook.com/vestibularfgv

Galera, tá rolando por ai o nosso trabalho mais recente: o site da promoção e do concurso cultural Restart, feitos pelo Jornal Extra. Foi desenvolvido em parceria com a Agência 3 e tá bombando. Toda semana o boneco de um integrante diferente. Quem curte entra no site pra conferir e ganhar o seu.
UPDATE: A ação já saiu do ar mas você pode conferir aqui: http://www.cabanacriacao.com/portfolio/restart/

Portamos o site da Cabana para aplicativos iPad e tablets Android. Ficou bacana. É isso, atualizando o portfolio de serviços, agora a gente desenvolve aplicativos também. Aproveitamos para dar uma boa atualizada no nosso portfolio. Dá uma conferida.

Clique aqui para baixar o aplicativo da Cabana na Apple Store.

Clique aqui para baixar o aplicativo da Cabana no Android Market.