Intuit for education
Experiência de educação financeira para estudantes.
O projeto em um minuto
Intuit for Education era um produto de educação financeira desenhado para ajudar estudantes a se relacionar com dinheiro através de uma experiência digital mais acessível e intencional.
O produto foi construído em torno de três módulos conectados: Track para consciência financeira do dia a dia; Plan para metas futuras e intenção financeira; Learn para conhecimento financeiro contextual, entregue no momento certo.
O desafio era fazer com que conceitos financeiros parecessem aprendíveis em vez de sobrecarregantes, enquanto construíamos um sistema de produto flexível o suficiente para suportar temas, estados, modo escuro e uma linguagem rica de ilustração.
Track, Plan e Learn em modo claro e escuro: o sistema do produto precisava suportar múltiplos temas, contextos de ilustração e estados de interface com consistência.
Minha contribuição
Entrei no projeto antes do Design Lead e ajudei a moldar a fundação inicial de UI do produto.
Criei a estrutura inicial do design system, desenhei a maioria das telas e trabalhei diariamente com o Design Lead e o PM revisando fluxos, hierarquia, lógica de produto e decisões voltadas ao cliente.
- Criar a estrutura inicial do design system e fundações de UI reutilizáveis
- Desenhar a maioria das telas do produto entre Track, Plan e Learn
- Traduzir conceitos financeiros em padrões de interface concretos e aprendíveis
- Aplicar direção visual entre temas, estados, módulos e superfícies do produto
- Colaborar com o Design Lead e o PM para refinar hierarquia, lógica de fluxo e decisões voltadas ao cliente
O que tornava complexo
O produto precisava fazer dinheiro parecer claro, útil e aprendível para estudantes.
- Estudantes tinham níveis diferentes de confiança e experiência financeira, então o produto precisava parecer acessível sem trivializar dinheiro.
- O produto precisava conectar três comportamentos distintos: acompanhar dinheiro no dia a dia, planejar metas futuras e aprender conceitos financeiros.
- A pesquisa precisava combinar múltiplas perspectivas: estudantes, coordenadores de curso, stakeholders de auxílio financeiro e expectativas do cliente.
- O design system estava sendo criado enquanto a direção do produto ainda estava evoluindo, então as fundações precisavam ser flexíveis sem ficarem soltas.
Conversas com stakeholders e cliente mapeadas no FigJam ajudaram a esclarecer objetivos, expectativas e o que “educação financeira para estudantes” significava em termos de produto.
Pesquisa e validação de direção
O projeto combinou entrevistas de discovery, conversas com stakeholders e validação de direção visual.
Conversamos com estudantes universitários da Geração Z, coordenadores de curso e stakeholders de auxílio financeiro dentro da universidade para entender desafios financeiros do dia a dia, necessidades de planejamento e confiança em decisões financeiras.
Também usamos o Maze para comparar direções de UI e identificar qual abordagem visual tinha a recepção mais forte com o público-alvo.
A pesquisa e a validação no Maze ajudaram o time a alinhar direção de produto, tom e abordagem visual antes de escalar o sistema de UI.
Como eu abordei
Fundamentar a direção em pesquisa
Começamos com entrevistas e conversas envolvendo estudantes universitários da Geração Z, coordenadores de curso e stakeholders de auxílio financeiro dentro da universidade. Isso ajudou o time a entender o que educação financeira para estudantes significava além da interface: estresse financeiro do dia a dia, necessidades de planejamento, suporte institucional e confiança em decisões financeiras.
Construir a fundação cedo
Criei a estrutura inicial do design system antes do Design Lead entrar — tokens, escalas tipográficas, fundações de cor e componentes reutilizáveis — para que o time tivesse uma base estável para construir.
Explorar e validar direções visuais
Exploramos múltiplas direções de UI e usamos o Maze para entender qual abordagem visual tinha a recepção mais forte com o público-alvo.
Desenhar entre Track, Plan e Learn
Cada módulo tinha uma intenção de usuário e hierarquia de informação diferentes. Desenhei os três mantendo o sistema e a lógica visual consistentes.
Trabalhar em revisão diária a três
Toda manhã, o Design Lead, o PM e eu revisávamos fluxos, discutíamos hierarquia, resolvíamos questões de lógica de produto e alinhávamos decisões voltadas ao cliente.
Decisões-chave de design
Decisões de design que moldaram como o produto comunicava dinheiro, progresso e aprendizado.
01 · Conectar Track, Plan e Learn
Os três módulos não eram produtos separados — precisavam parecer uma única experiência com lógica compartilhada. Track informava Plan. Plan trazia à tona momentos de Learn. Desenhei o tecido conectivo entre eles para que usuários pudessem ir fluidamente do gasto de hoje a uma meta futura a um conceito financeiro relevante.
02 · Transformar metas financeiras em progresso visível
Metas financeiras abstratas são difíceis de agir sobre. Traduzi essas metas em estados visuais de progresso — alvos ativos com acompanhamento de contribuição, linhas do tempo e próximos passos claros — para que usuários sentissem movimento à frente em vez de só ver um número.
03 · Desenhar Track como consciência financeira diária
Track era o ponto de entrada diário. Precisava mostrar o que estava acontecendo hoje sem exigir esforço ou conhecimento financeiro prévio. Desenhei a experiência para trazer à tona detalhamentos de gastos, estados de orçamento e momentos de check-in como informação contextual e ambiente.
04 · Tornar o aprendizado modular
O conteúdo de Learn precisava funcionar como momentos independentes, não só como um curso. Desenhei o módulo como uma camada navegável e contextual para que conceitos financeiros pudessem aparecer quando relevantes à meta ou padrão de gasto de um usuário — não só quando ele navegasse até uma seção dedicada.
05 · Construir um sistema visual flexível com ilustração assistida por IA
O estilo de ilustração ajudou a fazer tópicos financeiros parecerem menos abstratos e mais acessíveis. O desafio era usar visuais ricos sem deixá-los sobrepor a UI do produto. Ajudei a aplicar a linguagem visual entre telas e módulos para que apoiasse clareza, hierarquia e engajamento.
Fluxo Track: modal de check-in e pesquisa de confiança financeira dando ao usuário um momento de reflexão dentro da visão diária de dinheiro. Fluxo Learn: Happy Path e Busca Geral com conteúdo financeiro modular e navegável apresentado em contexto, em vez de isolado numa estrutura de curso.
Linguagem de ilustração assistida por IA
O produto usava um estilo rico de ilustração assistido por IA desenvolvido pelo time de design. Essas ilustrações ajudaram a tornar tópicos financeiros mais acessíveis, emocionais e memoráveis para estudantes, mantendo uma experiência de produto confiável.
Meu trabalho conectou essa linguagem visual à UI do produto, aplicando-a em onboarding, Track, Plan, Learn, metas, cards e momentos de aprendizado.
Ilustrações assistidas por IA ajudaram a transformar conceitos financeiros abstratos em momentos de produto mais acessíveis. Conjuntos de ilustração organizados no Figma por tópico financeiro, cada conjunto pareado com assets de fotografia contextual para módulos de conteúdo.
Fundações do sistema de produto
Criei a estrutura inicial do design system antes do Design Lead entrar — tokens, funções de cor, escalas tipográficas, fundações de componentes e padrões reutilizáveis entre Track, Plan, Learn, Onboarding, Goals e Setup.
O sistema precisava suportar temas claro e escuro, escala de fonte entre diferentes tamanhos de dispositivo, múltiplos contextos de ilustração e uma estrutura de handoff pronta para produto que engenharia pudesse usar com menos ambiguidade.
Tokens e funções de cor no design system para fundos, bordas, estados semânticos e estados interativos nos dois temas. Estrutura de arquivo de UI de produção: páginas Master, Default, Dark Mode e Font Scaling organizadas para handoff e uso do time.
Resultado
- Desenhou a maioria das telas entre Track, Plan e Learn
- Criou a estrutura inicial do design system, incluindo tokens, escala tipográfica, cores e padrões reutilizáveis
- Aplicou a linguagem de ilustração assistida por IA de forma consistente entre superfícies do produto
- Apoiou modo escuro, escala de fonte e flexibilidade de sistema multi-tema
- Usou entrevistas de pesquisa e validação no Maze para informar direção de produto e abordagem visual
- Colaborou diariamente com o Design Lead e o PM para alinhar hierarquia, lógica de fluxo e decisões voltadas ao cliente
Reflexão
Esse projeto me ensinou o quanto trabalho inicial de design system molda tudo que vem depois. Construir fundações estáveis antes da direção de produto estar totalmente definida exigiu decisões de julgamento que se sustentaram através de mudanças significativas.
Trabalhar de perto com um Design Lead numa revisão diária a três com o PM foi uma das estruturas de colaboração mais eficazes que já vivenciei. Cada pessoa era dona de uma parte distinta do problema, e essa clareza tornou possível decisões rápidas e de qualidade mesmo sob ambiguidade.