BetterTogether

O BetterTogether reúne os pequenos registros do dia a dia em um desafio compartilhado: marcar um hábito, adicionar as calorias de uma refeição, registrar um exercício e voltar para ver o que mudou. Trabalhei na estratégia de produto, no UX/UI e na implementação em Flutter.

O app dá a cada pessoa uma visão diária e mantém visível o percurso da dupla. O trabalho de design se concentra na relação entre uma ação, o resultado registrado e o progresso que a interface mostra em seguida.

A faixa de datas muda, ao mesmo tempo, os registros de hábitos e os totais de calorias do dashboard. A pessoa pode voltar a um dia anterior, ver os registros daquele dia e adicionar um registro de ingestão ou de exercício na data selecionada.

Os hábitos têm uma tela própria e focada, com seletor de data e controles de conclusão. Um toque atualiza o estado na hora; se der erro ao salvar, o app volta ao estado anterior e explica que o registro não pôde ser salvo.

A pessoa digita a ingestão e o exercício manualmente em um painel numérico. A calculadora relaciona visualmente esses registros à meta diária configurada, usando um anel, um resultado com sinal e orientações contextuais.

Uma segunda visão da calculadora explica os termos por trás do que aparece na tela: metabolismo, ingestão, exercício e meta. A cor diferencia o progresso, a meta atingida e a meta ultrapassada. A pessoa pode conferir a conta no mesmo componente em que vê o resultado.

A sequência conjunta tem uma regra específica: cada participante precisa concluir pelo menos um hábito e registrar ingestão ou exercício no mesmo dia. A interface mostra a sequência atual, a maior sequência e se o dia de hoje já conta.

Um carrossel horizontal deixa o desafio, a contagem regressiva e a revelação bloqueada ao alcance. As recompensas criam marcos ao longo do percurso compartilhado. Quando a revelação final fica disponível, ela passa para um espaço maior, com uma retrospectiva do desafio.

O sistema visual implementado usa fundos neutros, laranja quente, tipografia arredondada e textura granulada. Os temas claro e escuro mantêm a mesma hierarquia no dashboard, nos painéis numéricos e nas telas de progresso. A resposta ao toque, os números que mudam e as transições de página ligam os estados.

As configurações do desafio também deixam explícita a visibilidade dos dados: privados ou compartilhados entre os participantes. Quem cria o desafio controla essa configuração, e a pessoa convidada a herda. Meu trabalho liga essas decisões de interface ao app em Flutter e aos registros no Supabase.