Gallery Site Guide — Route by Audience
A personal engineering website must serve several distinct audiences with completely different priorities. A frontend design recruiter wants to see layout versatility, fluid animations, and responsive typography. A DevOps lead wants to inspect Dockerfiles, CI pipeline configs, and infrastructure diagrams. A security auditor wants to review secret scanning gates, vulnerability triage, and HTTP header policies.
Attempting to force all of these disparate personas through a single, linear homepage inevitably satisfies none of them. To solve this without fragmenting our domain into multiple disconnected websites, we introduced the Gallery Site Guide: a data-driven navigation system that intelligently guides visitors to the exact content they care about.
The Gallery Site Guide is integrated directly into our design gallery portal in `src/App.tsx`. Rather than presenting an overwhelming wall of navigation links, the guide invites visitors to select their primary area of interest: Creative Frontend & UI Design, Platform Infrastructure & DevOps, or Security & Compliance.