Design systemsPesquisaEducação financeira

Intuit for Education

Um produto de educação financeira para universitários. Construí o design system antes de a direção do produto estar definida e conduzi a pesquisa que orientou qual direção visual o time levou adiante.

CONTEXTO

As fundações vieram antes das respostas

O Intuit for Education queria ajudar universitários a se relacionar com o dinheiro por meio de três módulos conectados: Track, para a consciência do dia a dia; Plan, para metas futuras; e Learn, para conceitos financeiros apresentados no contexto.

Entrei antes do Design Lead, o que significou construir o sistema enquanto o produto ainda decidia o que era. Tokens, funções de cor, escalas tipográficas, temas claro e escuro, escalonamento de fonte: fundações para um produto cuja direção, tom e identidade visual ainda estavam em aberto.

Essa foi a restrição sobre a qual o projeto inteiro rodou. Um sistema amarrado demais a uma direção indefinida quebra no momento em que a direção muda. Solto demais, ele deixa de ser um sistema.

Meu papel·Product Designer·Design system e pesquisa, ao lado de um Design Lead
ColaboraçãoDesign Lead, PM e stakeholders da Intuit
Decisões

Construindo um sistema para um produto que ainda decidia o que era

Problema: O time precisava de uma base estável para desenhar, mas todas as questões visuais e de tom que essa base normalmente responderia ainda estavam em aberto. Esperar significava desenhar telas sem sistema; se comprometer cedo significava cravar uma direção que ainda não tinha sido escolhida.

Proposta: Construí a camada que não depende da resposta: tokens e funções de cor em vez de cores, escalas tipográficas em vez de escolhas de fonte, estrutura de tema e de escalonamento de fonte em vez de um tema. As decisões em aberto continuaram em aberto, como valores que o sistema podia receber.

Argumento: O papel de um design system num projeto indefinido não é decidir, é segurar o formato da decisão até ela ser tomada. Foi isso que permitiu ao produto absorver, meses depois, uma direção visual que ele não tinha escolhido, sem reconstruir nada.

Pesquisa

A direção que o time esperava que vencesse não venceu

Entrevistamos universitários da Geração Z, coordenadores de curso e equipes de auxílio financeiro para entender o estresse do dia a dia com dinheiro e as necessidades de planejamento. Depois, em vez de discutir a direção visual internamente, testamos. Vários designers produziram direções diferentes, e eu conduzi a comparação no Maze: escrevi o roteiro, fiz um piloto do próprio roteiro para checar se as pessoas entendiam o que estava sendo perguntado, rodei o estudo, analisei e apresentei os resultados internamente.

  • Qual direção conquista os estudantes

    Pergunta

    Quatro direções visuais, do brutalista ao calmo e silencioso, testadas na fronteira entre confiança institucional e autenticidade estudantil.

    Teste

    Teste de desejabilidade não moderado no Maze com universitários de 18 a 20 anos.

    O que mudou

    A opção ousada soou “falsa”. A direção mais calma venceu, descrita como “simples” e “tranquila”.

  • Se o próprio estudo era confiável

    Pergunta

    Os participantes leriam as perguntas do jeito que pretendíamos?

    Teste

    Fiz um piloto do roteiro antes de rodar o estudo.

    O que mudou

    Redação corrigida primeiro, para que o resultado medisse a direção e não a forma de perguntar.

  • Como o produto se saiu no uso

    Pergunta

    Se os fluxos se sustentavam quando a UI já existia.

    Teste

    Testes de usabilidade no Maze, com roteiro, execução e análise feitos internamente.

    O que mudou

    Descobertas levadas de volta para os fluxos e apresentadas ao time.

A direção mudou depois de escolhida. Uma nova identidade de marca chegou de outra parte do programa. Mais dois designers entraram para o visual e o motion; eu fiquei com os fluxos e a UI. As fundações absorveram a mudança sem precisar ser reconstruídas.

Resultado

Um sistema que sobreviveu a uma direção que não escolheu

O escopo de design foi entregue por completo e passado para a engenharia. Uma mudança tardia na direção da marca foi absorvida pelas fundações existentes, sem recomeçá-las.

  • Fundações de design system construídas antes de a direção estar definida: tokens, funções de cor, escalas tipográficas, temas claro e escuro, escalonamento de fonte
  • A maior parte das telas do produto em Track, Plan e Learn, desenhadas sobre esse sistema
  • Uma direção visual escolhida por evidências do público-alvo, e não por preferência interna
  • Uma estrutura de arquivos de produção (master, default, dark mode, font scaling) organizada para o handoff com a engenharia
Reflexão

O que levo deste projeto

O trabalho inicial de design system decide quanto vai custar mudar depois.

Construir fundações antes de a direção estar definida exige escolhas que você ainda não consegue validar, e o teste dessas escolhas só chega quando a direção muda.

Vamos construir produtos digitais melhores.

Me envie um e-mail