Contexto e objetivo
O desafio era organizar um volume grande de informações sem tornar a consulta difícil. Durante uma negociação, a pessoa responsável precisa localizar o aluno, compreender os dados disponíveis e acessar os detalhes relevantes.
O briefing com os sócios ajudou a esclarecer o propósito do produto: facilitar o acesso à educação com apoio da tecnologia. A interface precisava ser prática e visualmente simples, seguindo a preferência do cliente por flat design.
Pesquisa e organização da informação
Pesquisei o setor, soluções concorrentes e informações de fontes secundárias sobre o contexto educacional. O perfil de referência descrito no projeto foi o de um diretor financeiro de uma instituição de ensino, responsável por analisar informações e apoiar decisões sobre bolsas.
Organizei os dados por assunto e defini níveis de destaque. A composição em blocos permitiu separar informações de conta, renda, saldo e movimentações. Essa estrutura foi escolhida para facilitar a consulta e dar previsibilidade à leitura do dashboard.
Localização e seleção dos alunos
Na listagem de alunos, priorizei a busca direta por nome ou CPF e os filtros laterais. Esses recursos permitem partir de uma pesquisa específica ou refinar um conjunto de registros.
O nome do aluno e o indicador de confiabilidade recebem destaque visual, enquanto os demais dados complementam a leitura. A hierarquia ajuda a distinguir o registro principal das informações de apoio.
Leitura do dashboard e apoio à negociação
O dashboard reúne dados do aluno e de familiares disponíveis na integração. Ao selecionar uma conta, cartão ou familiar, as informações exibidas acompanham essa escolha. Um atalho de contato permite continuar a conversa pelo WhatsApp.
O bloco de desconto inteligente apresenta a recomendação calculada pelo produto. Gráfico e badge trabalham juntos para tornar o resultado identificável, sem exigir que o usuário percorra todos os dados antes de encontrá-lo.
Último salário e saldo atual recebem maior destaque. Os históricos de transações, salários e saldos permitem aprofundar a análise; a diferenciação visual de entradas e saídas apoia a leitura das movimentações.
Interface e entrega
O trabalho foi desenvolvido no Figma, com apoio de FigJam e ClickUp. A construção dos componentes partiu da identidade visual existente e considerou o UI kit do Tailwind utilizado como referência no projeto.
Também adaptei as telas para dimensões menores e apresentei as interfaces ao cliente para validação antes da entrega.