@jeanxcrj
Students taking Option keys off the installation under "When the temperature feels off, know you have options."
  • Campaign
  • Installation
  • Fabrication
  • Web
  • Creative coding

When the temperature feels off,
know you have options.

Most students who could use CMU’s Title IX office never reach out,
often because they aren’t sure what happened, or whether it counts.
Heat became the language for that uncertainty, and an Option key
became something you could take with you.

Read the full process ↗

ClientCMU Office for Institutional
Equity and Title IX
TimelineFall 2026, 1 month
RoleSole designer,
fabricator and developer
ToolsFigma, Claude Code,
laser cutter, Vercel

Impact

80+Option keys taken off the wall

300+unique visitors to the site

400+page views in the first week

Installation

The installation seen through the doors of the University Center, on the central bulletin board as a student walks past
Option keys on chains over the heat map: "I’m 100% certain it is not okay."

Heat stands in for uncertainty: hot where things feel unclear, cooling as they settle. Thirty-six hand-painted Option keys build one heat map, each one an option you can take with you.

Scanning the QR code on a backer card with a phone
A student scanning the installation with her phone

Behind every key, a QR code to the resources.

It leads to knowyouroptions.site. Scan, feel, scroll, find your option, without having to explain what happened first.

Three campaign posters on an outdoor wall on campus as students walk past

The same heat carried onto posters across campus, each with a QR code to the site.

A visitor reaching for an Option key on the installation

System

Certainty exists on a spectrum. The visual system moves from hot (uncertain) to cool (certain), while reinforcing that support can begin anywhere along it. Blurred heat holds what is still unresolved; sharp, ringed forms hold what is clear. The same rings, heat and type carry across the wall, the posters, the stickers and the site, so every piece reads as one temperature, and each one points to the same place to start.

#F31509
#FF9EC0
#FFB01C
#FFE854
#1DEA95
#4A5CE1
  • Dangerous
  • Messy
  • Confusion
  • Certainty
  • Clarity
  • Calmness

Image treatment

The original photograph, in black and white
The same photograph after the heat treatment
A second treated image: two faces almost touching, as heat
A third treated image, warm heat bleeding into cool blue

Provocative imagery is intentionally made ambiguous through cropping, obscuring, and heatmap treatment, evoking a feeling without prescribing what happened.

Process

The client review deck, all twenty slides

Client review

Heat explorations: rings, gradients, type

Blurred against sharp heat

The heat map broken into a grid of pixels

Breaking heat into pieces

Tools I built

Small browser tools for the tedious parts, so the time went to design decisions instead.

Heat Maker
Type, photos or blobs into thermal heat

Ripple Maker
Shapes wrapped in rings of colour

Grid Cutter
One image into a grid of square pieces

The wall at an angle: "I’m 100% certain it is not okay." with Option keys on chains

Reflection

This project reminded me how much I love designing through making. The concept only really came together because I kept experimenting, following weird connections, and letting one idea lead to another. Going from a messy Figma file to a physical installation and digital experience in such a short amount of time was exhausting, but incredibly rewarding. More than anything, seeing people actually stop, interact, and take pieces with them reminded me that design can become much more meaningful once it leaves your screen and enters someone else’s life.