CDT Online Course

Graphics, printables, and web layouts for an online professional development course about teens and tech.

Skills: UI/UX, Digital layout design, Logo and icon design, Typography, Digital illustration, Style guide creation

[WIP] Spruce Up the Place! Game Mockup

Prototype for an exploratory game for pre-schoolers to learn about different environments in nature.

Situation: This personal project is currently being iterated based on feedback from the GBH Kid's Digital team (inc. producers, designers, and developers).

Skills: UI/UX, Prototyping, Game design, Character design, Children's media, Landscape research

Tools: Adobe XD, ProCreate, Google Slides

clickable prototype/mockup, wireframes

i-Ready Design Challenge

Team-based proposal to the Curriculum Associates Product Design Lead.

Skills: Design thinking, Prototyping, User research, Collaboration

pitch deck

SPL Youth Workshop

Graphics, printables, and circuit templates for a news literacy + paper circuitry workshop for bilingual teens.

workshop guide

Sound Swirl

An interactive web app for children (ages 6-8) to better understand and recognize abstract art at The Guggenheim museum.

Situation: Abstract and Expressionist art is best understood by its emphasis on process, sound and movement – all of which are not normally encouraged or allowed while viewing the actual works in a museum space.

Solution: An educational web-based app that gives children the chance to interact with and draw directly onto paintings from the Guggenheim’s collection, a museum that once provided viewers alternative ways to experience the art, using incense, jazz and classical music. Each interaction makes a different sound, encouraging exploration. An ambient soundscape of the museum loops in the background. Works well with an iPad or drawing tablet.

Skills: Design thinking, UI/UX, User testing, Prototyping, Data visualization

Tools: JQuery, HTML5 Canvas API, Literally Canvas, Three.js, FindSounds

try it! (Best viewed full screen)

Pixel Smear

An online image-processing/drawing tool tailored to a child’s user experience.

Situation: The tools one uses has a huge impact on the work itself. Because software is either too limited or too complex, children ages 3-5 are unable to comfortably experiment with editing images.

Solution: A simple, web-based interface in the style of a drawing tool, with nine preset filters and an eraser.

Skills: UI/UX, User research, Image processing

Tools: HTML5 Canvas API

try it!

Oddly Satifying Math

A TikTok account for teens that showcases math in a positive light.

Situation: Research shows that math education isn’t resonating with young people, and inequities are more severe in math than any other subject. Poor math performance is harmful to young people, especially introverted creative types, who grow up afraid of math and feel constantly reminded of their limitations. Often, math’s broader concepts – like recognizing patterns and visually representing ideas, which experts argue are most important for neurological connections and mathematical growth – are left out of the conversation. Simultaneously as math literacy declines, teens’ activity and dependence on social platforms are soaring, with 37% of young TikTok users reportedly getting their news from influencers (Pew Research, 2024).

Solution: OSM is a series of three original TikTok videos, each taking a bite-sized math concept and turning it into usable knowledge. I chose to leverage contemporary media not only to make math more accessible and visually interesting to young people, but also shift the conversation around math’s usefulness in daily life.

Skills: Animation, Claymation, Stop motion, Video editing, Scripting, Voiceover, User testing/research

TikTok

process, research

Binary isn't Scary

A nine-minute animated film about the basics of binary.

Situation: Binary is all around us in many forms: from turning on a flashlight to scanning barcodes and QR codes with our phones. Binary is just one example of a concept that is growing increasingly relevant in our technology-filled world, yet few people have a working understanding of it. While researching this project, many of my peers at Harvard (educated and talented adults!) initially reacted to my video idea with intimidation. Like many concepts related to STEM, binary has a reputation of being inaccessible, boring, and endlessly complex.

Solution: Binary isn't Scary, an animated film, features a mix of stop motion, hand-drawn, and watercolor technqiues. It was important that the film didn't feel digital, to counter the initial intimidation factor of learning a technical concept. The film is sectioned into chapters on binary logic, the binary number system, and multiple real-world examples.

Skills: Animation, Stop motion, Scripting, Voiceover, SFX, Video editing, Illustration

storyboard

Matrix Pix

A two-part web resource that introduces pre-teens (ages 11-13) to the math behind a digital image.

Situation: Despite today’s vast visual culture, a lack of exploration in how digital images work "under the hood” remains. Image processing could provide digital application and intuitive visual understanding of concepts such as matrix manipulation, however matrices are considered too advanced for middle school math (according to Common Core NY State Standards).

Solution: Matrix Pix, a web-based app, first familiarizes users with matrices in Story Mode, where a step-by-step interaction walks through an image’s loading and convolution processes. Along the way, a relationship begins to form between the numbers and pixels, which underlines the power and importance of playing with images. This approach builds upon simpler math concepts while grounding them in something pre-teens are already interested in: digital images.

An accompanying stop-motion video provides a deeper dive into pixels, bits, and color planes.

Skills: Image Processing, Teaching, Video editing, UI/UX, User testing, Scripting

Tools: HTML5 Canvas API, Premiere Pro

try it!

process, research

Reversing Changes with Git

A series of tutorials introducing Git commands to visual learners.

Situation: Transitioning from user to creator can be an uncomfortable process, with a steep learning curve. What are the most empowering ways to introduce programming concepts that are fundamental to understanding how software is made?

Solution: A series of Youtube tutorials using visual learning techniques, starting with a step-by-step introduction to version control software (VCS).

Skills: Research, Teaching, Storytelling, Scripting, User testing, Video editing

Tools: Git, Premiere Pro, Photoshop, REAPER

research, further reading

T3: The Tutor Theories

Making a middle-high school mathematics curriulum come to life in an accessible video format

As a content producer, I developed T3's introductory Algebra and Geometry online courses. It was an exciting opportunity to produce digital educational media that had a broader reach than a traditional classroom setting. Although I had scripted curriculum and educational videos prior, this was my first time fully in front of the camera! Creating authentic and engaging video content requires a ton of trial and error. Countless decisions matter, whether finding the best lighting, pacing, personality, and arguably the most challenging: determining the "floor" and "ceiling" of the content you're covering, while still remaining broad to learners from all levels. It was a thrilling experience to collaborate with the videographers, animators, and other content producers to make my script transform onto the screen.

Skills: Curriculum Design, Scripting, Teaching, Video editing and filming

About T3: LinkedIn

Watch "How to Solve for X"