Independent project · interaction design prototype

A Portfolio You Walk Through: Gamifying Access to Information

Browser game · p5.js, WebGL · progressive disclosure through level design

A monochrome isometric level with a keyhole-like icon, an archway, and a directional arrow guiding the player forward

This interaction design prototype investigates spatial navigation and progressive disclosure as approaches to presenting personal and professional information. It organizes a curriculum vitae into twelve architectural levels. Completing a spatial task reveals the next narrative chapter, allowing visitors to encounter the material through sequential interaction.

Implementation

Built with p5.js and WebGL, the browser experience presents twelve chapters, from Origins to Now, within monochrome isometric environments navigated by walking. A split screen mechanic displays two related states of each space using different palettes, lighting conditions, and visible objects. This arrangement presents parallel information within a level and uses spatial progression to direct attention.

An isometric level with the on-screen narrative line: I began with physical space. Walls, light, terrain. Architecture taught me how bodies move before pixels did. — Architectural space paired with narrative text: “I began with physical space. Walls, light, terrain. Architecture taught me how bodies move before pixels did.”

Environment Design

A wide monochrome isometric level with a colonnade of arches leading to a staircase

A close isometric view of an arched bridge level with a small pedestal marker

A narrow monochrome isometric corridor leading toward a small circular marker

A monochrome isometric staircase connecting a lower corridor to an upper level, with a small player marker beside it

Project Outcomes

The project provides a personal case study of environment as interface. It explores how movement, experimentation, and gradual disclosure might offer alternative ways to access information typically presented through linear documents, including regulations, technical manuals, and contracts. Within the portfolio context, the prototype frames questions about how the method of access may influence attention and recall.

Play the game → View the code on GitHub →