UI Development
My engineering background has enabled me to quickly adapt to various tools needed to develop functional and aesthetically pleasing UI. I enjoy picking up new, job-specific tools, but here are my all-time favorites for UI Development:
Unreal Engine • Unity • Html • CSS • Javascript • React
Solving UI Warping on a Curved Display
A common challenge when displaying UI on Sphere’s wrapped screen is distortion—straight lines can appear curved due to the screen’s shape.
To solve this, I developed a custom plugin that pre-distorts UI elements before projection, ensuring visuals render correctly in the immersive environment. This tool allows designers to seamlessly place UI on the sphere’s surface without manual adjustments.
Built using Unity
Shared Screen UI
Any UI displayed on the large immersive screen was built using Unreal Engine. Designed for an audience of 20,000, it handled onboarding instructions, team scores, leaderboards, reticles, and accolades, ensuring clear and engaging real-time communication.
Built using Unreal Engine
Native Applications
Using UMG, Blueprints, and C++ , I built buttons, info HUDs, player scores, and control methods for mobile devices.The mobile device served as the primary input method, allowing the audience to interact seamlessly with the massive wraparound screen.
Built using Unreal Engine
Web based interactions
For QR-scannable web experiences, I used React and Chakra UI to deliver real-time audience feedback—no downloads, no hassle. Leveraging WebSockets for live updates and integrating accessibility best practices, the UI was fast, clear, and worked seamlessly across devices
Built using React.tsx