Client
Duration
Motion Direction · Animation · Templates · Motion Guidelines
League of Legends: Wild Rift Patch Campaign Motion System
Motion systems designed for evolving campaign visuals and fast-paced publishing cycles.
About the project
Overview
Across more than 10 Wild Rift patch campaigns, I worked from approved key visuals and storyboards to develop the motion direction for each release. Once approved, the motion language was extended into reusable assets, templates, and production guidelines for Riot's publishing team and external vendors.
Each patch was completed within approximately two weeks, requiring quick adaptation to a new visual theme while keeping the production workflow clear, consistent, and easy to scale.
Design Process
Core Challenges
Different Visual Themes
Every version required a unique motion language
Tight Timeline
~2 weeks per version
Production-Ready Templates
Assets needed to be reusable, editable, and easy for external vendors to implement.
Design Process
Approach
01 — Read the Visual Language
Identify key elements and rhythm from approved visuals.
02 — Develop the Motion Direction
Translate static visuals into pacing, transitions, and motion behavior.
03 — Refine Through Review
Refine the motion with the Wild Rift team until approval.
04 — Build & Extend
Scale the approved direction into reusable templates and assets.
05 — Document & Deliver
Prepare production files and Motion Guides for external vendors.
Design Process
Template System
Each version includes a complete set of motion templates designed for different content scenarios.
Transition
Smooth and fast scene switching across gameplay and content segments
Title Card
Introduces chapters and thematic moments
End Card
Supports promotional and closing content
Lower Thirds / Name Card
Displays character and contextual information
Abilities & Combo Info Cards
Used for gameplay explanation and breakdown
VERSION CASE STUDY
Patch 4A - Bright Heights
The static visual language of Bright Heights was built around radiant light, symmetry, and kaleidoscopic structures.
I translated these elements into motion through expanding forms, layered color refraction, and rhythmic light bursts, creating a motion language that remained recognizable across different asset types.
VERSION CASE STUDY
Patch 7.1 - Flat Out
Flat Out brings racing energy into the Wild Rift visual language through speed, competition, and high-impact graphic elements.
The motion direction focused on acceleration, rapid transitions, and directional movement, translating the sense of racing into a flexible system for different publishing assets.
DISCOVER MORE
