CITIGROUP CANVAS - ILLUSTRATION - GIFS

CITIGROUP CANVAS - ILLUSTRATION - GIFS

Canvas by Citi strives to improve, to evolve, to innovate. To accelerate transformation and develop solutions that will shape the future.

Canvas by Citi strives to improve, to evolve, to innovate. To accelerate transformation and develop solutions that will shape the future.

Canvas by Citi strives to improve, to evolve, to innovate. To accelerate transformation and develop solutions that will shape the future.

Canvas by Citi strives to improve, to evolve, to innovate. To accelerate transformation and develop solutions that will shape the future.

Citigroup-CANVAS-Group-Meeting

Publicis North America asked me to design some illustrations and animations for their client, Citi. Together with Felipe and Iria, we created a series of illustrations and (small/GIF) animations for online usage for their CANVAS brand (Citi), world wide.

Through the year  (and still going), we created many more in the same series. I've made a brief collection to showcase the work here. All from work done from scratch. 

For Burness, Maryland, we created this Animation, Artwork, Logo, Script copywriting and Audio FX. The goal of this animation is to bring attention to the barriers women face in gaining secure rights to land and natural resources, and in benefiting from natural resource investments and related legal and regulatory reforms, as well as showcase proven ways to address these barriers in developing country contexts.

Publicis North America asked me to design some illustrations and animations for their client, Citi. Together with Felipe and Iria, we created a series of illustrations and (small/GIF) animations for online usage for their CANVAS brand (Citi), world wide. 

Through the year  (and still going), we created many more in the same series. I've made a brief collection to showcase the work here. All from work done from scratch. 

Client: Citigroup
Agency: Publicis North America
Art Producer: Michelle Findlay, Publicis North America
Direction: Dirk Jan Haarsma 
Illustration: Felipe Vargas
Animation: Dirk Jan Haarsma, Iria Moll Coll

Client: ARU - Agency: Burness
Producers: Katie Fogleman, Saad Saroufim
Direction: Burness, Dirk Jan Haarsma
Script copywriting: Steven Partington
Design: Felipe Vargas, Dirk Jan Haarsma
Animation: Dirk Jan Haarsma, Iria Moll Coll 
Music and Sound Design: Ronnie van Overveld

Agency: Publicis North America
Client: Citigroup

Art Producer: Michelle Findlay, Publicis North America
Direction: Dirk Jan Haarsma 
Illustration: Felipe Vargas
Animation: Dirk Jan Haarsma, Iria Moll Coll

6
canvas_logo

The Canvas brand purpose is to strive to improve, to evolve, to innovate. To accelerate transformation and develop solutions that will shape the future. Technology plays a key role but ideas that are truly game changing don’t come from technology, they come from people. Real people working together, collaborating, experimenting, reacting to ideas and experiences, challenging conventions and offering their unique perspectives.

The Canvas brand purpose is to strive to improve, to evolve, to innovate. To accelerate transformation and develop solutions that will shape the future. Technology plays a key role but ideas that are truly game changing don’t come from technology, they come from people. Real people working together, collaborating, experimenting, reacting to ideas and experiences, challenging conventions and offering their unique perspectives. 

Using technology as building blocks. Welcome to Canvas. The Beta testing community designed to transform the future of banking.

Using technology as building blocks. Welcome to Canvas. The Beta testing community designed to transform the future of banking.

4
3
16

"Where the next generation of financial products is imagined, designed and tested by you."

"Where the next generation of financial products is imagined, designed and tested by you."

17
5
2
logos-black
3

Social Posts

Social Posts

We also created some Social Video Ads.

We also created some Social Video Ads.
 

3d-pencil

To create a smooth and realistic rotation of the pencil rocket, I have modelled the "2D" rocket pencil in Cinema4D and animated it in 3D while it still should looks like a 2D illustration.

To create a smooth and realistic rotation of the pencil rocket, I have modelled the "2D" rocket pencil in Cinema4D and animated it in 3D while it still should looks like a 2D illustration.

3d-Emitter

With Particular in After Effects I couldn't quite achieve the looks of the rocket smoke I had in mind. With the Cinema4D emitter the smoke movement got more smooth.

With Particular in After Effects I couldn't quite achieve the looks of the rocket smoke I had in mind. With the Cinema4D emitter the smoke movement got more smooth.

Selected projects

Peterson-MilbankExplainer

Waffle PayUX Animation

Robinhood InvestingUX Animation

Showreel2024

AccelerateExplainer

LunarCrush2D to 3D Animation

PLUS Boodschappenpakket3D Animation / TV Commercial

Vibrance App2D Animation / Promo

Mijn DomeinAdvertising

3HPExplainer

Feros CarePromo

Citigroup CANVASUX Animations

AdobeUX Animation

Urban Sunrise 3D3D / Motion Graphics

ThoughtSpotMotion Graphics

Avatar DesignIllustration

PlayVarious Work

2024 © DIRKJAN.CO

DIRKJAN.CO® • Motion Design • Animation • Creative Direction • Art Direction • Graphic Design 2D / 3D • Illustration • TV / Broadcasting Graphics • Blender • Cinema4D →DIRKJAN.CO® • Motion Design • Animation • Creative Direction • Art Direction • Graphic Design 2D / 3D • Illustration • TV / Broadcasting Graphics • Blender • Cinema4D →DIRKJAN.CO® • Motion Design • Animation • Creative Direction • Art Direction • Graphic Design 2D / 3D • Illustration • TV / Broadcasting Graphics • Blender • Cinema4D →