IDL - Itaú Design System

IDL - Itaú Design System

IDL - Itaú Design System

Description

O Design System do Itaú é uma iniciativa multi-marca criada pelo Itaú para escalar e organizar os padrões visuais da nossa Interface do Usuário nos canais digitais do banco.

Através de um ecossistema de bibliotecas que abrange tudo, desde o design até o código front-end, que pode ser reutilizado e adaptado para qualquer canal ou segmento do banco, criamos um repositório de elementos gráficos essenciais e padronizados para uso em nossos diversos canais digitais. Isso inclui tokens, componentes, composições, modelos agnósticos e adaptáveis, tipografia, ilustrações, ícones, gráficos de movimento, diretrizes de conteúdo e diretrizes de acessibilidade (a11y).

Description

O Design System do Itaú é uma iniciativa multi-marca criada pelo Itaú para escalar e organizar os padrões visuais da nossa Interface do Usuário nos canais digitais do banco.

Através de um ecossistema de bibliotecas que abrange tudo, desde o design até o código front-end, que pode ser reutilizado e adaptado para qualquer canal ou segmento do banco, criamos um repositório de elementos gráficos essenciais e padronizados para uso em nossos diversos canais digitais. Isso inclui tokens, componentes, composições, modelos agnósticos e adaptáveis, tipografia, ilustrações, ícones, gráficos de movimento, diretrizes de conteúdo e diretrizes de acessibilidade (a11y).

Description

O Design System do Itaú é uma iniciativa multi-marca criada pelo Itaú para escalar e organizar os padrões visuais da nossa Interface do Usuário nos canais digitais do banco.

Através de um ecossistema de bibliotecas que abrange tudo, desde o design até o código front-end, que pode ser reutilizado e adaptado para qualquer canal ou segmento do banco, criamos um repositório de elementos gráficos essenciais e padronizados para uso em nossos diversos canais digitais. Isso inclui tokens, componentes, composições, modelos agnósticos e adaptáveis, tipografia, ilustrações, ícones, gráficos de movimento, diretrizes de conteúdo e diretrizes de acessibilidade (a11y).

Client

Itaú Unibanco

Year

2020

Type

Design System

Client

Itaú Unibanco

Year

2020

Type

Design System

Client

Itaú Unibanco

Year

2020

Type

Design System

PRINCIPAIS RESPONSABILIDADES

Upon my arrival at the design system e ops team, I was responsible for the design tool migration process impacting the way more than 100 designers currently work at Itaú bank.

- maintain and develop design libraries in collaboration with the engineers.

- act as the focal point for component use and interface guidelines

- build components and their good practices documentation

- measure the use of components

- study and define design tokens

- train team members to use and apply DS (onboarding)

- define the process of design system contribution

BIBLIOTECAS

Confira algumas prévias das bibliotecas de design mantidas.

Confira algumas prévias das bibliotecas de design mantidas.

Resumo das regras e melhores práticas de componentes

Estilos: Como aplicar, Regras e como usar

IMPACTO

  • +22 Brands served

  • +460 Designers benefited

  • 4 Stacks served

  • +5k Front-end devs benefited

  • 67 Components available with +2k variations

  • 329 Icons

  • +500 Illustrations

  • +6k Product Managers benefited

Prêmios

IF Design Award 2018

Brazilian Design Awards - Silver - 2023

Contact

Questions or design projects? Let's collaborate! I'm here to listen and collaborate to craft design solutions that will shape the world.

Get in touch:

LinkedIn

Behance

vperussi7@gmail.com