Flux-o
Um app completo de controle financeiro pessoal, sem distrações nem recursos pagos.
Escopo do projeto
Design e desenvolvimento
Plataforma
Mobile e desktop
Equipe
Projeto individual
Duração
4 semanas
A oportunidade
A ideia do Flux-o nasceu de uma frustração pessoal com os apps de controle financeiro atuais: as ferramentas que usamos para cuidar do nosso dinheiro costumam ser complexas demais ou frustrantes.
Paywalls e limites de uso
Recursos essenciais costumam ficar escondidos atrás de assinaturas pagas ou de limites de uso por período.
Modelos mentais rígidos
Quase todos os apps de finanças obrigam o usuário a seguir o mês do calendário
(do dia 1 ao dia 30/31).
Atrito excessivo
A maioria dos apps exige vários cliques e telas só para fazer uma tarefa simples, o que desestimula hábitos de longo prazo.
A visão
O Flux-o foi pensado para eliminar essas barreiras: uma ferramenta que reduz o atrito de registrar gastos e apresenta os dados financeiros numa interface elegante.
Pulso financeiro instantâneo
Uma home simples e com alta densidade de informação, mostrando o total gasto no período e a atividade recente.
Registro com pouco atrito
Uma única sheet que sobe da parte inferior da tela para registrar gastos em segundos.
Estética premium e emotiva
Gradientes vibrantes que transformam o controle de gastos num ritual interativo e prazeroso.
Público-alvo
Pessoas que querem transparência financeira imediata e sem atrito, sem paywalls irritantes.
Escopo do MVP
Design responsivo
Os elementos ficam ao alcance do polegar. As principais sheets de interação sobem da parte inferior, e a barra de navegação vira um dock flutuante na base da tela, permitindo usar o app com uma mão só.
O layout se expande de forma dinâmica. O dock flutuante se transforma numa sidebar de navegação à esquerda, e os gráficos centrais ficam lado a lado com as transações recentes, aproveitando todo o espaço horizontal.
- Vite + React + TypeScript
A stack principal de frontend foi escolhida pelo recarregamento rápido em desenvolvimento, renderização ágil e tipagem completa.
- TailwindCSS & Shadcn/UI
Estilização utility-first e uma base flexível para animações personalizadas, garantindo consistência sem inchar o projeto com arquivos CSS.
- Supabase (Auth, Postgres, and Storage)
Infraestrutura de backend padrão para credenciais seguras, consultas de alto desempenho e armazenamento direto de recibos.
Os resultados
Dashboard adaptável
Mostra as métricas do ciclo salarial ativo, o indicador Weekly Pulse e um gráfico de área interativo em Recharts com gradientes personalizados.
Categorias totalmente personalizáveis
O usuário pode ampliar suas categorias com tags personalizadas, escolhendo entre ícones Phosphor de alta qualidade e cores selecionadas.
Análise detalhada de gastos
A página Insights traz gráficos de comparação semanal, barras de gastos por categoria com cores personalizadas e indicadores instantâneos da “Semana de pico” e do “Dia de maior gasto”.
Configurações flexíveis
Permite ajustar metas de orçamento, trocar a moeda principal, ativar alertas de orçamento estourado e redefinir períodos ativos (incluindo seleção de intervalo de datas personalizado).
Outros cases
EDGE Empower® Pay Tool
Redesenho de uma ferramenta em Excel como plataforma B2B no navegador: análises de diferença salarial e de equidade mais completas
→ O tempo de processamento das análises caiu mais de 90%.
Giro
Uma plataforma que apoia imigrantes com orientação, suporte e comunidade
→ 78% dos entrevistados usariam com frequência o marketplace do app para produtos e serviços.
