Meu Mercado: app Flutter estável, analytics com Firebase/GA4 e o próximo passo para apps offline

O Meu Mercado chegou a uma nova fase.

Depois de nascer como uma aplicação web full-stack com React, Express, SQLite e Docker, o projeto evoluiu para um app mobile em Flutter, rodando em iOS e Android, com login, listas de compras, catálogo de produtos, edição de itens, controle de quantidades, instalação em aparelho real e uma base técnica pronta para publicação futura nas lojas.

Agora o foco entra em uma camada que muitas vezes fica esquecida quando se fala em aplicativos: mensuração analítica.

Não basta ter um app funcionando. Para um app virar produto, canal de relacionamento ou ferramenta de negócio, ele precisa responder perguntas:

• quantas pessoas criam conta?

• quantas voltam depois do primeiro uso?

• quantas criam uma lista?

• quantas realmente finalizam uma compra?

• onde o usuário erra ou abandona?

• quais recursos são mais usados?

• quais eventos devem virar conversões?

É aqui que entram Firebase Analytics e Google Analytics 4.

De aplicação web a app Flutter

O primeiro passo do projeto foi documentado no post:

Meu Mercado: construindo uma lista de compras full-stack com React, Express e SQLite

Naquela fase, o objetivo era montar uma aplicação web completa, simples de operar e barata de manter. A stack foi pensada para ser direta:

• frontend em React;

• backend em Express;

• banco SQLite;

• autenticação com JWT;

• deploy em servidor próprio;

• Docker e Nginx para ambiente de produção.

O segundo passo foi transformar esse produto em app:

Meu Mercado Mobile: Flutter para iOS e Android, preparação de publicação e instalação em aparelho real

Essa fase levou o Meu Mercado para Flutter, com foco em Android e iOS. O app passou a ter uma experiência própria, mais adequada ao uso no celular, mantendo integração com a API existente.

O resultado atual é um MVP mobile estável, testado em ambiente real, com:

• app Flutter API-first;

• login e cadastro;

• dashboard de listas;

• criação de listas de compras;

• catálogo gerenciável;

• edição de produtos;

• controle de quantidades;

• finalização de listas;

• tema visual consistente;

• versão instalada em iPhone real;

• APK gerado para testes privados em Android.

Esse é um ponto importante: o projeto saiu da ideia, passou pelo web, chegou ao mobile e já funciona em aparelho real.

O que muda agora: analytics para apps

A próxima etapa dos apps online do Meu Mercado é implementar mensuração analítica via Firebase e GA4.

Isso significa que o app deixa de ser apenas uma interface funcional e passa a ser também uma fonte de inteligência sobre uso real.

Em projetos mobile, isso é essencial porque a experiência dentro do app costuma ser menos visível do que em sites. No site, ferramentas de analytics, pixels e tags já fazem parte da rotina de marketing. Em apps, a história é diferente: sem uma instrumentação correta, muita coisa importante fica invisível.

Por exemplo:

• o usuário abriu o app, mas não criou conta;

• criou conta, mas não criou lista;

• criou lista, mas não colocou itens;

• colocou itens, mas não finalizou a compra;

• tentou logar e recebeu erro;

• usou o catálogo, mas não voltou a criar listas.

Cada uma dessas ações pode virar um evento.

Cada evento pode virar uma leitura.

E algumas dessas leituras podem virar conversões.

Eventos não são apenas números

Um erro comum em analytics é medir qualquer coisa, de qualquer jeito.

No Meu Mercado, a proposta é outra: definir eventos com intenção de negócio.

Alguns exemplos de eventos planejados:

sign_up_success
login_success
dashboard_view
list_create_start
list_create_success
list_open
list_mark_active
list_complete_success
catalog_view
catalog_item_create_success
api_error

sign_up_success
login_success
dashboard_view
list_create_start
list_create_success
list_open
list_mark_active
list_complete_success
catalog_view
catalog_item_create_success
api_error

sign_up_success
login_success
dashboard_view
list_create_start
list_create_success
list_open
list_mark_active
list_complete_success
catalog_view
catalog_item_create_success
api_error

Esses eventos mostram o funil principal do app:

1. usuário cria conta ou faz login;

2. acessa o dashboard;

3. inicia uma nova lista;

4. cria a lista;

5. abre a lista;

6. vai ao mercado;

7. finaliza a compra.

Esse funil é simples, mas muito poderoso. Ele permite enxergar se o app está entregando valor de verdade ou se o usuário para no meio do caminho.

Conversões dentro do app

Nem todo evento é conversão.

No plano de mensuração do Meu Mercado, alguns eventos podem ser marcados como conversões no GA4:

• sign_up_success: usuário criou conta;

• list_create_success: usuário criou uma lista;

• list_mark_active: usuário iniciou a compra;

• list_complete_success: usuário finalizou uma lista;

• catalog_item_create_success: usuário criou um produto no catálogo.

A conversão principal do produto é:

list_complete_success

list_complete_success

list_complete_success

Porque esse é o momento em que o app cumpriu sua promessa: ajudar a pessoa a organizar e concluir uma compra.

Firebase e GA4 como camada de produto

Firebase Analytics e GA4 não entram apenas como "mais uma ferramenta".

Eles entram como uma camada de produto.

Com eles, é possível analisar:

• retenção;

• uso por plataforma;

• conversões;

• eventos de erro;

• funis;

• audiências;

• comportamento por versão do app;

• diferenças entre Android e iOS;

• impacto de melhorias de UX.

Em uma operação real, isso pode orientar backlog, priorização e investimento.

