Overview:
This project explores the design and execution of intro and outro motion graphics for NX.CTL, with a focus on testing the fidelity of UI transitions. Each animation is approached as a looped sequence, blending glitch-inspired visuals and text elements to reinforce platform identity while maintaining clarity and usability. The work investigates how motion graphics can elevate the experience of entering and exiting a digital environment, setting both tone and expectation for NX.CTL.
​​​​
​
​
​​
As the motion designer, the initial phase was to establish the visual and kinetic language for NX.CTL's intro and outro sequences. This involved translating the platform's core themes and nature—into a practical set of design principles and animation guidelines. Through the visual fidelity for sound and motion behavior, these transitions would not only embody the platform's aesthetic but also function effectively as responsive UI elements,
my role:
This project explores the design and execution of intro and outro motion graphics for NX.CTL, with a focus on testing the fidelity of UI transitions. Each animation is approached as a looped sequence, blending glitch-inspired visuals and text elements to reinforce platform identity while maintaining clarity and usability. The work investigates how motion graphics can elevate the experience of entering and exiting a digital environment, setting both tone and expectation for NX.CTL.
​​​​
​
​
​​
As the motion designer, the initial phase was to establish the visual and kinetic language for NX.CTL's intro and outro sequences. This involved translating the platform's core themes and nature—into a practical set of design principles and animation guidelines. Through the visual fidelity for sound and motion behavior, these transitions would not only embody the platform's aesthetic but also function effectively as responsive UI elements,
my role:
Overview:
apr 24', la
personal experiment.
as motion designer,
fictional UI transitions for web interface
| NX.ctl UI
06
output 1 :
intro + oUTRO
​
​
iNTRO
Technique
MOTION
GRAPHICS
GENERATIVE
design
UI
system
Intro | parts
complex VISUAL SYSTEM 1
[Reactive chirps]
​
using instances of boolean shapes to visualize multiple audio channels pulled from sound data
original inspo from @supermarketsallad​
Adobe After Effects
editing, layering, and synchronization
Illustrator Layers
TouchDesigner layers
sound effects design
​
Software
output 2 :
additional layouts
Stay Tuned for more
OUTRO | parts
OUTRO
Process
​
​
​​​​
Adobe Illustrator
​
Main compositions,
Detailed Vectors
​​​
​
TouchDesigner
​
generative visual systems direct audio modulation
​​
​
complex VISUAL SYSTEM II
[conway's game of life]
​
generated sequence using simple algorithmic rules, pushing glsl shader on top of pixeled noise.
original inspo from @ScottAllenvis​