https://skye-x.com Skye X Wed, 22 Apr 2026 11:14:33 +0000 https://skye-x.com en https://skye-x.com/home Wed, 08 Mar 2023 23:10:29 +0000 Skye X https://skye-x.com/home + reel Selected work in motion design, FUI, real-time graphics, and interactive media. https://skye-x.com/AWS-re-Invent-2019-Conference Wed, 22 Apr 2026 11:02:57 +0000 Skye X https://skye-x.com/AWS-re-Invent-2019-Conference AWS—re:Invent 2019 Conference Working with Inverted Chaos and Mercy Brothers for AWS and Zed Ink, I created animations for the AWS re:Invent 2019 conference in Las Vegas. The project consisted of five lyrical music videos spanning seven screens across the length of a football field. I worked on two of the five pieces, building and animating physics simulations, particle systems, and procedural 3D assets in Cinema 4D, and compositing and splitting the final output for delivery to the multi-screen array. https://skye-x.com/Microsoft-Hackathon-2020 Wed, 22 Apr 2026 11:14:33 +0000 Skye X https://skye-x.com/Microsoft-Hackathon-2020 Microsoft—Hackathon 2020 Working with Inverted Chaos and Mercy Brothers for Microsoft and Zed Ink, I created animation for a two-stage video campaign informing Microsoft employees about the upcoming Hackathon. I built and animated a procedural topographic map system placed onto a compass face, along with the cartographic linework in the video intro. https://skye-x.com/SophiaVerse-UI-UX Thu, 01 Aug 2024 18:05:52 +0000 Skye X https://skye-x.com/SophiaVerse-UI-UX SophiaVerse—UI System Design &amp; Animation As the Motion Graphics Artist and UI Lead for SophiaVerse, I designed and animated a complete UI system for a first-person 3D adventure game from scratch, including icons, menus, buttons, character customization, diegetic interfaces, and gameplay systems. Together with VP of UX Brendan Ma and overseen by Lead Game Designer Eloh, I built and shipped hundreds of assets for the game developers to implement in Unity. I worked with Eloh to design the functionality and interaction of every UI system, from logging in and character creation to puzzle designs, dialogue and crafting systems, and resource management. I also championed accessibility standards across the project, improving text readability, contrast ratios, and non-color-dependent UI differentiation. Many of these systems are complex and take significant time to implement in-engine, so to showcase them in teasers and trailers and provide guidelines for the developers on how they should look and feel, I animated and composited user flows and interactions in After Effects over gameplay footage. The trailer below shows many of these systems in context. <img width="4320" height="4320" width_o="4320" height_o="4320" data-src="https://freight.cargo.site/t/original/i/aeb01001f8e90d996ea8747b65cede0ac375df4374e2531c0dfc647cc06fef99/STYLE-GUIDE.png" data-mid="215673763" border="0" src="https://freight.cargo.site/w/1000/i/aeb01001f8e90d996ea8747b65cede0ac375df4374e2531c0dfc647cc06fef99/STYLE-GUIDE.png" /> <img width="7680" height="4320" width_o="7680" height_o="4320" data-src="https://freight.cargo.site/t/original/i/3aa3b7b68a54227ce2d57684d5c6c9cf120bacad01e0d9bdaffa40a8b7f98245/COMPONENT-LIBRARY.png" data-mid="215673757" border="0" src="https://freight.cargo.site/w/1000/i/3aa3b7b68a54227ce2d57684d5c6c9cf120bacad01e0d9bdaffa40a8b7f98245/COMPONENT-LIBRARY.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/940f48686856e8101d68d3950f24eda627aa0484cc318f572dbff1975e9ba3d3/Persona-System-Layout.png" data-mid="215673760" border="0" src="https://freight.cargo.site/w/1000/i/940f48686856e8101d68d3950f24eda627aa0484cc318f572dbff1975e9ba3d3/Persona-System-Layout.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/53178fccc352d2713f19a664741dfcc71963a2e5d47c011a15d365a6066800b1/Dialogue-Challenge-System-Mockup.png" data-mid="215673758" border="0" src="https://freight.cargo.site/w/1000/i/53178fccc352d2713f19a664741dfcc71963a2e5d47c011a15d365a6066800b1/Dialogue-Challenge-System-Mockup.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/0688b54f361789c44c3566b100fdac2e84721f535ef5168b43957d4723766fe0/Holopad-Analysis.png" data-mid="215673759" border="0" src="https://freight.cargo.site/w/1000/i/0688b54f361789c44c3566b100fdac2e84721f535ef5168b43957d4723766fe0/Holopad-Analysis.png" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/c7f095acc9c8317fccc3b149eee1dfff42ce4a95c1eb98a2105c88b1496e5f01/Psycraft-Icons.png" data-mid="215673761" border="0" src="https://freight.cargo.site/w/1000/i/c7f095acc9c8317fccc3b149eee1dfff42ce4a95c1eb98a2105c88b1496e5f01/Psycraft-Icons.png" /> https://skye-x.com/Marathon-BTC-2022 Wed, 23 Aug 2023 22:59:57 +0000 Skye X https://skye-x.com/Marathon-BTC-2022 Marathon—BTC Miami 2022 Working with Inverted Chaos, we created this colorful, neon-inspired animation for Marathon Digital Holdings. They were a Moon-level sponsor for the BTC Miami 2022 conference and needed an exciting, impactful piece to communicate their values and showcase their solutions. Working with Luis Hurtado, the Creative Director at Inverted Chaos, we defined a visual language, color palette, and motion style, culminating in a unique, informative piece filled with surprising and delightful moments. As the Art Director, I led our team by developing and applying a dynamic animation style that tied all of the compositions together while allowing the individual assets to showcase their own unique motion designs. https://skye-x.com/Script3-YieldBlox Mon, 28 Aug 2023 18:42:27 +0000 Skye X https://skye-x.com/Script3-YieldBlox Script3—YieldBlox Explainer Script3 is a DeFi studio that advances end-to-end strategic DeFi protocols based on market opportunity and demand. I worked with the team at Inverted Chaos to create this fun and informative video explaining the benefits of their Yieldblox DeFi product. My responsibilities on this project were building, animating, rendering, and compositing the more complex 3D shots, including the particle systems for the rocket engine, fireworks, and comets. I also modeled and textured the primary 3D assets, such as the rocket, coins, and planets, and animated and composited many of the 2D graphics. https://skye-x.com/Logo-Animations Wed, 19 Aug 2020 10:10:58 +0000 Skye X https://skye-x.com/Logo-Animations Logo Animations A selection of logo reveals and looping animations for clients in music and technology, combining procedural techniques, glitch aesthetics, and AOV-based visual exploration. <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/9bce909c2a1ce0b9cc4bfb98a33f40e1be1d645bc46798a8196611cbef5a70a4/SolidState_logo_v001.gif" data-mid="80286191" border="0" src="https://freight.cargo.site/w/800/i/9bce909c2a1ce0b9cc4bfb98a33f40e1be1d645bc46798a8196611cbef5a70a4/SolidState_logo_v001.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/620d8e4403860d692508cfcba43db9f5ab5f3878e3e9f7dfae3c2372d9e992a6/SolidState_logo_v001_celWires_1.gif" data-mid="80286314" border="0" src="https://freight.cargo.site/w/800/i/620d8e4403860d692508cfcba43db9f5ab5f3878e3e9f7dfae3c2372d9e992a6/SolidState_logo_v001_celWires_1.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/063a42d593bd0cbf1b30482959489349795534f8bc3350748b79dd11a23ca9b7/SolidState_logo_v001_celOutline.gif" data-mid="80287896" border="0" src="https://freight.cargo.site/w/800/i/063a42d593bd0cbf1b30482959489349795534f8bc3350748b79dd11a23ca9b7/SolidState_logo_v001_celOutline.gif" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/aff71b7a40e213fbc15a0bad5dfd7c1a49732e5e3ea072dd429962eb7a61a80d/arkmPrime_glitch_x1.gif" data-mid="247507884" border="0" src="https://freight.cargo.site/w/1000/i/aff71b7a40e213fbc15a0bad5dfd7c1a49732e5e3ea072dd429962eb7a61a80d/arkmPrime_glitch_x1.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/7a045a4e955c1a6944d518a0fdc65a26d9c6e0d386d79b78ec51ab13294446da/ANORAK_glitchBuild_v001.gif" data-mid="247507886" border="0" src="https://freight.cargo.site/w/800/i/7a045a4e955c1a6944d518a0fdc65a26d9c6e0d386d79b78ec51ab13294446da/ANORAK_glitchBuild_v001.gif" /> https://skye-x.com/Internal-Transmission Sat, 08 Aug 2020 06:21:08 +0000 Skye X https://skye-x.com/Internal-Transmission Internal Transmission Created as part of my R&amp;D work on The Mitchells vs. The Machines, this was an experiment in creating a transmissive material based on fluorescent acrylic. In the film, a simplified version was used for the robot workstations in the PAL Labs Campus. <img width="480" height="270" width_o="480" height_o="270" data-src="https://freight.cargo.site/t/original/i/46ef0c16b0cf01d3d33b00132dff956485e9642f92e0f162d181b095cc889d9d/acrylicShader.gif" data-mid="79380207" border="0" src="https://freight.cargo.site/w/480/i/46ef0c16b0cf01d3d33b00132dff956485e9642f92e0f162d181b095cc889d9d/acrylicShader.gif" /> https://skye-x.com/procedural-FUI Sat, 29 May 2021 02:22:14 +0000 Skye X https://skye-x.com/procedural-FUI procedural-FUI A series of experiments creating and animating FUI elements using procedural techniques. <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/fdbd44d866c6b9f235d03495fc502093e431965bc3a5c5f22ca569f7c6bbdaa4/xpFUI_001.gif" data-mid="109831331" border="0" src="https://freight.cargo.site/w/1000/i/fdbd44d866c6b9f235d03495fc502093e431965bc3a5c5f22ca569f7c6bbdaa4/xpFUI_001.gif" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/286e9704ad324b917e0010e13f8373f55d4ca828a348bd24b59004053a6cfc71/xpFUI_002.gif" data-mid="247507781" border="0" src="https://freight.cargo.site/w/1000/i/286e9704ad324b917e0010e13f8373f55d4ca828a348bd24b59004053a6cfc71/xpFUI_002.gif" /> <img width="540" height="540" width_o="540" height_o="540" data-src="https://freight.cargo.site/t/original/i/3b357d95e47e42957b3905891bfc5edc32c3ae28ff59ee0aa39b8874fdd4d53a/xpFUI_003.gif" data-mid="247507783" border="0" src="https://freight.cargo.site/w/540/i/3b357d95e47e42957b3905891bfc5edc32c3ae28ff59ee0aa39b8874fdd4d53a/xpFUI_003.gif" /> https://skye-x.com/Linear-Analysis Thu, 09 Mar 2023 10:36:06 +0000 Skye X https://skye-x.com/Linear-Analysis Linear Analysis Procedurally generated in After Effects, this loopable noise-based system was built to represent the ongoing analysis of an encrypted data structure. <img width="2048" height="2048" width_o="2048" height_o="2048" data-src="https://freight.cargo.site/t/original/i/d55b5a6941479ea84b23f46f36f22262a0ce4d59f532fb12b9ae1ff443d1e053/FUI-borders-linearData-v001.gif" data-mid="171079385" border="0" src="https://freight.cargo.site/w/1000/i/d55b5a6941479ea84b23f46f36f22262a0ce4d59f532fb12b9ae1ff443d1e053/FUI-borders-linearData-v001.gif" />