← Andar 2 · Estrutura
PTENES
Cômodo · Produto mobile · 2013–2014

Quanto custa ir até lá? Um app de viagem para carros populares sem computador de bordo em 2013

Um app em que você informa de onde sai, para onde vai e qual é o seu carro, e ele mostra quantos litros vai gastar, quanto vai custar e quanto fica para cada um. A ideia foi minha.

Antes

Viagemquanto esse carro faz por litro?

computador de bordo? só em carro caro

VaquinhaDistância, consumo, preço do litro e quantas pessoas: tudo de cabeça.

sobrou no tanque, faltou no bolso

será que a gasolina dá?

Depois
TheWay: tela de aberturaAbertura
TheWay: origem, destino e rota no mapaTrajeto
TheWay: escolha do carro por modelo e anoCarro
TheWay: litros, valor e divisão por ocupanteCálculo

O único TCC mobile da turma.

Desenvolvido em cerca de 4 meses, aprendendo Android do zero com ajuda de livros.

Publicado no Google Play em 2014.

Com o nome TheWay.

Feito para carros populares.

Sem computador de bordo, com uma tabela própria de consumo de cada modelo.

Apresentado em palestras.

Sobre a experiência de criar e lançar um produto ainda na faculdade.

Meu papel
Ideia do produto, design visual e fluxos (UX/UI), programação front-end no Android, guia de telas e fluxo para a equipe, coordenação com metodologias ágeis
Equipe
Alan Gustavo, Michael Felício e Fábio Pires (o grupo do TCC tinha cinco pessoas; nós três construímos e seguimos com o app)
Período
2013 (TCC) · 2014 (publicação)
Tecnologia
Android nativo em Java, Google Maps e Directions API, banco de dados local
Plataforma
Android, publicado no Google Play
01 · A bagunça

Toda viagem terminava numa vaquinha feita de cabeça

A conta de uma viagem de carro parece simples, mas tem muita incógnita: a distância exata, quanto o carro faz por litro, o preço do combustível e quantas pessoas vão dividir. Sem computador de bordo, o consumo era um palpite.

Para nós, universitários, o erro custava caro. Às vezes o combustível não dava, às vezes sobrava, e o dinheiro que ficava no tanque faltava para outra coisa.

Não existia nada no mercado que resolvesse isso.

02 · A ideia

Um problema que eu mesmo vivia

Quando chegou a hora de escolher o TCC, levei para o grupo um problema que eu mesmo vivia: eu viajava muito e queria dividir as viagens com os amigos de um jeito rápido e justo, só informando o carro e o destino.

O grupo comprou a ideia, e tomamos duas decisões que fugiam do padrão da turma:

  • Fazer para celular. Os outros TCCs eram programas de computador. Nós queríamos algo que coubesse no bolso e que qualquer pessoa pudesse usar.
  • Fazer para Android, porque acreditávamos que o mercado mobile seria o futuro e queríamos aprender a ferramenta.

O cômodo reformado

Um app no bolso, para a conta que antes era feita de cabeça.

03 · Construir aprendendo

Do zero ao app pronto em cerca de 4 meses

Em 2013 quase não havia conteúdo sobre Android no Brasil. Compramos livros, lemos artigos em inglês e aprendemos a desenvolver no Eclipse com a biblioteca do Android, porque o Android Studio ainda não existia.

  1. RotaOrigem e destinodigitados como endereço. O app mostrava a rota, a distância e o tempo da viagem no Google Maps.
  2. CarroO carroescolhido por modelo, ano e potência.
  3. CombustívelGasolina ou etanole o preço do litro.
  4. ResultadoA conta prontao total de litros, o valor da viagem e quanto fica para cada ocupante.
TheWay 2013: abertura com o slogan O caminho para economia
Abertura
TheWay 2013: trajeto de Campinas a São Paulo no mapa
Trajeto
TheWay 2013: seleção do automóvel
Carro
TheWay 2013: litros necessários, valor total e valor por ocupante
Cálculo

As telas de 2013 são uma reconstrução a partir do código e das imagens originais do projeto.

