Information architecture
Three starting routes
A fast case-study route, a technical architecture route, and an evidence route let each visitor choose depth without hiding the rest.
The portfolio is also a product
Designing for three readers without turning the site into three websites.
The brief was to make ten years of confidential project work understandable to recruiters, technical interviewers, and professional reviewers.
Confidentiality
Function over client identity
Forty-two systems use functional names. Client, repository, and internal product names are deliberately excluded.
Credibility
Pending is a valid status
Unknown contribution boundaries and unverified outcomes are marked pending instead of being converted into polished but unsupported claims.
Interaction
Architecture as a guided story
Each system map supports search, selection, and a step-by-step animated connection flow, with reduced-motion support.
Discoverability
Human and machine-readable
Canonical URLs, structured data, a sitemap, robots directives, and an LLM-readable profile summary describe the same public evidence.
Performance & access
Static, responsive, keyboard-aware
The site uses lightweight HTML, CSS, and JavaScript, a mobile menu, skip links, semantic headings, and print-friendly evidence pages.