Motion
Ilustração
Craft
UI
Motion
Ilustração
Craft
UI
Sistema de Ilustrações
Sistema de Ilustrações
App financeiro
App financeiro
*Alguns elementos foram adaptados para preservar a confidencialidade da marca original.
As ilustrações desempenham um papel crucial em qualquer produto digital, onde a comunicação visual precisa equilibrar funcionalidade, clareza e identidade.
No final de 2024, com a expansão de um banco digital para novos mercados, fui responsável por criar um sistema de ilustrações para apps, capaz de se adaptar à identidade de cada marca sem perder a coerência visual e garantindo escalabilidade.
As ilustrações desempenham um papel crucial em qualquer produto digital, onde a comunicação visual precisa equilibrar funcionalidade, clareza e identidade.
No final de 2024, com a expansão de um banco digital para novos mercados, fui responsável por criar um sistema de ilustrações para apps, capaz de se adaptar à identidade de cada marca sem perder a coerência visual e garantindo escalabilidade.
Nesse projeto, estabeleci uma identidade baseada em perspectiva, tornando a experiência mais tangível e segura para o usuário. As malhas quadriculadas foram incorporadas como um elemento visual que reforça ordem e precisão.
Nesse projeto, estabeleci uma identidade baseada em perspectiva, tornando a experiência mais tangível e segura para o usuário. As malhas quadriculadas foram incorporadas como um elemento visual que reforça ordem e precisão.
Multi-brand
Multi-brand
Necessitava-se que tudo fosse pensado de forma adaptável, considerando um sistema multi-brand. Ou seja, usando a mesma base das ilustrações, pensei em formas de adaptá-las conforme cada identidade visual, conversando com os estilos e cores das interfaces.
Necessitava-se que tudo fosse pensado de forma adaptável, considerando um sistema multi-brand. Ou seja, usando a mesma base das ilustrações, pensei em formas de adaptá-las conforme cada identidade visual, conversando com os estilos e cores das interfaces.
A construção
A construção
Para padronizar a construção dos elementos, a estrutura das ilustrações foi definida a partir de um grid quadriculado. Além disso, foram utilizadas formas simples, que garantem legibilidade e clareza visual em diferentes escalas.
Para padronizar a construção dos elementos, a estrutura das ilustrações foi definida a partir de um grid quadriculado. Além disso, foram utilizadas formas simples, que garantem legibilidade e clareza visual em diferentes escalas.
Motion
Dando vida as ilustrações
Dando vida as ilustrações
A animação vai além do aspecto visual, o movimento ajuda a comunicar mensagens de forma mais clara e envolvente.
Para tornar a experiência digital mais intuitiva, agradável e memorável, utilizei o After Effects na criação das animações. Já para transformar as animações em código, usei o LottieFiles. Busquei explorar movimentos suaves e efeitos que simulam o 3D, criando a sensação de profundidade nos elementos.
A animação vai além do aspecto visual, o movimento ajuda a comunicar mensagens de forma mais clara e envolvente.
Para tornar a experiência digital mais intuitiva, agradável e memorável, utilizei o After Effects na criação das animações. Já para transformar as animações em código, usei o LottieFiles. Busquei explorar movimentos suaves e efeitos que simulam o 3D, criando a sensação de profundidade nos elementos.
Créditos
Créditos
Ilustrador, motion designer e diretor de arte
Eduardo Shiroshita
Agradecimentos
Agradecimentos
Time de design
Ana Beatriz Gomes • Ana Carolina Guerra • Ana Carolina Fanhoni • Eduardo Shiroshita • Evandro Cruz • Felipe Augusto Gonçalves • João Paulo Almeida • Isabella Rovani • Luana Tavares • Pedro Emerenciano
Gerenciamento, coordenação
NataLlia Baptistel • Evelyn Zagarese • Larissa Lopes • Daniel Conceição
Obrigado por acompanhar!
Fico feliz que você tenha chegado até aqui.
Se curtiu esse projeto, tem outros por aqui que talvez também te interessem.
Mais projetos
Obrigado por acompanhar!
Fico feliz que você tenha chegado até aqui.
Se curtiu esse projeto, tem outros por aqui que talvez também te interessem.
Mais projetos