Visualizing Complexity

three.js webgl unity

Translating technical concepts into
clear, interactive visual systems

Capabilities

  • 3D interactive prototypes
  • WebGL & Three.js development
  • Real-time rendering & shaders
  • Unity 3D game development
  • Cinema 4D visualization

About

I design visual systems that make complex technologies understandable. My work bridges the gap between technical abstraction and human intuition.

From real-time data visualization to interactive explainers, I build experiences that help users grasp difficult concepts faster.

This includes proof-of-concept demos for emerging tech, interactive educational tools, and visual communication systems for specialist and general audiences.

Explore work

AI Tools & Visual Exploration

Hands-on exploration of generative AI as a design tool - understanding how to prompt, iterate, and integrate AI outputs into visual communication workflows. These experiments inform how AI capabilities can be explained to technical and non-technical audiences.

Brand Motion
Communicating identity through animation
Spatial Interface
Exploring navigation in 3D space
Generative Systems
AI-assisted visual iteration
Conceptual Visualization
Translating nostalgia into 3D narrative
Abstract Systems
Making blockchain concepts visual
Style Transfer
Cross-medium visual translation

Why this matters: These explorations demonstrate practical understanding of AI tools for visual content - critical knowledge for communicating AI/ML capabilities to specialist and general audiences.

Microsoft 3D Prototype: Built interactive 3D collectible cards exploring NFTs and digital rewards for casual gaming. View interactive demo on Solitaire page →

Interactive Systems

Real-time interactive systems that communicate complex rules through motion, spatial hierarchy, and visual feedback. Each project demonstrates how to make intricate logic intuitive through design.

Tile Rush
Real-time decision systems - Coinbase Base winner
System Visualization
Communicating mechanics through motion
Star Runner
Spatial navigation & real-time feedback
Game Screenshot
Rapid Prototyping
From concept to interactive in hours
Game Screenshot
Visual Polish
Clarity through iteration
Game Screenshot
Interface Systems
Information hierarchy for complex states

Shipped systems: 15+ interactive systems with 100K+ users. Each one: a lesson in making complex rules understandable through visual design. View full case study →

Technical Stack

Three.js
WebGL framework
🎮
Unity
Game engine
🎬
Cinema 4D
3D modeling
🖼️
WebGL
GPU rendering
GLSL
Custom shaders
🎯
Figma
Prototyping
📱
Adobe XD
Interactive demos
🔧
Blender
3D assets

Live Tech Demo: This Portfolio

The interactive blob on the homepage is a working proof-of-concept demonstrating real-time 3D prototyping capabilities.

Technical Implementation

  • Three.js + WebGL rendering
  • Custom GLSL vertex shaders
  • Real-time physics simulation
  • GPU-accelerated deformation
  • Responsive to mouse/touch input

UX Considerations

  • 60fps performance target
  • Mobile-optimized rendering
  • Reduced motion accessibility
  • Progressive enhancement
  • Instant feedback on interaction

Why this matters: This demonstrates the ability to rapidly prototype interactive experiences that make technical concepts tangible - the same skill needed to communicate quantum computing, AI, or any frontier technology to specialist and general audiences.

Outcome: Users can understand complex, abstract systems through direct interaction rather than reading documentation or static diagrams.

Visual Systems for Technical Communication

Visual systems aren't decoration - they're translation tools.

Complex technical concepts, research findings, and abstract ideas become understandable when rendered as interactive, explorable experiences.

This work reflects how I approach design: not as surface polish, but as a tool for thinking, learning, and communication.