The question behind the site
How do I make an invisible way of working feel tangible? The early brief was a site for my independent web work. It needed to explain what I could help with and show the judgment behind the result. The brief eventually widened to include software, research, creative experiments, and writing.
The surviving drafts run from late July to September 2026. They include image concepts, working prototypes, design canvases, and exported sites. Looking back through them, I can see the same problem being approached in different ways: how much of the machinery should a visitor have to understand?
July 29 · Competing concepts
Finding a visual language
Nine full-page mockups survive from the first export series. Throughline followed an orange line through a field of blue marks. Repair Current concentrated on the small places where interfaces break. Second Impression used print registration and interface states. The Current combined a flow-field idea with a clearer account of the work. AI Operations Studio and The Threading Machine made the production system the main subject.
These were competing proposals. The written handoff recommended The Current’s structure, Second Impression’s restraint, and one concentrated transformation from Repair Current. The useful ingredients were already there: warm paper, blue ink, an accent that marks a decision, and a page that stays readable around the illustration.
A working prototype took the repair metaphor literally: the visitor could break the page, and a swarm of dots carried the pieces home. It was an interaction experiment that preceded the ink-character direction.
July 30–31 · Drawings and prototypes
Giving the work a physical form
Ink Operation replaced the swarm with a small drawn world. A determined little figure dealt with an enormous tangle. Machines, lenses, desks, and archives gave the different kinds of work their own objects. Other working prototypes took a typographic route: Assembly, a word-built Throughline, Quiet Moment, and LEXICON × SIX DAYS. The latter tried replaying the site’s own making as part of the page; I did not keep that direction.
Color took a few attempts. Periwinkle alone felt underdressed; filling everything with accents overwhelmed the drawing. I settled on sparse hints of coral and yellow throughout. Those small decisions helped the illustrations feel like a family without making every scene look identical.
Late July–early August · The building
Keeping the world worth entering
The second direction imagined the back of a website as a building full of work. Working labs explored a loupe, lighting, a continuous tower, and a crew inhabiting its floors. Keeping the polished front separate from the machinery behind it began to feel like a gimmick. I asked for the building and the page to be brought together.
That led to a merged hero, responsive studies, and a fuller Figma composition. A separate reconstruction replaced the illustrated world with diagrammatic scaffolding. I rejected it: the brief was to refine the world I had chosen. A later architecture study was also rejected. Neither became the accepted design.
I then questioned the premise again: the whole website could not be about the building at the expense of the work. Five new Wonder concepts put the projects first: The Working Record, The Throughline, Cut / Fold / Ship, Proof Desk, and Quiet Stage. A combined Lead Proof / Throughline proposal led to the Static Foundation exports. These were another design branch, with the building deliberately set aside.
August 4–6 · Exporting and combining
A story, then a moving world
After the Prompt began as a separate experience about the system behind the work, intended as a deeper route behind the freelance homepage. Its Claude Design export was organized into acts about translating a brief, making, reviewing, and keeping a record. It also explored an industrial process-film direction. I chose the exported site as the baseline to work from.
A Higgsfield web-builder version returned to the illustrated world and brought it into film. The local implementation combined that film with parts of the earlier narrative and motion grammar. The two branches contributed different strengths.
The first film implementation replayed the whole journey in every chapter. Dividing it into continuous sections gave the story a direction. A new final movement pulled back to reveal the building as one connected machine. Portrait versions and matching still frames made the same sequence usable on a phone.
September 5 · A broader portfolio
A camera with somewhere to go
In September, I changed the brief from web-builder marketing to a broader home for my work with AI. The site gained individual work and writing pages. The paper world stayed, with rooms for exploring, making, inspecting, and remembering, connected by a red thread.
The first new films stayed close to a notebook. They had the right materials, but scrolling through them did not feel like going anywhere. I wanted more world-building and a camera with a journey. Two new films were compared; the selected one connected the spaces more convincingly.
One abrupt cut still broke the continuity. A separate transition, guided by the frames on either side, turned it into a movement around the maker’s shoulder. That edit became the nineteen-second opening journey used here.
Making the details hold up
The phone framing follows the subject through the same timeline. Chapter posters come from their corresponding film frames. At the end, the text clears so the whole workshop can be seen before the projects begin. The illustrations elsewhere have their own subjects, with small gestures that wait until the reader reaches them.
The finishing work also exposed real failures. One change froze the film behind its posters; I reported it, and the implementation was repaired. Scroll playback needed a separate measured pass on timing and video encoding. The resulting files are larger, and slow-network loading remains a tradeoff to assess.
The film follows native scrolling, with chapter controls and reduced-motion support. Work, notes, and contact remain directly accessible. A visitor can get to the substance immediately.
My role, and the tools’ role
I directed the briefs, chose between alternatives, corrected interpretations, and decided what belonged. AI systems assisted with design exploration, writing, implementation, and review. Higgsfield generated the current site’s illustrations and film; Figma and Wonder held design studies; the current site uses React and TanStack Start.
The authorship I want this case study to show is in those choices: preserving the drawn world, changing the brief when it became too narrow, rejecting attractive work that missed the point, and checking the experience after the tools said it was finished.
A place that can grow
The result is a home for work and writing with an illustrated opening, readable project pages, and room for the practice to develop. The rough charm survived the changes. So did the central question: what does the finished result actually show?
This account was reconstructed from the saved drafts, decision notes, exports, and implementation history. It documents the making of the site, with the dead ends included. The measure of the work is the experience you can explore here.