Experimental user interface design for the Explorables project

Completed · Term 3, 2026 - PROD254

Explorable Interactions

A group project that turned an academic paper into a working, interactive explorable page.

Turning an academic paper into a playful, accessible explanation

Completed in a group of three, this project translated academic research into a working interactive web page. I led the style-design decisions, helping shape a visual direction that made the research feel clear, approachable, and engaging.

Design exploration

I led the style development, moving from early interaction concepts into a consistent visual language for the final experience. The process focused on making the paper's ideas easier to follow through visual hierarchy, clear pathways, and approachable interaction.

Explorables interface idea generation

Interactive elements

The completed page uses interactive components to invite discovery and make complex ideas easier to explore.

Explorables interactive interface elements

Style development

These studies trace the path from initial ideation through to the final story-path and material-exploration components used in the working page.

Style-development progression from early ideation to final story-path and scroll-path components
Story-path component development.
Material-exploration component development from study testing to interactive interface designs
Material-exploration component development.