Se uma tela gera muito erro, ela precisa ser revista.

Se muita gente cria conta mas não cria lista, o onboarding precisa melhorar.

Se muita gente cria lista mas não finaliza, talvez falte clareza na ação principal.

Se o catálogo é muito usado, ele vira uma frente de produto.

Privacidade desde o desenho

Uma parte importante desse trabalho é decidir o que não medir.

No Meu Mercado, a proposta é não enviar para o GA4:

• email;

• senha;

• token;

• nome de lista;

• nome de produto;

• texto digitado pelo usuário;

• payload completo de erro.

O objetivo é medir comportamento de uso, não coletar dados pessoais desnecessários.

Eventos podem carregar parâmetros seguros, como:

platform: ios | android
app_version: 1.0.0
item_count: 8
status: draft | active | completed
category: banheiro
reason: invalid_credentials | network_error | server_error

platform: ios | android
app_version: 1.0.0
item_count: 8
status: draft | active | completed
category: banheiro
reason: invalid_credentials | network_error | server_error

platform: ios | android
app_version: 1.0.0
item_count: 8
status: draft | active | completed
category: banheiro
reason: invalid_credentials | network_error | server_error

Esse cuidado é fundamental para qualquer projeto sério de analytics. Boa mensuração não é sinônimo de coleta exagerada. É sinônimo de pergunta bem feita.

O que isso mostra sobre a Ad Rock

Esse projeto também comunica uma evolução importante da Ad Rock Digital Mkt.

A Ad Rock não trabalha apenas com criação de campanhas, sites e conteúdo. O projeto Meu Mercado mostra uma atuação mais ampla, unindo:

• desenvolvimento web;

• backend;

• banco de dados;

• deploy;

• apps Flutter para iOS e Android;

• arquitetura de produto;

• mensuração com GA4;

• eventos e conversões em app;

• documentação técnica;

• visão de negócio.

Em outras palavras: não é só construir a interface. É construir, publicar, medir e aprender.

Para empresas que possuem ou desejam criar aplicativos, essa camada é decisiva. Um app sem analytics fica dependente de opinião. Um app bem instrumentado gera dados para produto, marketing, CRM, suporte e crescimento.

Analytics para apps é uma oportunidade de mercado

Muitas empresas já possuem sites com GA4 configurado, mas ainda tratam seus apps como uma caixa-preta.

Isso cria uma oportunidade clara:

• configurar Firebase corretamente;

• integrar app iOS e Android ao GA4;

• definir eventos com padrão;

• marcar conversões relevantes;

• criar funis;

• montar audiências;

• auditar coleta de dados;

• separar evento técnico de evento de negócio;

• documentar o plano de mensuração;

• acompanhar versões e estabilidade.

Esse tipo de trabalho fica no encontro entre marketing, produto e tecnologia. É exatamente um espaço onde a Ad Rock pode atuar com profundidade.

O futuro: versões offline e locais

Um ponto importante do roadmap do Meu Mercado é que os apps online atuais não serão a única linha do produto.

A ideia para o futuro breve é criar versões 100% offline e locais, sem depender de internet, API, login ou senha.

Essa versão offline deve ser separada do app online atual, porque muda a arquitetura:

• os dados ficam no aparelho;

• o banco passa a ser local;

• o login deixa de ser necessário;

• backup e exportação passam a ser prioridades;

• a experiência precisa funcionar mesmo sem rede.

Isso faz sentido para um app de lista de compras, porque o usuário pode estar dentro do mercado, com sinal ruim ou sem internet.

Mas a decisão técnica é importante: não misturar o app online atual com a futura versão offline. O app online segue com backend, conta e analytics. A versão offline deve nascer como outro produto, com outro ciclo de testes e outra proposta de privacidade.

Por que esse case importa

O Meu Mercado é um projeto pequeno na proposta, mas completo na prática.

Ele passa por várias camadas que aparecem em projetos reais:

• modelagem de dados;

• autenticação;

• API;

• frontend;

• mobile;

• publicação;

• testes em dispositivos reais;

• documentação;

• privacidade;

• analytics;

• roadmap offline.

Esse tipo de projeto ajuda a provar know-how de ponta a ponta.

Não é apenas um layout.

Não é apenas um protótipo.

Não é apenas uma tela bonita.

É um produto funcionando, com caminho técnico para evoluir e com mensuração planejada para orientar decisões.

Como a Ad Rock pode ajudar empresas com apps

A partir desse aprendizado, a Ad Rock pode apoiar empresas em frentes como:

• planejamento de mensuração para apps;

• implementação de Firebase Analytics;

• integração de apps com GA4;

• definição de eventos e conversões;

• auditoria de eventos existentes;

• documentação de taxonomia de eventos;

• revisão de privacidade e dados sensíveis;

• funis de ativação e retenção;

• dashboards e leituras para produto e marketing;

• suporte técnico entre app, backend e analytics.

Isso vale para apps novos e também para apps que já existem, mas ainda não medem corretamente o comportamento do usuário.

Conclusão

O Meu Mercado começou como uma lista de compras.

Virou uma aplicação web.

Depois virou app Flutter para iOS e Android.

Agora entra na fase de analytics com Firebase e GA4.

E, em breve, deve ganhar uma frente offline e local.

Esse caminho resume bem o tipo de projeto que a Ad Rock quer construir: tecnologia aplicada, produto real, mensuração bem pensada e evolução contínua.

Porque no fim, o objetivo não é apenas colocar um app no ar.

É entender como ele é usado, melhorar com base em dados e transformar tecnologia em resultado.