Motion design (Beginner) · Designed by John Olamide

FinSynk

A 46-second product film for FinSynk, a business finance platform. It turns scattered invoices, payroll, cards and currencies into one idea: all your finances, perfectly in sync.

Role

Motion Designer (Beginner)

Tools

Figma and Jitter

Length

46 seconds

Format

1920×1080, 16:9

01 Brief

Goal

Explain the product fast

Show what FinSynk does and why it matters in under a minute.

Tone

Bold and rhythmic

Hard cuts, screen flashes and quick counts, timed to the beat.

Ending

One clear next step

Close on the mark and a 14-day free trial button.

02 Story

Act 01

The chaos

“Your money is everywhere.” Alerts, coins and a wall of finance words fill the screen.

Act 02

The turn

“What if it all moved as one?” Two rings lock together and collapse into the FinSynk mark.

Act 03

The product

The dashboard crashes in, then send, balance, swap and cards each get a short beat.

Act 04

The promise

“All your finances. Perfectly in sync.” The mark drops in with the call to action.

03 Storyboard

Each scene was planned in Figma before animating, so the story and the pacing were clear from the start.

Scene 01

Word slams in, screen shake, coin spins past

Scene 03

Rows slide in opposite directions, PAYROLL flashes lime

Scene 05

Hard cut to lime, the screen flashes on the beat

Scene 07

Two rings fly in, lock together and spin in sync

Scene 09

Dashboard crashes up from below, tilted, then settles

Scene 10

Pills fire in one by one on the beat

Scene 12

Screen splits, coin flips on the seam, amount converts

Scene 13

Three cards fan out like a hand

04 Visual language

Void

#07040D RGB:7,4,13

Electric Violet

#7516F8 RGB:117,22,248

Acid Lime

#CEFF0A RGB:206,255,10

Hot Coral

#F04A3A RGB:240,74,58

Bricolage Grotesque carries the loud, heavy statements, while Instrument Serif adds a calmer italic voice. Together they move the film between urgency and control.

05 Key moments

Moment 01

Lime flash, then a fast count

A lime flash resets the eye, and the number counts up quickly so proof lands as a single beat.

Moment 02

Top and bottom halves lock

The two halves slide together on screen, so the idea of being in sync is shown rather than just said.

Moment 03

The film slows down at the end

After all the speed, the mark drops in, the button pops and coins orbit slowly, so the call to action has room to land.

06 Learnings

What I learned

Rhythm carries the message

Cutting to the beat made a complex product feel simple, because each idea got one clear moment.

Next steps

Try shorter cuts

Create 15-second and vertical versions for social, and test which opening holds attention best.

Have an idea worth building?

Whether you're building something new, improving an existing product, or looking for a design partner who thinks beyond the interface, I'd love to hear about it.

© 2026 - Designed & Developed by John Olamide

Create a free website with Framer, the website builder loved by startups, designers and agencies.