Pular para o conteúdo
App & Dashboard Design

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

01

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

02

Três modais previstos na primeira geração — bike, e-bike e patinete — dividindo a mesma home

03

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

04

Duas moedas convivendo no mesmo app, dinheiro e pontos de fidelidade, cada uma com extrato próprio — e calorias como enquadramento de saúde

05

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.

Junho de 2019: o app abre com a marca sobre foto de rua.
A home de 2019 roda sobre São Paulo de verdade e oferece três modais: bike, e-bike e patinete.
O menu de 2019 abre com duas moedas — dinheiro e pontos de fidelidade — e conta calorias.
A carteira de 2019 transfere dinheiro, paga conta e faz recarga de celular.
Pontos de fidelidade têm extrato próprio: 10 km de viagem valem 200 pontos.
O dashboard de 2019 mede quilômetros, assinaturas e o total de pontos de fidelidade.
Os pontos de retirada são uma lista plana, com permanência e rentabilidade medidas ponto a ponto.
Dois planos nomeados por categoria: Básico a $49 e Platina a $69 por mês.

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.

Abril de 2020: a entrada vira formulário, com acesso por Microsoft, Facebook e Google.
A home de 2020 tem um só modal, a bike, e o mapa é placeholder de Montreal — a operação prevista era São Paulo.
O menu de 2020 troca pontos e calorias por Carteira, Promoções e Planos.
A carteira deixa de mover dinheiro: sobram adicionar valor, extrato e reembolso.
A viagem finalizada não rende mais pontos: ela cobra R$ 5,35.
No dashboard de 2020 o total de pontos de fidelidade dá lugar ao total de franquias; o gráfico de corridas era placeholder no arquivo original.
Os pontos de retirada viram hierarquia: franquia, depois ambiente, depois cada bike.
Os planos passam a ser por prazo — mensal, semanal e avulso — com adesão e desistência medidas em cada um.

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

Vamos conversar?

Senior Product Designer · UX/UI + IA e Automação · Brasil

© 2026 Thiago Ferrari. Todos os direitos reservados.

São Paulo, BRDisponível para projetos