Skip to the work as a list
Concert Anticipation Card
Press the glass. It breaks.
Landfall

output appears here: 8 swatches, a scale, a typeface, 3 components

run 00tokens 0
9:41

John Rafael, Design Engineer

1 of 3
JohnLMAsk it about John's work. It answers from his pages, with sources.
JOHN

I design and build design systems, AI workflows and prototypes you can test.

    Shard

    John Rafael, Design Engineer

    Three projects and the case studies behind them. This is the same content as the place itself, readable without 3D or motion.

    Concert Anticipation Card

    A concert ticket that lives through the months before a show, and how a two-person test led me to replace its tear with a break.

    Read the case study

    Landfall

    A tool that turns a written brief into a working design system and example screens, and what I did when every check it ran came back green on screens my own eye rejected.

    Read the case study

    Ivím

    An early glass concept for a live telehealth app, turned into a design system, and three live screens designed on it, each with the call behind it. Two case studies; the second opens from the first.

    Read the case study

    Read the Unity screens

    About

    Who is making these, what I actually ship, and where the work is still thin.

    Read about me