UI prototypes

In 2023 I created a small series of UI prototypes using UIKit, SwiftUI and Metal.

The aim of these prototypes was to explore interesting interface ideas that use more of the device's capabilities and sensors. The result is a mix of materials and interfaces that are expressive and sometimes feel inexplicably alive.

Titanium Material Interactive Titanium material with particles that are driven by touch and the device's motion.
Mix of SpriteKit particles, gradients and blend modes.

See Tweet

Glass Material A glass-like material that subtly reflects and adapts the room's ambient light. The material samples the device's front camera to determine the light source in the room and adapts the border and specular highlights.

See Tweet

Reflective ButtonUses the device's front camera to emulate a reflective metal/chrome surface. The effect is augmented by multiple inner shadows and visible smudges when interacting with the button.

See Tweet View Prototype

Hour GlassDigital hour glass that is initiated by a physical flip interaction. The interface responds and interacts with the device's motion. Mix of SpriteKit shaders and gradients.

See Tweet

Genie Effect Interactive 'genie' animation using a Metal shader.

See Tweet

Jello Elastic material with decoupled orthogonal springs that flex the element.

Zoom & Motion Blur Zoom blur & Motion blur shader that changes the feel of the dragged element (and makes it fun to play around with).

See Tweet

Incense TimerIncense timer using gestural inputs for setting, starting and stopping the timer. A little exploration into materiality, gestures, particles and haptics.

See Tweet

Ambient Interface 1 Interface that responds to the current ambient light level and creates a glow-in-the-dark effect. The effect is achieved by reading the device's ambient light sensor and dimming selective UI elements.

See Tweet

Ambient Interface 2 A dynamic background using the same ambient light reading.

Solar Eclipse Eclipse effect using the device's accelerometer.