Milestone 0 / Foundation Skeleton
Build the big framework first, then sharpen the brand.
Start from a credible information architecture: clear story, reusable sections, centralized content, and room for future AI or CMS expansion.
Design Direction
What this scaffold optimizes for
These three constraints drive the first version of the site: stable structure, mock-driven content, and future-friendly seams.
5 Core Pages
Information architecture first
The first milestone focuses on route structure, reusable sections, and clear reading flow instead of polishing visuals too early.
Mock-Driven
Content is centralized
All copy and structured data live in one place so later changes do not require editing multiple pages.
Static-First
Built to scale later
This shape keeps the MVP simple while leaving clean seams for future CMS, AI, blog, or data-backed features.
Selected Work
Representative project cards, driven by mock content
The project layer is already modeled as structured data so the visual treatment can evolve without touching the data shape.
In progress
Personal Brand Website MVP
A structured personal site with clear page boundaries, reusable sections, and quality gates prepared for CI/CD and E2E testing.
- Established a scalable route and component architecture
- Centralized mock content for rapid iteration
- Prepared the project for CI, deployment, and Playwright in later milestones
Backlog
Ask My Portfolio
A future extension concept where recruiters can ask questions about projects, experience, or technical depth directly from the site.
- Defines a clear expansion path after MVP
- Would reuse the same content model established in this scaffold
Backlog
Resume Q&A Layer
A future companion feature that turns resume content into structured answers for interview preparation and recruiter self-service.
- Extends the resume page without changing the page-level layout
- Depends on having strong content modeling in the MVP
Contact
Make the final step easy
Keep the next action obvious. Even in an MVP, contact paths should be easy to spot and easy to tap.
Best for interviews, collaborations, and long-form discussion.
GitHub
github.com/henrySource code, experiments, and implementation details.
Professional profile and public background summary.