Illustrations & Animations for
Citi’s Global Brand Platform

Citigroup — UX animation and fintech design

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

Citigroup — UX animation and fintech design

Commissioned by Publicis North America, I worked on a series of illustrations and animations for Citi’s global CANVAS brand. Together with Felipe and Iria, I created visual assets from scratch for use across Citi’s digital platforms.

What began as a one-off project turned into an ongoing collaboration, resulting in dozens of pieces 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,
Dirk Jan Haarsma
Animation: Dirk Jan Haarsma, Iria Moll Coll

6
canvas

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."

17
5
2
Publicis — creative agency collaboration
3

Social Posts

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 look 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.

More projects

LunarCrush
LunarCrushUI/UX Animations
Waffle Pay
Waffle PayUX Animation
Politico Focus & Ericsson Starting With Women Robinhood Investing Peterson-Milbank 3HP
3HPExplainer
Accelerate
AccelerateExplainer
Feros Care Citigroup CANVAS
Citigroup CANVASUX Animations
Vidello Explainer Mijn Domein
Mijn DomeinAdvertising
G-Star Black Friday Leeuwarden Friesland
Leeuwarden FrieslandBranding and Motion
PLUS Supermarkt
PLUS SupermarktAdvertisement
Adobe
AdobeUX Animation
Play
PlayVarious Work

Need motion design, an explainer video or UI/UX animation for your product? I work with agencies and brands worldwide, remote from Barcelona. Send me a message and I’ll get back to you within a day.

Instagram     Vimeo     YouTube     Dribbble     Behance

© 2026, Dirk Jan Haarsma

Last Updated: 2 September, 2026