04 · As decisões

Pensado para quem tinha menos recursos

Seleção do carro por modelo e ano
Uma tabela de consumo no lugar do computador de bordoA maioria dos carros não tinha computador de bordo, e quase ninguém sabe de cabeça quanto o seu carro faz por litro. Montamos uma tabela própria com o consumo de gasolina e etanol dos modelos populares mais vendidos no Brasil, como Ka, Palio, Gol, Uno, Sandero e Clio. A pessoa só escolhia o carro.
  • PúblicoComeçar pelos carros populares

    Limitamos a lista aos modelos mais comuns de propósito. O público eram estudantes e famílias com orçamento apertado, não donos de carro de luxo.

  • RealidadePreço do combustível informado pela pessoa

    O preço muda de posto para posto e de semana para semana. Deixar a pessoa digitar o valor que viu na bomba deixava a conta mais próxima da realidade.

  • AcessoFuncionar em qualquer aparelho

    Em 2013, cada celular Android tinha um tamanho de tela diferente. Criamos versões das telas para cerca de 20 combinações de tamanho e densidade, quase sem referências.

  • LinguagemMensagens que falam com a pessoa

    Quando a internet falhava, o app pedia para verificar o sinal e tentar de novo, em vez de mostrar um erro técnico.

05 · Lançar e aprender

“O caminho para economia”

Em 2014, já formados, publicamos o TheWay no Google Play, com o slogan “O caminho para economia”.

O app teve alguns downloads, mas nada expressivo. Olhando para trás, a razão é clara: lançamos sem nenhuma divulgação. Não fizemos campanha, não fomos a eventos, não pensamos em como as pessoas iam descobrir o app. Depois disso, vida pessoal, trabalho e outros projetos tomaram o tempo de todos, e o projeto ficou parado.

Mesmo assim, a experiência rendeu: apresentamos o projeto em palestras em vários eventos sobre as dificuldades e os aprendizados de criar e lançar um produto ainda tão jovens.

06 · A próxima versão, que ficou no papel

GetWay: cores por função e carona compartilhada

Depois do lançamento, desenhei uma nova versão do app, com o nome GetWay, para seguirmos com o projeto. Ela nunca chegou a ser lançada, mas mostra como eu já pensava a evolução de um produto:

  • Uma tela inicial com quatro áreas grandes: Rota, Carro, Combustível e Resultado.
  • Um sistema de cores por função, que acompanhava a pessoa em cada etapa: vermelho para a rota, azul para o carro, roxo para o combustível e laranja para o resultado.
  • Rotas e carros salvos, para não começar do zero a cada viagem.
  • Comparação entre etanol e gasolina, para ajudar a escolher o combustível mais vantajoso.
  • Uma visão de carona compartilhada: amigos no mesmo caminho dividiriam o custo da viagem, inclusive só até o ponto em que cada um descesse. O pedágio também entrava nos planos.

Chegamos a organizar o trabalho em sprints, mas a equipe decidiu concentrar o esforço num novo projeto: a startup EasyMarket.

GetWay: tela inicial com Rota, Carro, Combustível e Resultado
Início
GetWay: rotas
Rota
GetWay: carros
Carro
GetWay: combustível
Combustível
GetWay: resultado com divisão por ocupante
Resultado

Protótipos originais desenhados por mim no Illustrator, para uma versão que não chegou a ser lançada.

07 · O que veio depois

A mesma equipe seguiu junta

Em 2016 começamos o FastMarket, que virou a EasyMarket, a nossa startup de compras de supermercado com entrega.

O que eu aprendi
  • Um bom produto começa num problema que alguém sente de verdade. O meu era a vaquinha da gasolina.
  • Pensar em quem tem menos recursos muda o produto: sem a tabela de carros populares, o app não serviria para quem mais precisava dele.
  • Lançar não é o fim do trabalho. Sem divulgação, um produto bom não chega a ninguém.
  • Prazo e método fazem diferença: no TCC cumprimos tudo porque havia data; sem ela, o projeto parou.