Biblioteca de ícones da Mútua
Projeto de iconografia para produtos digitais e comunicação da Mútua.
Projeto de iconografia para produtos digitais e comunicação da Mútua.
área
Design gráfico
Design gráfico
cliente
Mútua
Mútua
introdução
introdução
O desenvolvimento de produtos digitais na Mútua é marcado pelo uso de ícones de bancos gratuitos. Eles garantem agilidade, mas acabam criando um cenário de inconsistência visual e falta de padronização nos produtos digitais da Mútua.
Essa ausência de uma linguagem visual coesa gera insegurança, prejudica a acessibilidade e resulta em solicitações emergenciais de novos ícones por parte dos setores.
Dessa forma, com este projeto, buscamos alcançar consistência, agilidade, escalabilidade e precisão. Uma biblioteca de ícones economiza tempo, ao disponibilizar componentes reutilizáveis, e consolida a marca da Mútua, reforçando sua identidade visual em todos os pontos de contato.
O desenvolvimento de produtos digitais na Mútua é marcado pelo uso de ícones de bancos gratuitos. Eles garantem agilidade, mas acabam criando um cenário de inconsistência visual e falta de padronização nos produtos digitais da Mútua.
Essa ausência de uma linguagem visual coesa gera insegurança, prejudica a acessibilidade e resulta em solicitações emergenciais de novos ícones por parte dos setores.
Dessa forma, com este projeto, buscamos alcançar consistência, agilidade, escalabilidade e precisão. Uma biblioteca de ícones economiza tempo, ao disponibilizar componentes reutilizáveis, e consolida a marca da Mútua, reforçando sua identidade visual em todos os pontos de contato.
auditoria
auditoria
O primeiro passo do projeto foi a realização de uma auditoria de ícones detalhada, concentrada no site e na área do associado.
Para isso, utilizei screenshots e organizei a análise em um quadro no FigJam. Todos os ícones foram avaliados e categorizados em quatro grupos: “possui marca”, “possui apenas ícone”, “possui marca, mas sem ícone” e “não possui identificador”.
Esse processo permitiu identificar as principais necessidades e problemas, servindo como base para as etapas de criação.
O primeiro passo do projeto foi a realização de uma auditoria de ícones detalhada, concentrada no site e na área do associado.
Para isso, utilizei screenshots e organizei a análise em um quadro no FigJam. Todos os ícones foram avaliados e categorizados em quatro grupos: “possui marca”, “possui apenas ícone”, “possui marca, mas sem ícone” e “não possui identificador”.
Esse processo permitiu identificar as principais necessidades e problemas, servindo como base para as etapas de criação.
Criação
Criação
Baseei o estilo nos ícones já existentes para benefícios sociais e reembolsáveis, expandindo essa lógica para criar uma biblioteca completa. Adotei duas versões para cada ícone: sólida e linear, garantindo flexibilidade de uso em diferentes contextos.
Além disso, na construção, todos os ícones foram desenhados em uma prancheta de 24x24px, com área útil de 20x20px. Também utilizei grids quadrados, retangulares e circulares para assegurar harmonia e precisão nos traços.
O resultado final é uma biblioteca padronizada, capaz de atender às demandas atuais e servir de base para as futuras, sem perder a essência visual da Mútua. A ideia é que esta biblioteca seja o primeiro passo na construção de um design system da Mútua.
Baseei o estilo nos ícones já existentes para benefícios sociais e reembolsáveis, expandindo essa lógica para criar uma biblioteca completa. Adotei duas versões para cada ícone: sólida e linear, garantindo flexibilidade de uso em diferentes contextos.
Além disso, na construção, todos os ícones foram desenhados em uma prancheta de 24x24px, com área útil de 20x20px. Também utilizei grids quadrados, retangulares e circulares para assegurar harmonia e precisão nos traços.
O resultado final é uma biblioteca padronizada, capaz de atender às demandas atuais e servir de base para as futuras, sem perder a essência visual da Mútua. A ideia é que esta biblioteca seja o primeiro passo na construção de um design system da Mútua.
