01
web / information architecture / seo and llm visibility
One official hub for six fields of activity.
self-operated / public case
I designed and built a two-act site where a world to explore and the information needed to evaluate my work coexist.
Problem
Six publications, public open-source projects, a profile, and consultation areas existed separately. There was no single place that explained who operates them, how they relate, or what kind of work could be discussed.
Constraints
- Combine an experiential interface with semantic HTML and server rendering
- Preserve touch, reduced motion, and JavaScript fail-open behavior
- Fit SEO, LLM visibility, structured data, and bilingual content into one information model
Scope
- Concept, information architecture, experience design, visual design, and development
- Structured data, sitemap, llms.txt, and hreflang
- Performance and accessibility QA, release, and production observation
Decisions
- Separate ACT I for emotional discovery from ACT II for trust, work, and contact
- Keep important information outside the canvas and render it from the same canonical data
- Protect the distinctive language of white space, dots, lines, and a hand-drawn traveler
Implementation
- Connected a Canvas 2D particle world to a vertically readable Living Atlas
- Generated visible HTML, JSON-LD, and bilingual pages from canonical PHP data
- Regression-tested desktop, mobile, keyboard, touch, Tilt, and reduced motion
Verified outcome
- Six publications, open source, profile, and services are reachable from one official hub
- Received CSS Design Awards Special Kudos
- Won Best UI Design, Best UX Design, and Best Innovation in the public vote
Public evidence and boundary
This is a public, self-operated case. The awards can be verified on the CSS Design Awards page. Search traffic and inquiry growth are not public and are not presented as outcomes.