1) O documento discute lições aprendidas na criação do negócio ContaAzul, incluindo design, distribuição e métricas; 2) É enfatizado que o design não é apenas visual e requer testes com usuários; 3) A distribuição online deve focar em palavras-chaves e melhorar a conversão através de testes; 4) Métricas ajudam a otimizar o site e funis de conversão.

1. Lições aprendidas
na criação de um negócio de escala
João Augusto Zaratine
joao@contaazul.com
contaazul.com
Julho/2012

2. Sumário
• Introdução
• Design
• Distribuição
• Métricas

3. O que é o ContaAzul?
• Maneira mais simples de gerenciar sua
pequena empresa
• 4 meses no Vale do Silício (500 Startups)
• ContaAzul lançado em Nov/2011
• 2 rounds de investimento

5. Vida de uma startup
Customer Development
Lean Startup
?
Build Launch Pós-Launch

7. Por que?
• Early adopters são fáceis de conseguir
• Early adopters tem nível de tolerância alto
• Produto p/ early adopters != Produto p/
massa

8. Design, Distribuição e Métricas

9. O que é design?
• Design != Design Visual
• Concepção de algo direcionado para o uso
• Design não está no designer
• Ninguém tem bola de cristal

10. Passo-a-passo
Para começar a pensar design

11. Passo 1
• Coloque seu programa na frente de um usuário que
nunca usou o aplicativo e peça para ele usar livremente
• Peça ao usuário para falar em voz alta tudo o que está
pensando
• Filme a tela e a reação do usuário
• Fique quieto, não tire dúvidas e não induza o usuário
• Atenção! Deixe claro que quem está sendo testado é o
software, não ele
• Ferramentas: iPhone, Screenflow, Silverback

12. Passo 2
• Sessão de cinema
• Reuna os envolvidos com o design do produto
• Eleja um responsável por anotar
• Rode os vídeos gravados no passo 1
• Objetivo da equipe é identificar os pontos de interrupção que o
usuário tem no decorrer do vídeo
• O responsável anota cada ponto de interrupção num post-it e cola
na parede on-the-fly
• Atenção! Esse não é o momento de discutir como será a solução
(até por que ninguém sabe qual é a solução)
• Ferramentas: Post-its e canetas.

14. Passo 3
• Com todos os post-its na parede é hora
classificar cada ponto de interrupção por
quantidade de valor gerado se for resolvido
• Escolha o número 1 e crie uma hipótese
para solucionar o problema
• Ferramentas: Panel e caneta, Balsamiq,
Axure

16. Passo 4
• Validar a hipótese com 3 usuários
• Itere e melhore o acabamento
• Ferramentas: Panel e caneta, Balsamiq,
Axure, Fireworks, Photoshop

17. Fim do ciclo
• Design não tem fim
• Não existe design que não possa ser
melhorado
• Achar equilíbrio entre custo e valor
entregue

18. Distribuição Online
• Tráfego
• Conversão

19. Tráfego
Convencido “Onde comprar Tylenol?”
Validação “Tylenol Review”
Soluções “Tylenol”, “Advil”
Específicas
Existem “remédio para dor de cabeça”, “como curar dor
Soluções de cabeça”
Problema “dor de cabeça”, “cefaléia”, “enxaqueca”

20. Tráfego
• Levante muitas palavras-chaves do seu
negócio cada degrau da escada da
consciência
• Avalie a concorrência das palavras-chaves
• Crie landing pages
• Ferramentas: Market Samurai, SEOMoz,
AdWords Keyword Tool

26. Conversão
Visitou o site 1000 visitantes
60%
Tour 600 visitantes
80%
Planos e Preços 480 visitantes
30% 50%
Formulário de Cadastro 144 visitantes
50% 240 visitantes
Conversão (trial) 72 visitantes
120 visitantes

28. Como começo a
otimizar meu site?
• Identificar seus funis
• Medir funil
• Crie alternativas
• Ferramentas: GWO, Optimizely,
KISSMetrics

29. “Botão verde aumenta a conversão em 30%”
“Imagem de cartão de crédito faz vender mais”
“Cadeado do lado do botão ‘Cadastrar’ aumenta
em 50% os cadastros”

30. “Botão verde aumenta a conversão em 30%”
“Imagem de cartão de crédito faz vender mais”
“Cadeado do lado do botão ‘Cadastrar’ aumenta
em 50% os cadastros”

31. There is no silver bullet.
(but there are convetions and best practices)

36. “test, improve and do it again faster”

37. Obrigado!
• joao@contaazul.com
• twitter.com/joaozaratine
• facebook.com/zaratine
• linkedin.com/in/zaratine
• slideshare.net/zaratine
• ContaAzul.com

38. Referências Design
• http://corais.org/knowledge
• http://patterntap.com
• http://ui-patterns.com
• http://www.ideo.com/work/ideo-method-card-app/
• http://anderson8d.tumblr.com
• http://faberludens.com.br
• http://www.developer.nokia.com/Design/
Documentation/

39. Ferramentas Testes de Design
• http://silverbackapp.com/
• http://www.telestream.net/screen-flow/
• http://www.crazyegg.com/
• http://verifyapp.com/

40. Referências Métricas e Conversões
• http://500hats.typepad.com/500blogs/
2007/09/startup-metrics.html
• http://www.quora.com/What-are-some-
top-strategies-for-conversion-optimization

41. Ferramentas Métricas
• http://www.kissmetrics.com/
• http://www.google.com/analytics/
• https://mixpanel.com/
• http://www.geckoboard.com/

42. Livros
• Convert! - http://amzn.to/iUscgW
• Crossing the Chasm - http://amzn.to/
O2PHSQ
• 4 Steps to the Epiphany - http://amzn.to/
wzaBsk