Motion UI/UX & Visual Information Systems
DEX Ecosystem: Translating Complex Data Networks into a Premium Brand Motion System.
Motion design is more than aesthetics—it’s an informational hierarchy. Beyond traditional animation, I design visual frameworks, custom callouts, and data overlays that help audiences process complex ideas effortlessly.Whether building clean, distraction-free graphics for high-density information or developing creative, narrative-driven UI for abstract concepts, I approach video graphics through a user-experience lens: balancing clarity, context, and visual craft.
Category 1: Minimal & Systematic (Data Density & Clarity)
Overview:
- Graphics in this space are designed to deliver information in the most efficient way possible while staying strictly on-brand. When dealing with dense data, technical breakdowns, or live-action footage, the goal is maximum legibility with zero friction.
- Before animating a single element, I build a holistic visual system—defining grid structures, typographic scales, spatial placement, and functional entry/exit motions.
Key UX Considerations:
- Contextual Placement: Using both 2D flat layouts and 3D track-mounted overlays that lock seamlessly into the video plate.
- Controlled Motion: Employing restrained easing and deliberate timing so on-screen graphics guide the viewer's eye without distracting from the primary narrative.
- Scalable Frameworks: Designing modular typographic and callout systems that can easily adapt across different aspect ratios and video durations.
Overview:
- Graphics in this space are designed to deliver information in the most efficient way possible while staying strictly on-brand. When dealing with dense data, technical breakdowns, or live-action footage, the goal is maximum legibility with zero friction.
- Before animating a single element, I build a holistic visual system—defining grid structures, typographic scales, spatial placement, and functional entry/exit motions.
Key UX Considerations:
- Contextual Placement: Using both 2D flat layouts and 3D track-mounted overlays that lock seamlessly into the video plate.
- Controlled Motion: Employing restrained easing and deliberate timing so on-screen graphics guide the viewer's eye without distracting from the primary narrative.
- Scalable Frameworks: Designing modular typographic and callout systems that can easily adapt across different aspect ratios and video durations.
Category 2: Creative & Expressive (Engagement & Conceptual UI)
Overview:
- Abstract topics and long-form content often require more than simple text on screen—they need a bridge. In this category, information design becomes a narrative tool, using creative UI treatments to ease audiences into complex subjects without overwhelming them.
- The focus here is finding the precise sweet spot between visual playfulness and absolute readability, ensuring the aesthetic serves the content rather than masking it.
Key UX Considerations:
- Visual Metaphors: Translating abstract concepts or backend software architecture into intuitive, tactile 3D elements and interactive-style UI.
- Narrative Integration: Crafting motion behaviors that match the mood, sound design, and pacing of the overarching story.
- Readability First: Maintaining contrast, comfortable visual dwell times, and clear graphic entry points even within highly stylized, complex visual environments.
