Role
Motion Designer
Company
Bitget Wallet
Timeline
2026
Platforms
Web, Social
Tools
After Effects, Figma, Ableton

The brief

Bitget Wallet added Predictions to its app. A way to call what happens next, from sport to markets. It needed a launch film with real energy.

The ideaTake the app apart. Rebuild it as motion.

The approach

Predict.

The app interface, taken apart and rebuilt in Figma.

Animated in After Effects. Sound made in Ableton.

The product is the story.

The workThe app, rebuilt as film.

Campaign film

The product at the centre. Finance, tech, culture and sport around it.

Predictions campaign film

My partDesign, motion and sound.

  • Breaking down the app interface
  • Rebuilding every screen in Figma
  • Animation in After Effects
  • Sound design in Ableton

OutcomeTwo films. Over a million impressions.

2

Videos

1M+

Impressions

Design system · joeytadiar.com

Colour

Colour.

Palette balanced 60 · 20 · 15 · 5 · background, container, text, accent.

60%

Background

#F4F5F8

20%

Container

#FFFFFF

15%

Text

#182131

5%

Accent

#FF383A

Secondary #5B6472
Rule #DDE1E8
Dark #10161F

Typography.

Satoshi for display and body. JetBrains Mono for labels and metadata.

Display

Satoshi Medium · 500

clamp 48–96

The quick brown fox jumps over the lazy dog

Body

Satoshi Regular · 400

18px

The quick brown fox jumps over the lazy dog

0123456789

Labels

JetBrains Mono · 500

13px · 0.08em

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG

Components.

Core UI patterns, tool pills, corner radii and the spacing scale.

Buttons & status

Get in touch See my work About me OPEN TO CREATIVE OPPORTUNITIES

Radius & spacing

16
24
pill
4
8
16
24
32
48

Pills · default

  • Claude
  • Figma
  • Premiere Pro
  • Cursor
  • ChatGPT

Pills · hover

  • Claude
  • Figma
  • Premiere Pro
  • Cursor
  • ChatGPT