Finally, my last visual deliverable was the redesign of one of Hiloop's product pages: their run detail view. I specifically chose to redesign this page because it was the one screen that contained two components the founders wanted redesigned (their fork tree and logs UI), it let me genuinely improve the product, and it gave them a working reference for applying the new product design system.

I began not in pixels but by trying to understand the data model — establishing that events are auto-captured while forks are user-created and anchored to a specific run and moment in time — because the layout could only be as clear as my understanding of what it represented. I also tried to understand the user base and what a typical user would want to do on that page and with those components. That drove the central decision: the event series is something you scan and search, not a spatial map, so it belongs in a legible vertical list, while the branching story stays with the fork tree. From there I explored orientation openly — horizontal timeline versus vertical list, a three-column layout versus a VS Code style shell — pressure-testing each against real constraints like laptop screen space and thousand-node scale. The team converged on the terminal layout: a collapsible fork tree, a full-width event series, and a dockable attribute terminal the user can orient themselves. I finished by refining the interactions that make it feel alive — hover-to-expand occurrences, fork-from-here, a resizable dock that pushes content instead of covering it — and propagated every decision back into the design system so it outlives the prototype.