Illustrations & Animations for
Citi’s Global Brand Platform

Illustrations & Animations for Citi’s Global Brand Platform

Citi_Canvas_Cover

An evolving series designed to bring energy and
clarity to Citi CANVAS worldwide.

Citigroup-CANVAS-Group-Meeting

Commissioned by Publicis North America, I helped create a series of illustrations and animations for Citi’s global CANVAS brand. Together with Felipe and Iria, we developed visual assets — from scratch — for use across Citi’s digital platforms. What started as a one-off grew into an ongoing collaboration, with dozens of pieces produced over time. This is a small selection of that work.

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

6
canvas_logo

Canvas is Citi’s innovation platform, built to accelerate transformation and shape the future of banking. While technology plays a key role, real change comes from people: collaborating, experimenting, and challenging conventions. Canvas brings together a community of bold thinkers who use technology as a foundation for new ideas. It’s a space for testing, learning, and reimagining what’s next.

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.

More projects

LunarCrushUI/UX Animations
Waffle PayUX Animation
3HPExplainer
AccelerateExplainer
Citigroup CANVASUX Animations
Mijn DomeinAdvertising
Leeuwarden FrieslandBranding and Motion
PLUS SupermarktAdvertisement
AdobeUX Animation
PlayVarious Work

Great to have you here, feel free to look around. You’ll find all my socials and contact info right here. Have an idea or want to team up on something?
Send me a message, i’m always up for a chat!

© 2025, Dirk Jan Haarsma

Last Updated: 6 October, 2025