Skip to content
refs
REF-0182Source onlineBlueprint rev 01

A streak badge blooms into a reward screen

A silent, single-shot mobile achievement animation turns a tiny badge into a radiant milestone and shareable UI.

Maker @OnethirdesignerOriginal post ↗
Cut timeline · 1 shots00:07
00:0000:0100:0200:0300:0400:0500:06

Field notes / why it works

The blank phone gains a badge by 0.25 seconds, rays by 0.50 and a confetti burst by 0.75, giving the silent clip an immediate visual payoff. The count resolves to the achievement around 1.50 seconds and the share control settles by 2.25; the remaining 4.6 seconds let viewers inspect the finished interface without a cut.

01

Plate 01 / The format in one breath

A static phone mockup becomes a tiny celebration: a badge appears, radial light and confetti expand, a milestone count resolves, and a share control settles in. The remaining seconds hold the completed screen long enough to inspect it. The promise is visual, arriving as the reward graphic by 0:00.50 and as a readable achievement by about 0:01.50.

Why it works

  • A blank, nearly white phone at 0:00 becomes a warm orange reward screen within 0.50 seconds, making the transformation immediately legible.
  • The badge, rays and confetti layer in sequence from 0:00.25 to 0:01.00, creating a payoff without a cut or narration.
  • The count resolves to a four-week milestone around 0:01.50; the dark share button appears by 0:02.00, so the held end state shows a complete product moment.
02

Plate 02 / Format card

Platform · aspect · lengthX post · 778 × 720, about 1.08:1 · 6.88 s · 57.24 fps measured
Pace1 continuous shot · 0 cuts/min · 6.88 s shot; layered motion concentrated in the first ~2.25 s
ScriptNo spoken words; short in-app achievement headline and one supporting line
VoiceNone
On screen100% designed motion graphic: centered phone on warm gray field
CaptionsNone; the text is part of the app interface
SoundNo audio track, music or sound effects
StructureBlank screen → badge and burst → count and message → share control → held end state

Pro / 13 plates + recipe

The first plates are open. The full dissection is Pro.

Get the timed shots, type and sound specs, and the runnable recipe.

Open the full blueprint
  1. Plate 03 / The hook, frame by frame (first 2.75 seconds)Pro
  2. Plate 04 / Structure (beat sheet)Pro
  3. Plate 05 / Shot grammarPro
  4. Plate 06 / Visual style guidePro
  5. Plate 07 / Voice and deliveryPro
  6. Plate 08 / Sound designPro
  7. Plate 09 / PackagingPro
  8. Plate 10 / Script templatePro
  9. Plate 11 / Production planPro
  10. Plate 12 / PromptsPro
  11. Plate 13 / Edit recipePro
  12. Plate 14 / QA checklistPro
  13. Plate 15 / Make it yoursPro
  14. Recipe / runnable promptPro