PROCESS
PROCESS
After talking with a friend who was contemplating breaking up with her partner, I decided that it might be helpful for her to write things down, make some pros and cons lists, and see everything laid out in front of her. As I was saying this, I had the idea to make a series of worksheets for her. This is where I developed the tone of voice: cold and clinical, with a touch of dark humor. The first prototype was very minimal — just black text on white.
original WORKSHEETS
I sent the worksheets around to a few friends, and one of them enjoyed it so much, he commissioned me to make a poster for him. This is where the visual language began to emerge. I wanted it to have a sort of retro, old technology feeling — clinical but with a dark, terminal aesthetic.
After designing the poster, I realized that The Method would translate really well into a web app. I fed the original worksheets and the poster into Claude, where I developed a PRD and mapped out a full user flow before writing any code. Having that structure in place meant that when we started building, every screen and interaction was already thought through — what happens at each step, how the user moves forward and backward, what it feels like to hit the gate screen if your score is too low.
The build was iterative throughout: the animations, the visual details, the copy. The app runs entirely in the browser. Nothing is stored, no account needed. Just the method.