Explainer graphics

Tools used:Photoshop.Illustrator.AI2HTML.Blender.After Effects
This page features a selection of explainer graphics designed to simplify a range of topics, from basic concepts to more complex ideas. Each graphic combines clear visuals with thoughtful design to help make information accessible and easy to understand.

How Big Brands and Defense Giants Connect to Conflict

Graphic design . Illustration . Motion graphics

An explainer created for CBC, illustrating the unexpected connections between popular brands like Pepsi and defense companies such as Raytheon, and their involvement in conflicts in the Middle East. The visuals also shed light on how university endowments play a role in these links, making it straightforward for viewers to understand how everyday brands and investments tie into the military-industrial complex.



How the Super-Rich Are Polluting the Planet
Data visualization . Graphic design . Illustration . Motion graphics

A TikTok explainer developed in collaboration with CBC highlights the massive environmental impact of the world’s wealthiest individuals. Drawing on research from Oxfam International, it reveals how the top one percent—those earning over $140,000 USD annually—produce more carbon emissions than the poorest two-thirds of the global population combined. With a playful illustration style, this visual story invites audiences to explore the outsized environmental footprint of the super-rich.




B.C. Becomes First Canadian Province to Decriminalize Small Amounts of Drugs

Data visualization . Graphic design . Illustration

In this piece with CBC, I helped create visuals to explain B.C.’s bold step to decriminalize small amounts of drugs like cocaine, MDMA, and certain opioids. This federally approved pilot aims to tackle the province’s severe drug toxicity crisis, which led to over 2,200 deaths in 2022. I designed a clear, engaging bar chart to show toxic drug deaths by year, making it easier to see the impact and understand if this new approach might save lives.



Tracking Canada’s Stolen Cars: A Look at the Port of Montreal’s Role

This visualization reveals Montreal’s port as a key transit point for stolen vehicles from across Canada bound for overseas markets. With thousands of containers moving through daily, the Canadian Border Services Agency (CBSA) faces the complex challenge of identifying stolen goods among the vast flow of imports and exports. Created in collaboration with CBC editors, this explainer combines motion graphics, data visualization, and illustrations to show how stolen vehicles pass through the port and the resources CBSA employs—like large-scale imaging trucks and extensive surveillance—to combat the trade in stolen property.






Visualizing Turbulence: How Climate Change is Intensifying Air Travel Risks

I created this data visualization to break down the different levels of turbulence intensity—light, moderate, and severe—and how each impacts passengers. This piece supports a story about how climate change is worsening turbulence, although fatalities remain rare. Using AI2HTML, I made sure the graphic is fully responsive, so readers can easily view it across devices and understand the varying levels of risk associated with climate-driven turbulence changes


Created using AI2HTML, which is a tool that converts Adobe Illustrator graphics into responsive HTML and CSS, allowing visuals to adapt seamlessly to different screen sizes. This workflow ensures that complex graphics are clear and accessible on both desktop and mobile devices. To see the graphic as it was designed, click the link to view it in your browser.






Understanding the Alaska Airlines Mid-Air Door Plug Incident

On January 5, 2024, an Alaska Airlines Boeing 737 Max 9 experienced a mid-flight incident in which a door plug—a panel covering an unused exit—detached, creating a fuselage breach. This incident led to the temporary grounding of certain Max 9 aircraft for safety inspections. To provide clarity on the function and importance of door plugs and exit configurations on larger aircraft, an explainer graphic was created using an AI2HTML workflow. This approach ensures responsive, data-rich visuals, offering an accessible view of the aircraft’s exit locations and details surrounding the Alaska Airlines incident.

Created using AI2HTML, which is a tool that converts Adobe Illustrator graphics into responsive HTML and CSS, allowing visuals to adapt seamlessly to different screen sizes. This workflow ensures that complex graphics are clear and accessible on both desktop and mobile devices. To see the graphic as it was designed, click the link to view it in your browser.






Chimes telescope visualization




This visualization illustrates how the CHIME telescope operates, making the complex technology behind it easier to understand. Created using Blender and After Effects, the graphic combines a 3D model of the telescope with simple line animations that represent radio waves. This approach allows viewers to grasp the telescope’s function visually, breaking down the process into accessible, engaging elements.

Works




About

A multidisciplinary designer driven by curiosity—crafting digital content while drawing inspiration from hiking Japan’s mountains, cycling through urban landscapes, and listening to the melodies of Enka.
Contact