Meu Mercado Mobile: apps Flutter para iOS e Android

Recentemente publiquei aqui no blog da Ad Rock o primeiro artigo sobre a arquitetura do projeto Meu Mercado:

👉 https://adrock.com.br/blog/meu-mercado-react-express-sqlite-docker

Naquele post, o foco principal era mostrar a estrutura técnica do sistema web:

• React

• Node.js

• Express

• SQLite

• JWT

• Docker

• deploy em produção

• catálogo de produtos

• listas de compras

• organização mobile-first

Agora o projeto entra em uma nova fase.

Os aplicativos mobile do Meu Mercado para iOS e Android estão prontos e preparados para publicação nas lojas.

E honestamente, essa evolução acabou se tornando um dos projetos mais interessantes que desenvolvi recentemente.

A identidade visual do app

Outro ponto importante foi separar completamente a identidade do produto da identidade da Ad Rock.

A Ad Rock aparece como:

• produtora

• desenvolvedora

• responsável técnica

Mas o app precisava ter vida própria.

Foi aí que nasceu oficialmente a identidade do:

Meu Mercado

O conceito visual foi construído com foco em:

• sacola

• checklist

• organização

• simplicidade

• ergonomia

• visual amigável

• clareza mobile-first

A identidade usa:

• gradientes suaves

• verde/turquesa

• azul marinho

• alto contraste

• elementos minimalistas

A paleta oficial ficou:

• #2ECC71

• #00BFA5

• #0D1B2A

• #E6E9EF

• #FFFFFF

O objetivo era criar um visual que transmitisse:

• facilidade

• rapidez

• clareza

• leveza

• uso diário

Tudo pensado para funcionar muito bem principalmente em telas pequenas.

O projeto deixou de ser apenas um estudo

Inicialmente o Meu Mercado nasceu como um estudo técnico para arquitetura full stack moderna.

Mas conforme o desenvolvimento avançou, ele começou a evoluir para algo maior.

Hoje o projeto já possui:

• backend estruturado

• autenticação JWT

• banco SQLite

• API organizada

• frontend React

• versão mobile

• Docker

• organização de listas

• categorização de produtos

• persistência de dados

• estrutura preparada para deploy

• identidade visual própria

E isso muda completamente o peso do projeto.

Porque deixa de ser apenas uma prova de conceito.

Passa a ser um produto real.

O desenvolvimento mobile

A versão mobile foi construída respeitando a mesma filosofia do sistema web:

• simplicidade operacional

• velocidade

• ergonomia

• poucos cliques

• organização intuitiva

O foco nunca foi criar um app “carregado”.

A ideia era exatamente o contrário.

Abrir rapidamente.
Adicionar produtos.
Organizar listas.
Usar durante compras reais.

Tudo com experiência simples e objetiva.

O ícone do aplicativo

O ícone do app foi desenhado seguindo exatamente essa linha visual.

Elementos utilizados:

• sacola de compras

• checklist

• gradientes modernos

• contraste forte

• leitura fácil em tamanhos pequenos

O resultado ficou extremamente consistente com a identidade do projeto.

Principalmente pensando em:

• App Store

• Google Play

• atalhos mobile

• telas AMOLED

• visual moderno em Android e iOS

  

Separação entre produto e empresa

Esse talvez tenha sido um dos pontos mais importantes do projeto.

Muita gente desenvolve produtos e mistura completamente:

• marca da software house

• identidade do sistema

• branding do produto

No Meu Mercado fiz exatamente o contrário.

A Ad Rock continua como:

• empresa responsável

• desenvolvimento

• arquitetura

• infraestrutura

• operação técnica

Mas o Meu Mercado funciona como um produto independente.

Isso permite:

• expansão futura

• branding próprio

• crescimento separado

• posicionamento específico

• possível publicação comercial

Arquitetura moderna aplicada na prática

Uma das coisas que mais gostei nesse projeto foi conseguir integrar vários conceitos modernos em um único sistema:

• React

• Node.js

• Express

• SQLite

• Docker

• JWT

• mobile-first

• APIs organizadas

• estrutura escalável

• design system próprio

Tudo isso mantendo:

• simplicidade operacional

• baixo custo

• facilidade de deploy

• facilidade de manutenção

O aprendizado real desses projetos

Esse tipo de projeto acaba sendo extremamente valioso porque ele força decisões reais de arquitetura.

Você precisa pensar em:

• estrutura de banco

• autenticação

• UX

• mobile

• APIs

• performance

• deploy

• organização visual

• identidade do produto

E isso gera um aprendizado muito mais próximo do mundo real do que apenas criar exemplos isolados.

Próximos passos

Agora a próxima etapa é preparar:

• publicação nas lojas

• ajustes finais de produção

• refinamentos de UX

• melhorias operacionais

• possíveis integrações futuras

A base principal do projeto já está pronta.

E honestamente, ver um projeto sair de:

“vou estudar isso aqui”

para:

“isso virou um produto completo”

é uma das partes mais legais do desenvolvimento de software.

Considerações finais

O Meu Mercado acabou se tornando uma mistura muito interessante entre:

• estudo técnico

• arquitetura moderna

• design de produto

• mobile-first

• branding

• experiência de usuário

• engenharia de software

E provavelmente ainda vai evoluir bastante daqui para frente.

Porque agora ele já deixou de ser apenas um experimento técnico.

Virou oficialmente um produto.