←Filipe Vieira
Inbazz Creator
Caso de estudo · App mobileCase study · Mobile app

Inbazz Creator

O app dos creators, refeito do zero em React Native em 14 semanas, com o antigo no ar até o novo assumir.The creator app, rebuilt from scratch in React Native in 14 weeks, with the old one live until the new one took over.

PapelRole
Único dev mobile, hoje tech leadSole mobile dev, now tech lead
PeríodoPeriod
2026 — presente2026 — present
Stack
React Native · Expo · TypeScript · React Query
imagem de abertura · app em uso

01 · O contexto01 · Context

A Inbazz conecta marcas a creators. O app é o lado do creator: onde ele acompanha o que publicou, recebe produto das marcas e vê o que ganhou.Inbazz connects brands to creators. The app is the creator's side: where they track what they posted, receive product from brands and see what they earned.

A primeira versão nasceu em FlutterFlow, e essa foi a decisão certa na época: colocou o produto na mão de creators reais em semanas, sem time mobile. O problema apareceu depois, quando o app parou de ser experimento e virou canal principal de trabalho para essas pessoas.The first version was built in FlutterFlow, and that was the right call at the time: it put the product in real creators' hands in weeks, with no mobile team. The problem showed up later, when the app stopped being an experiment and became these people's main work channel.

  • 01Ajuste fino de UX era caro: o que o designer pedia raramente cabia no que a ferramenta permitia.UX polish was expensive: what the designer asked for rarely fit what the tool allowed.
  • 02Integrações novas dependiam de contorno, não de código que o time controlava.New integrations depended on workarounds, not on code the team controlled.
  • 03Bug em produção significava esperar: sem controle real do build, sem correção no mesmo dia.A production bug meant waiting: no real control of the build, no same-day fix.

02 · A decisão02 · The decision

FlutterFlow → React Native
AntesBefore
FlutterFlow
  • Visual builder, lógica presa na ferramentaVisual builder, logic locked in the tool
  • Release só pela lojaReleases only through the stores
  • Componentes difíceis de reaproveitarComponents hard to reuse
  • Sem testes, sem tiposNo tests, no types
DepoisAfter
React Native + Expo
  • TypeScript em todo o appTypeScript across the whole app
  • OTA com Expo Updates: correção no mesmo diaOTA via Expo Updates: same-day fixes
  • Design system interno reaproveitávelReusable internal design system
  • Mais de 150 arquivos de testeMore than 150 test files

Reescrever um app em produção é uma decisão que se defende com número, não com gosto. O argumento foi tempo de entrega: features que levavam semanas passariam a levar dias, e correção urgente chegaria ao creator sem depender de revisão de loja. Não dava para trocar uma tela de FlutterFlow por uma de React Native dentro do mesmo app, então construí o novo inteiro em paralelo e liberei aos poucos.Rewriting a live app is a decision you defend with numbers, not taste. The argument was delivery time: features that took weeks would take days, and urgent fixes would reach creators without waiting on store review. You can't swap a FlutterFlow screen for a React Native one inside the same app, so I built the new one in full, in parallel, and rolled it out gradually.

03 · Os fluxos03 · The flows

tela · publicações

Acompanhar o que publicouTracking what was posted

O creator vê as publicações que a Inbazz capturou nas redes e o status de cada uma. É a prova do trabalho feito, então precisa bater com o que ele postou.Creators see the posts Inbazz captured from their social accounts and the status of each one. It's the proof of the work, so it has to match what they actually posted.

tela · seeding

Receber produtoReceiving product

No seeding a marca envia produto para o creator. O app mostra o que dá para pedir, acompanha cada pedido e deixa cancelar antes do envio.In seeding, the brand sends product to the creator. The app shows what can be requested, tracks each request and allows cancelling before it ships.

tela · carteira

Ver e sacar o que ganhouSeeing and withdrawing earnings

Saldo, movimentações, saque e envio de nota fiscal no mesmo lugar. Foi a tela mais difícil do projeto inteiro.Balance, movements, withdrawals and invoice upload in one place. It was the hardest screen in the whole project.

04 · A parte difícil04 · The hard part

A carteira foi reescrita mais vezes do que qualquer outra tela.The wallet was rewritten more times than any other screen.

Dinheiro de creator não admite meio certo. Refiz a carteira algumas vezes: por erro meu de implementação, por escopo que mudou e porque o financeiro da Inbazz foi migrado no meio do projeto. Algumas regras de negócio só apareceram quando eu já estava codando.A creator's money doesn't allow for mostly right. I redid the wallet several times: because of my own implementation mistakes, because scope changed, and because Inbazz's finance system was migrated mid-project. Some business rules only surfaced after I was already coding.

A regra que ficou: em qualquer coisa financeira, regra de negócio e escopo são validados com produto antes da primeira linha de código.The rule I kept: for anything financial, business rules and scope get validated with product before the first line of code.

05 · Detalhes que ninguém vê05 · Details nobody sees

O antigo no arThe old app stayed live

O app em FlutterFlow seguiu atendendo os creators enquanto o novo era construído. A troca foi gradual, a partir de maio.The FlutterFlow app kept serving creators while the new one was built. The switch was gradual, starting in May.

OTA com homologaçãoOTA with staging

Três canais: desenvolvimento, homologação e produção. Correção sai por OTA no mesmo dia, sem esperar revisão de loja.Three channels: development, staging and production. Fixes ship over the air the same day, without waiting on store review.

Teste de verdadeReal tests

Mais de 150 arquivos de teste. Regra de negócio que muda quebra no teste, não no celular do creator.More than 150 test files. A business rule that changes breaks in a test, not on a creator's phone.

Erro com nomeErrors with a name

Datadog no app: erro e lentidão aparecem num painel antes de virarem reclamação no suporte.Datadog in the app: errors and slowness show up on a dashboard before they turn into support tickets.

06 · O que ficou06 · What remains

O app deixou de ser protótipo e virou produto: tem um dono, um ritmo de entrega e espaço para o próximo dev entrar sem medo.The app stopped being a prototype and became a product: it has an owner, a delivery rhythm, and room for the next dev to step in without fear.

Com o app estável, passei a liderar também o backoffice, no back e no front. O aprendizado que levo: ferramenta no-code não é erro, é etapa. O erro é não perceber a hora de sair dela.With the app stable, I took on the backoffice too, back end and front end. What I took from it: no-code isn't a mistake, it's a stage. The mistake is missing the moment to leave it.

14
semanas do primeiro commit ao lançamentoweeks from first commit to launch
33 mil33k
creators ativos por mêsmonthly active creators
1
dev mobile no projeto inteiromobile dev on the whole project