UX/UI DESIGN / TRABALHO DE CONCLUSÃO DE CURSO · EBAC
ITAÚ.
Estudo de fluxos bancários em mobile, desktop e relógio.
Trabalho de conclusão do curso de UX/UI Design da EBAC. O projeto explora quatro necessidades financeiras na mesma experiência: usar o Pix com crédito, receber pagamentos, acompanhar gastos e encontrar benefícios.
TRABALHO DE CONCLUSÃO DE CURSO / EBAC PROPOSTA ACADÊMICA INDEPENDENTE
01 / CONTEXTO E PAPEL
O desafio: organizar quatro necessidades financeiras.
Desenvolvi este projeto como trabalho de conclusão do curso de UX/UI Design da EBAC, explorando novas possibilidades para a experiência digital do Itaú.
O estudo partiu de pesquisa documental e de hipóteses sobre necessidades financeiras: realizar uma viagem, começar um negócio e organizar a vida da família.
Minha atuação reuniu pesquisa exploratória, síntese de necessidades e desenho das interfaces. A apresentação conecta matriz CSD, benchmark, personas e mapa de empatia às propostas para mobile, desktop e relógio.
CONTEXTO
Trabalho de conclusão de curso UX/UI Design · EBAC
ATUAÇÃO
Pesquisa exploratória e UX/UI
FERRAMENTAS
Figma, Photoshop e ChatGPT na pesquisa
ENTREGA
Interfaces e fluxos em três formatos
MINHA CONTRIBUIÇÃO
Organizei quatro necessidades financeiras em fluxos com etapas e estados próprios. O estudo reúne pesquisa documental, interfaces em três formatos e uma avaliação inicial com cinco participantes.
02 / DA PESQUISA À DIREÇÃO
Pesquisa exploratória para definir as frentes do estudo.
O processo usou o Double Diamond para abrir possibilidades e depois organizar propostas de solução.
A desk research explorou reclamações, serviços financeiros e referências de outros bancos. O ChatGPT apoiou o direcionamento da busca. A matriz CSD separou certezas, suposições e dúvidas; as personas e o mapa de empatia sintetizaram cenários de uso.
Para apresentar o raciocínio com mais clareza, as necessidades do estudo estão conectadas abaixo às quatro frentes desenhadas.
01 / PAGAR
Mais opções no Pix
Explorar o cartão de crédito como alternativa ao saldo em conta.
02 / RECEBER
Apoiar quem empreende
Propor recebimento por aproximação no próprio dispositivo.
03 / PLANEJAR
Entender os gastos
Reunir categorias, períodos e metas em uma visão financeira.
04 / APROVEITAR
Encontrar os benefícios
Dar visibilidade ao saldo de pontos e às opções de uso.
Pesquisa exploratória: as personas representam hipóteses de projeto. O material não documenta entrevistas que validem esses perfis.
03 / DECISÕES E INTERFACES
Quatro fluxos a partir da mesma home.
A EXPERIÊNCIA COMEÇA AQUI
Atalhos para pagar, receber, planejar e consultar pontos.
Saldo e atalhos abrem a experiência. Recebimentos e planejamento ganham entradas próprias, aproximando cada serviço do objetivo de quem usa.
Da entrada no Pix à confirmação, a sequência organiza a escolha de pagamento, o valor e o destino da transferência.
Saldo e cartão aparecem na mesma etapa para explicitar a alternativa de crédito. Custos e condições ainda precisam ser desenvolvidos.
FLUXO MOBILE / 6 ETAPASTOQUE PARA AMPLIAR ↗
01 · Encontrar o Pix↗02 · Escolher o pagamento↗03 · Informar o valor↗04 · Definir o destino↗05 · Escolher as parcelas↗06 · Confirmar o envio↗
Pix no crédito · Desktop↗
NO PULSOPix no crédito · Relógio↗
A mesma proposta em uma superfície compacta.
02 / ITAÚPAY
ItaúPay: cobrança, processamento e confirmação da venda.
O valor inicia a cobrança. A escolha do meio de pagamento leva à aproximação do cartão e à confirmação da compra.
Instrução, processamento e aprovação têm estados distintos. O envio do comprovante encerra a sequência.
DA COBRANÇA À APROVAÇÃOINTERFACES ORIGINAIS ↗
01 · Valor da venda↗02 · Crédito ou débito↗03 · Aproximar o cartão↗04 · Compra aprovada↗
Explorar processamento e comprovante +
Aguardar o processamento↗Enviar o comprovante↗
ItaúPay · Desktop↗
NO PULSOItaúPay · Relógio↗
A mesma proposta em uma superfície compacta.
03 / CONTROLE DE GASTOS
Gastos por período, categoria e meta de economia.
Movimentação por período, distribuição por categoria e meta de economia compõem três níveis de leitura.
O gráfico mostra o movimento. As categorias explicam a composição. A meta conecta o acompanhamento ao planejamento.
Controle de gastos · Mobile↗
Controle de gastos · Desktop↗
01 / MOVIMENTAÇÃO02 / CATEGORIAS03 / META
Controle de gastos · Relógio↗
LEITURA COMPACTA
O panorama também no pulso.
A adaptação reúne gráfico, categorias e meta. Os números são exemplos do protótipo.
04 / PROGRAMA DE PONTOS
Saldo de pontos e opções de resgate.
O saldo abre a experiência. Viagens, cashback e troca de pontos aparecem como caminhos de uso, junto do plano ativo.
O azul cria uma área visual própria para os benefícios. Valores e conversões pertencem ao estudo.
Programa de pontos · Mobile↗
Programa de pontos · Desktop↗
SALDO VISÍVELCAMINHOS DE RESGATEPLANO ATIVO
Programa de pontos · Relógio↗
BENEFÍCIOS À MÃO
Da consulta às possibilidades.
A versão de relógio explora a mesma hierarquia: saldo, opções de uso e plano.
Uma lógica, diferentes formatos. O estudo adapta os fluxos para celular, desktop e relógio. As telas demonstram a proposta visual; implementação e compatibilidade de hardware dependem de avaliação técnica.
04 / TESTE DE USABILIDADE
Teste com cinco participantes: tarefas e dificuldade relatada.
A apresentação relata um teste no protótipo com 5 pessoas, entre 20 e 35 anos, e quatro tarefas.
As tarefas exploraram Pix no crédito, recebimento com ItaúPay, programa de pontos e controle de gastos. A dificuldade foi registrada em uma escala de 1, muito fácil, a 5, muito difícil.
O relato descreve conclusão sem dificuldades relevantes. As médias abaixo reproduzem a apresentação original.
PIX NO CRÉDITO2/5
Dificuldade média relatada
ITAÚPAY1/5
Dificuldade média relatada
PONTOS1/5
Dificuldade média relatada
GASTOS1/5
Dificuldade média relatada
É um sinal inicial de compreensão do protótipo. A amostra é pequena e o PDF não apresenta respostas individuais, tempos ou registros de erros. Os resultados não permitem concluir impacto no uso real do banco.
Ver o registro original do teste ↗Registro original: participantes, tarefas e síntese do teste ↗ AMPLIAR
05 / ENTREGA E APRENDIZADOS
Quatro fluxos prototipados e uma primeira avaliação de uso.
O resultado é um conjunto de fluxos e interfaces que conecta quatro necessidades à experiência bancária.
As decisões se concentram em hierarquia e feedback: atalhos na home, escolha do meio de pagamento, estados de processamento e confirmação e leitura de gastos por período. O teste relatado oferece um primeiro sinal de compreensão dessas tarefas.
Uma próxima rodada deveria investigar a compreensão do custo do Pix no crédito, os estados de falha no recebimento, a leitura dos gráficos e a clareza das regras de pontos. Também seria importante incluir diferentes idades e níveis de familiaridade digital.
O resultado deste TCC é o protótipo e sua avaliação inicial. Vendas, fidelização e economia permanecem objetivos de produto, sem impacto comercial medido.
Apresentação de origem
O material original permanece disponível no Behance.
