GoodBike
2019 — 2020
Cliente
GoodBike
Idealizador
Marcos Mazzaron
Duração
14 meses
Período
2019 — 2020
Serviços
UX Design, UI Design, Design de Dashboard, Prototipagem
Ferramentas
Adobe XD, Photoshop, Axure RP
Resumo
App e painel administrativo de um bike-sharing com parceria corporativa para São Paulo, desenhados enquanto o modelo de negócio ainda estava sendo negociado.
O modelo não era só alugar bicicleta por corrida. A empresa parceira põe crédito na carteira do funcionário para incentivar saúde e deslocamento limpo, e o crédito também pode entrar pelo próprio ciclista — os dois caminhos terminam na mesma carteira, e é por isso que ela, e não o mapa, é a tela onde o modelo de negócio aparece. Na primeira geração o app ainda contava calorias, que era o enquadramento de saúde que sustentava a conversa com as empresas.
Iniciativa de Marcos Mazzaron, ex-presidente da Federação Paulista de Ciclismo e diretor técnico da Confederação Brasileira de Ciclismo. Entrei no projeto por uma prestadora que atendia a GoodBike e desenhei as duas pontas, o app e o admin. O produto chegou a virar código e foi descontinuado antes do lançamento.
Desafio
Desenhar um produto
cujo modelo ainda mudava
Um sistema com duas faces: app de ciclista e um admin de operação com 9 módulos, tudo especificado num PDF de junho de 2019
Três modais previstos na primeira geração — bike, e-bike e patinete — dividindo a mesma home
A carteira é o ponto onde a parceria com empresas encosta no usuário final: o crédito entra pelo ciclista ou pela empresa parceira, e a mesma tela tem que servir aos dois
Duas moedas convivendo no mesmo app, dinheiro e pontos de fidelidade, cada uma com extrato próprio — e calorias como enquadramento de saúde
O modelo de negócio mudou durante o projeto: franquia não existe no PDF de especificação e abre o menu do admin de abril de 2020
Processo
Ato 1: o escopo especificado
em junho de 2019
A primeira geração saiu em Photoshop e Axure, sobre a especificação de junho. É o produto que o contrato descrevia: três modais, duas moedas, ponto de retirada como lista plana e assinatura vendida por categoria. Cada tela daqui reaparece no ato seguinte, na mesma ordem — e é a diferença entre as duas que conta o que aconteceu com o negócio.
Solução
Ato 2: o escopo renegociado
em abril de 2020
Dez meses depois, as mesmas oito telas em Adobe XD. Sobrou um modal, a bike. Os pontos de fidelidade sumiram e a viagem passou a ser cobrada em real. O ponto de retirada virou uma hierarquia de franquia, ambiente e bike, com contrato por condomínio, e a assinatura deixou de ser vendida por categoria para ser vendida por prazo. Nenhuma dessas palavras — franquia, ambiente, contrato — está no PDF de junho.
A carteira é onde a mudança fica mais nítida: em 2019 ela transferia dinheiro, pagava conta e fazia recarga de celular; em 2020 sobram adicionar valor, extrato e reembolso. Deixou de ser meio de pagamento para virar o funil por onde o crédito entra — do ciclista ou da empresa parceira.
Entrega
Duas pontas desenhadas
e nenhum número de operação
O projeto foi descontinuado antes do lançamento, depois de validação de viabilidade com stakeholders e parceiros de negócio. Não houve usuário, não houve operação e não há métrica de resultado — nem de adesão, nem de retenção, nem de receita. Os quatro números abaixo contam escopo, e cada um deles é conferível nos arquivos-fonte.
42
Telas entre app e admin, na geração de 2020
231
Interações prototipadas nos dois arquivos
9
Módulos de admin na especificação de 2019
14
Meses entre a especificação e o último arquivo
Paleta
Cores do produto
Não há seção de Design System aqui porque não há design system: os dois arquivos declaram zero componentes. O que existe é uma paleta curta — magenta na marca e nas superfícies, verde na ação — e uma barra de nível de quatro degraus que sai do oliva escuro e termina no mesmo verde. Os valores abaixo foram lidos do arquivo-fonte, não amostrados da imagem.
Magenta
Principal#860154
Verde
Ação e nível#46A200
Oliva escuro
Nível, base#344402
Oliva
Nível, 2º degrau#405800
Lições Aprendidas
O que o projeto
nos ensinou
Quando o modelo de negócio muda, a interface muda inteira: ponto de retirada virou franquia, fidelidade virou plano e a carteira trocou de função — nenhuma dessas é uma decisão de tela
O crédito que pode entrar por dois lados, ciclista e empresa, transforma a carteira de tela de saldo em ponto de contato do modelo — foi ela, e não o mapa, que exigiu mais desenho
Guardar a geração anterior é o que torna a mudança demonstrável: sem as telas de 2019 não haveria com o que comparar as de 2020, e o case não teria argumento
Quer ver mais projetos?
Explore outros cases do portfolio ou entre em contato para discutir o seu próximo projeto.
Ver todos os cases