雲門舞集舞蹈教室生日禮
A campaign world extending the supplied key visual into motion, partner offers and responsive interaction.
Project facts
Cloud Gate Dance School's student birthday campaign connected eight partner brands.
Starting from client-supplied key art and brand assets, we extended the visual world into interaction and responsive frontend production.
Working flow
Every section gives the character a job to do.
- 01 Campaign entry
Members read the birthday offer and eight partner-brand benefits.
- 02 Character direction
Each section calls the Buka Frog pose and movement that matches its content.
- 03 Responsive delivery
Character joins, proportion and reduced-motion support stay intact across devices.
Extending one key visual into an interactive world
The birthday-card language expands into character, scene, motion and page rhythm. Frog micro-motion guides attention while offer content remains easy to scan.
Designed for both pointer and touch
Desktop and mobile use different proportions and interaction patterns. Media loading, character motion, modals and touch behavior were tuned for each context.
The mascot behaves as a flexible design system, not a single animation file.
Eight body directions, ten arm sets and twelve leg sets were combined around joint coordinates to create idle, wave, dance and jump expressions where the page needs them.
Movement is assigned to content, then checked at every size.
Loading, hero, campaign detail and how-to-use sections receive different poses. Delivery also checked seams, scale and reduced-motion behaviour on mobile.
Next case
雅樂身心量覺 →