Connect the disciplines.
The earlier portfolio held the work. The new one needed to explain what I bring to it. I set the direction around design and learning roles, then reviewed which projects could support that story.
Substantial projects became focused case studies. Smaller pieces were combined into a collection, and work that weakened the selection was removed. Each entry gained an introduction to its scope and my role, followed by a concise account of the decisions behind it.
For graduate course production, I chose to describe an anonymous program and use original explanatory diagrams rather than publish institutional course excerpts. The page communicates the approach while making the limits of the evidence explicit.
Make feedback specific enough to build.
Review meant identifying what was not working, explaining why, and defining the next change.
Make the layers perceptible.
The first parallax effect was too subtle, and an early hero image competed with the title. I asked for stronger depth and a full-width textured background with readable text.
Revision: clearer separation between the hero and content, stronger parallax, and persistent navigation.
Give related material a shared rhythm.
Long sequences of oversized media made some entries feel disconnected. I directed multi-column groupings, smaller media, aligned headings, and tighter relationships between images and their explanations.
Revision: layouts tailored to the work, with full-size image overlays for closer inspection.
Check the details that make a mockup credible.
For Flight School, I supplied a better print PDF and specified contiguous facing pages, outward-facing page numbers, accurate paper scale, and a convincing binder setting. When the artwork did not follow the photographed page angle, I requested another correction.
Revision: original page artwork fitted to the perspective of the mockup, with presentation previews kept at one consistent slide ratio.
Keep the visitor in context.
The Feedback Field Guide initially took visitors away from the portfolio without a clear return. I asked for an overlay or in-module solution. Motion received the same scrutiny: a fast opening animation was slowed and delayed so its meaning could register.
Revision: a closeable guide that retains activity progress, plus restrained directional cues and reduced-motion support.
Find the energy. Protect the reading.
The original green felt too subdued, while a blue exploration leaned too corporate. I directed the palette toward teal and turquoise drawn from my portrait, then flagged lingering green components and bright texture highlights that obscured small text.
Revision: shared palette values, corrected page-specific styles, and a stationary contrast layer that keeps text readable as the background moves. Earlier versions remain available for comparison and rollback.
Give a small gesture the right timing.
I explored a changing portrait expression to bring some levity to the About section. A lower-face-only smile felt unnatural, so I asked for intermediate frames and a glance toward the adjacent copy. Review then exposed an early trigger and uneven pacing.
Revision: a roughly 200ms sequence that waits until the portrait is clearly visible and scrolling pauses, then holds the final pose. I removed replay to keep the gesture brief; reduced-motion visitors see the original photo.
Direction is mine. Implementation was AI-assisted.
I supplied the original work and project context, set priorities, evaluated proposals, and requested revisions. Codex drafted and revised code and copy, proposed layouts, and ran functional and responsive checks. AI image generation was also used for selected visual explorations, mockup scenes, and the portrait’s alternate expression frames. The portrait sequence blends still images; original project artwork was incorporated into mockups where fidelity mattered.
The collaboration made it possible to move quickly from a proposal to a working version. My responsibility was to keep that speed connected to a clear purpose: frame the problem, evaluate the result, and give actionable direction.
04 / Review before releaseFinish the experience, not just the screen.
Review extended to mobile layouts, image crops, heading baselines, navigation, overlay return paths, text contrast, and motion preferences. Local changes were checked before publication, with backups retained for rollback.
The result is a portable website that presents design and learning work in one coherent system. The next evaluation is with actual visitors: can they find relevant work, understand my contribution, and explore an experience without losing their place? That feedback will guide the next iteration.