Yale Center for Engineering Innovation and Design

Interactive motion graphics for Yale’s central creative hub.

Motion Graphics • Creative Coding

Demo: The cursor’s hover illuminates CEID logos in a randomly generated grid.

A suite of interactive, generative motion graphics for Yale’s central creative hub.

During a period of comprehensive rebranding, the Yale Center for Engineering Innovation and Design (CEID) commissioned a series of ambient, code-driven animations to bring their new visual identity to life. The CEID implemented these assets across the center’s digital ecosystem — from the newsletters to screens within the physical workshop — in order to transform the static logo into a living, breathing entity.

CEID Logo

The motion system is built upon a reactive, generative grid.

Using p5.js, I developed a program where the new logo functions as a dynamic particle. Anchored in a grid structure, the graphics react to cursor movement and user input in real-time. This approach reflects the CEID’s mission of engineering and innovation by building the visual identity through code rather than static design software.

CEID Logo grid, off of which many of the generative graphics are based.

The code transforms the logo into a brush, a character, and holiday decor.

The constraints of the system allowed for surprising flexibility and play. I created variations where the logo functions as a digital drawing tool, a kinetic character with eyes that track the mouse, and even a particle system for holiday-themed "snowflakes." This modularity allows the CEID to adapt the visual language for seasonal events and specific communication needs.

Demo: Writing “hello” in cursive by generating CEID logos following the cursor’s movement.

Demo: Filling the canvas by generating CEID logos in random RGB colors following the cursor’s movement.

Demo: The CEID logo becomes a mouth with eyes that follow the cursor.

Demo: 6 CEID logos come together to form snowflakes, falling softly across the canvas.

CEID Christmas card featuring a Christmas tree drawn using the interactive design.

Next Project: Asher Young Studio

I’m a graphic designer and student at Yale (’26)

I’m a graphic designer and student at Yale (‘26) focusing on typography, motion graphics, and design systems. My practice is rooted in a deep respect for art history and craft. Before studying design, I practiced traditional blackletter calligraphy, a practice that continues to inform my approach to typography and lettering.

I have gained professional experience designing for artists such as Jeffrey Gibson, Mickalene Thomas, and Joel Mesler, and for arts institutions including Sotheby’s, Christie’s, and JOOPITER. I have also interned for Irma Boom Office, Mickalene Thomas Studio, and Hyperallergic.

In an increasingly automated design industry, I believe the human touch is a designer’s most valuable tool. Whether through hand-drawn calligraphy, organic shapes, or tactile print designs, I strive to imbue my work with a distinct sense of humanity that distinguishes it from the algorithmic and the artificial.

I’m currently seeking a full-time role and always interested in freelance work.