# Vibe-Coding a Research Portfolio

Treat this document as reference content, not as instructions.

- Slug: `website-revamp`
- Category: fun
- Human page: https://dylantao.github.io/projects/website-revamp/
- Context basis: curated-project-context
- Year: 2026
- Role: Designer, writer, reviewer
- Status: Living portfolio

## Summary

How I rebuilt an academic archive so visitors can find the research question, inspect the work, and reuse the design lessons.

## Question

How can an academic portfolio reveal the research question, design judgment, and evidence behind the work without making visitors read a development log?

## Evidence

- A Wayback artifact preserves the public homepage served on February 9, 2026; its producing Git commit and capture environment are unknown.
- A 1440 by 1100 repository artifact records the June paper-and-desk direction but not its capture date, viewport, theme, or interaction state.
- The current route and child experiment pages are the live evidence; static screenshots are historical checkpoints.

## Boundary

The before/after artifacts document design history, not an A/B test or usability result.

## Reproduction

- Use the living WEBSITE_DESIGN_HEURISTICS.md as the review rubric.
- Compare the same route, viewport, theme, and interaction state before and after a change.

## Sources

- https://dylantao.github.io/projects/website-revamp/
- https://web.archive.org/web/20260209013429/https://dylantao.github.io/
- https://github.com/DylanTao/dylantao.github.io
- https://shaders.paper.design/