Diagrid 25
Designing the systems, toolkits, and workflows that made a 30+ station rollout possible
Diagrid 25 is the next evolution of Hearst’s Diagrid graphics package, unifying more than 30 stations under a single, modern design system while preserving each station’s ability to express local identity. Built to be clean, digital-forward, and highly adaptable, the package emphasizes local footage, regional flavor, and flexible storytelling across platforms.
I contributed to the foundational design sketches that shaped the visual language of Diagrid 25, then focused on architecting the systems that made the package scalable. I helped design a modular After Effects toolkit structure that could be distributed universally while still allowing stations to localize in minutes. This work extended beyond the graphics themselves, requiring workflow and support systems designed for reliability, clarity, and real-world production use.
An Agile-inspired process guided iteration, testing, and rollout across a wide set of stakeholders and timelines. Alongside this, I created internal tools and documentation to help designers adopt, understand, and extend the system in a consistent and sustainable way.
Beyond motion toolkits, I helped design the Viz system for live control-room playback and supported scaling production so additional designers could confidently build within the package. I was involved in launch-day testing, updates, and refinements, and designed the weather system, enabling meteorologists to mix and match elements while remaining fully on brand.
Diagrid 25 is as much a tooling and workflow platform as it is a visual package—built to be usable, flexible, and durable across daily broadcast demands at scale.
