Projeto
Inter PJ - Internet Banking Web
Refatoração das telas Web PJ, redesenhando e atualizando a interface para incorporar componentes recém-criados.
Contexto
Refatoração de telas web PJ para atualizar a experiência e incorporar componentes recém-criados.
Entrega
Sistema de página mais previsível para evolução de produto e manutenção conjunta entre design e engenharia.
Focos do trabalho
Resumo executivo do caso
Redesenhei páginas-chave do Internet Banking PJ com a mesma lógica de hierarquia, navegação e comportamento para reduzir ruído entre seções do produto.
A incorporação dos componentes recém-criados diminuiu exceções visuais e criou uma base mais previsível para manutenção conjunta entre design e engenharia.
Além das telas, houve refinamento de paleta e nomenclatura para suportar diferentes contextos de negócio sem perder consistência sistêmica.
Detalhamento do projeto
Narrativa visual e operacional
Evolucao de plataforma
Refatoracao da experiencia Web PJ com base no novo sistema
No Banco Inter, enquanto trabalhava no Design System, tambem liderei a reformulacao das telas Web PJ para incorporar os componentes recem-criados e elevar a consistencia da plataforma.
Eu projetei e implementei esses componentes com principios mais atuais de design, organizando a interface para ficar mais coesa, legivel e pronta para crescer sem retrabalho.
A entrega trouxe uma aparencia renovada e melhor usabilidade para clientes corporativos, ajudando a consolidar uma base visual e operacional mais eficiente para o internet banking.
Escala do sistema
Paleta, nomenclatura e acessibilidade como parte do produto
Tambem contribui para adaptar e refinar a paleta de cores, buscando melhor usabilidade e consistencia em diferentes secoes da plataforma. O sistema comecou pelo modo claro, mas ja preparava a base para o dark mode.
A paleta foi pensada com tons acessiveis para pessoas com deficiencias de visao de cor, preservando contraste e hierarquia nos pontos mais importantes da interface.
Para atender contextos distintos de negocio, definimos uma convencao de nomenclatura flexivel, como adaptar "inter-orange-500" para "inter-pj-500", facilitando a aplicacao correta dos tons por designers e desenvolvedores.
