nosso+

O nosso+ nasceu da evolução de um projeto de curso sobre a conexão Figma + Cursor, que começou como uma dashboard financeira genérica: saldo, receitas, despesas, extrato. Um produto correto, mas sem ponto de vista.

Ao revisar o resultado, o ponto de vista apareceu: e se esse dinheiro não fosse de uma pessoa só, mas de um casal construindo algo junto? A partir daí, reformulei o produto em torno de metas compartilhadas (reserva de emergência, cozinha nova, viagem, carro novo) em vez de tratar o casal como um detalhe de "membros da família" dentro de uma dashboard pessoal.

A primeira mudança foi de tom: menos "sistema de gestão", mais "vocês dois, no mesmo objetivo". Isso significou reescrever toda a copy para soar mais próxima e menos corporativa, remover os elementos de UI escura que passavam uma atmosfera fria e, o mais importante, inverter a hierarquia visual do dashboard. Os cards de total, receita e despesa deixaram de ser o centro da tela; as caixinhas de metas assumiram esse lugar.

A segunda camada de refinamento veio de duas referências que sigo de perto em design: Stripe e Airbnb. Usei os dois como parâmetro para revisar colunas, containers e espaçamento do dashboard inteiro: largura de leitura consistente entre telas, respiro vertical generoso, nada esticado de ponta a ponta em telas largas. A mesma contenção elegante que gosto nesses produtos, aplicada aqui num contexto bem mais informal.

Na segunda versão da landing, troquei todas as fotos. Agora é o mesmo casal do começo ao fim: no hero, planejando na mesa da sala, na varanda, no sofá depois da meta batida e na cozinha nova da chamada final. A landing deixa de ser uma coleção de imagens de banco e vira uma história com começo, meio e conquista.

A direção de arte foi feita com apoio de IA, com uma regra fixa: luz natural, tons neutros e casa de verdade, sem cenário de comercial de banco. Sobre cada foto entra um pedaço do produto (progresso da meta, aporte do mês, meta atingida), para que a emoção sempre venha acompanhada de um dado.

A seção "Feito para a vida a dois" resume o método em três palavras: juntos, claro, real. No centro, em vez de um mockup genérico, está a tela final do fluxo que desenhei para o app: a Cozinha Nova de volta ao ritmo, com a divisão entre Ana e Bruno e o ritmo combinado do mês.

É um detalhe pequeno, mas que fecha a coerência entre marketing e produto: o que a landing promete é exatamente o que o app entrega. Veja o fluxo completo no case do app.

As dúvidas frequentes foram escritas com respostas diretas, inclusive sobre o que o nosso+ não é. Os dois precisam ter conta desde o primeiro dia? Não. O produto lê a conta bancária automaticamente? A resposta aparece sem rodeio. Serve para namoro recente? Serve para metas complexas, como quitar dívida? Cada pergunta é uma objeção real, respondida no tom do resto da página.

Discutindo Atomic Design com o mesmo rigor crítico que aplico a qualquer decisão de produto, optei por não seguir a taxonomia literal de átomos, moléculas e organismos. Na prática, ela cria mais fricção do que clareza num time pequeno. Em vez disso, organizei os componentes por domínio (dashboard, modais, layout) e apliquei uma regra simples para decidir o que vira componente compartilhado: tudo que se repete em três ou mais lugares vai para uma camada única de primitivos.

Foi assim que Avatar, Badge e EmptyState nasceram, extraídos de seis, dois e sete pontos de duplicação reais no código, respectivamente. E como o objetivo é que design e código nunca percam sincronia, montei os três também no Figma, com as mesmas variantes e os mesmos tokens de cor usados no código, as mesmas variáveis que já alimentavam o componente de botão do design system.