Website powered by

User Interface Design

Maya 3D animation and MASH effects composited with 2D After effects elements.

An animated real time Interactable UI using Isadora and a depth camera. Isadora is a nodes and wire creative coding program. The depth camera tracks the tip of a finger on a white table to alter the UI elements on the screen.

An animated real time Interactable UI using Isadora and a depth camera. Isadora is a nodes and wire creative coding program. The depth camera tracks the tip of a finger on a white table to alter the UI elements on the screen.

Isadora and depth camera intractable CT brain scan. This video shows another possible UI element. The system shows CT brain scan slices as the white sketchbook moves back and forth in front of the depth camera and projector.

P5.js is a creative coding library for JavaScript. To interact with the animated UI, users hover the computer mouse over the square buttons within the UI.

P5.js is a creative coding library for JavaScript. To interact with the animated UI, users hover the computer mouse over the square buttons within the UI.

A first person submarine experience created in Unity. To build a narrative within the shell of the sub I created these UI stations. Each station helps explain why the user is on the sub and what to expect within the experience.

A first person submarine experience created in Unity. To build a narrative within the shell of the sub I created these UI stations. Each station helps explain why the user is on the sub and what to expect within the experience.

An aesthetic installation project showcasing multiple screens featuring noise and distorted video.