renata acioli

Illustration · Animation · Explainer

10 tips,zero voice-over

An illustrated tutorial for bB Wallet, Banco do Brasil's digital wallet: ten tips on opening and using the account, told entirely through picture, type and timing — no narration to lean on.

Client
Banco do Brasil
Role
Illustration & Animation
Script
Written by the client team
Length
3'07" · 10 tips
Illustrated character with an afro holding a pink phone, tip 01 of the bB Wallet tutorial
bB_wallet_10_superdicas.mp4 · 03:07 · loop

The system

One character,
ten color worlds.

Each tip gets its own palette and staging, so viewers always know when a new one starts — a visual page-turn that replaces the narrator's "next tip".

Opening card reading “10 superdicas para abrir sua carteira bB” — 10 top tips for opening your bB Wallet
Opening
Tip 01: opening hours, character with a phone at night
Tip 01 · opening hours
Tip 02: filling in personal data on the app screen
Tip 02 · your data
Tip 04: documents on the table, character choosing one
Tip 04 · documents
Tip 06: character with weak signal icon next to the phone
Tip 06 · connection
Tip 07: selfie framing shown inside the phone screen
Tip 07 · the selfie
Tip 08: three phone cases in different colors
Tip 08 · your device
Tip 10: character at home thinking of her password
Tip 10 · your password

← drag to browse the tips →

Process

Drawing a tutorial
that has to explain itself.

01

Illustrating the cast

The script arrived written; the world didn't exist yet. I illustrated the character and her universe from scratch — her afro, her hoop earrings, her rooms, her phones — so the audience would see someone recognizable using the wallet, not an abstract UI.

02

Texture against flatness

Flat vector on a three-minute video gets sterile fast. Grain and brush texture on skin, hair, fabric and backgrounds give the frames warmth and depth — the detail your eye keeps discovering while the information sinks in.

03

Animating for clarity

Every movement carries meaning: a hand tilts the phone, a number snaps into place, a color sweeps across to end one tip and open the next. Motion is the punctuation of a video that can't say "and now, tip five".

04

The silent constraint

No voice-over over three minutes is the real challenge: the image has to hold attention alone. I worked it with pacing — short beats, big numbers, palette changes as chapter marks — so nothing feels long, even when it is.

Outcome

It went live —
and stayed there.

The tutorial was published on Banco do Brasil's YouTube channel and website, and stayed in rotation for the entire lifetime of the product — the go-to explainer for anyone opening a bB Wallet account.

“Eu amei a ilustração. O vídeo ficou ótimo! Parabéns ao time.”

“I loved the illustration. The video turned out great! Congratulations to the team.”

Client feedback · Banco do Brasil
Illustration & Animation
Renata Acioli
Script
Client team
Product
bB Wallet · Banco do Brasil (discontinued)
Tools
Illustrator · After Effects

Need something explained without saying a word?

Let's talk → More work Next: Ourocard Stories →