Website & Graphic Design Portfolio

Climate Justice Toronto – Graphic Design

Climate Justice Toronto is a grassroots group mobilized with the belief that to stop the climate crisis we must confront its root causes: capitalism, colonialism and white supremacy. With an expansive vision across numerous aspects, presently, CJTO focuses on expanding and securing tenant rights, and building local community power and solidarity.

As a member of the communications pod, I help develop communication strategies for print and digital campaigns to educate audiences on housing and climate justice. In two recent posts—regarding the Canadian 2025 federal election leaders' debate and the biased reporting in mainstream Canadian media—I independently designed the posts in Canva (using Photoshop for certain elements) and then collaborated with team members to write and edit the text. The goal of these posts was to education audience members of the way matters of housing in Canada are (de)prioritized by politicians and actively influenced by big media.

Platform(s): Adobe Photoshop, Canva
Timeline: August 2024 – ongoing

CJTO Instagram post on housing-related promises made during Canadian 2025 federal election leaders’ debate. The cover image features a crumpled white sticky note with the title and below, headshots of (left to right) Mark Carney (with a red background), Jagmeet Singh (with an orange background), and Pierre Poilievre (with a dark blue background).
CJTO Instagram post on housing-related promises made during Canadian 2025 federal election leaders’ debate. The cover image features a crumpled white sticky note with the title and below, headshots of (left to right) Mark Carney (with a red background), Jagmeet Singh (with an orange background), and Pierre Poilievre (with a dark blue background).
CJTO Instagram post on the biased reporting in Canadian media regarding housing and landlords.. The cover image features a CBC article headline followed by fake article that corrects the language used by CBC.
CJTO Instagram post on the biased reporting in Canadian media regarding housing and landlords.. The cover image features a CBC article headline followed by fake article that corrects the language used by CBC.

Reframing the Climate Crisis – Journal Archiving

I am presently collaborating with b ferguson, a writer, educator and poet at the forefront of writing and teaching about how the climate crisis has been caused by historical injustices—like colonization, slavery, transphobia, and numerous other inequalities at local and global scales—to develop a written and educational content.

One of my critical projects has been to digitize a large collection of existing writing and develop a dynamic system of cataloguing that would meet the needs of imagined future projects. Given specific parameters, I researched platforms to host the archive that would best suit the scope of this work. The subsequent work of digitizing involved finding an efficient way to scan journals and notebooks, separating the scanned documents into individual entries, typing up select pieces, translating them into numerous different Markdown page templates I created, and designing a system of file tags and property fields that featured ad hoc prefixes and color coding for better indexing, search, and organizing capabilities.

Platform(s): MacOS (Finder), Obsidian, Markdown, Vibe Transcription
Timeline: Multiple phases over 1 year, ongoing

Screenshot of Obsidian, with a light purple interface and dark purple accents, showing the indexed entries in the left navigation pane, and a selected typed entry on the right side with various property fields and multicoloured tags.
Screenshot of Obsidian, with a light purple interface and dark purple accents, showing the indexed entries in the left navigation pane, and a selected typed entry on the right side with various property fields and multicoloured tags.
Image of an open journal with a handwritten entry filling both pages.
Image of a handwritten journal entry
Screenshot of Obsidian, showing the indexed journals in the left navigation pane, and a selected pdf file of fully scanned journal with a dark teal cover on the right.
Screenshot of Obsidian, showing the indexed journals in the left navigation pane, and a selected pdf file of fully scanned journal with a dark teal cover on the right.

New York University – Literary Journal Digitization

New York University's undergraduate literary journal, West 10th, was primarily a print journal, with only 1/14 issues present on the website. Using the print-optimized PDF files, I manually converted contents of each journal into dynamic web pages on Squarespace. For this work, I restructured the existing digital issue, created page templates, and developed a workflow to quickly transfer content. I then used HTML/CSS to accurately recreate complex formatting for select (poetry) pieces.

Platform(s): Squarespace
Timeline: 1 month

A grid of West10th journal covers

Massachusetts State Department of Higher Education - Website Redesign

My goals for this project were to modernize the aesthetic, improve accessibility, and better showcase the Department's new equity-driven work. On the DHE home page, I implemented a full-width tri-column banner that draws attention to the three aspects of the Department's mission. News items transformed from a carousel layout to cards that appear in other iterations across the site. While decreasing the importance of news items—previously the first thing visitors saw—the card layout provides a faster snapshot of latest updates.

Platform(s): Adobe Dreamweaver (HTML / CSS / Javascript), Adobe Photoshop
Timeline: Multiple phases over 3 years

Screenshot of the Massachusetts Department of Higher Education website home page after redesign. Screenshot of the Massachusetts Department of Higher Education website home page before redesign.

Filter/Sort System Design

On the Strategic Initiatives landing page, I worked with a developer to design a new filter system which highlights the interconnected nature of the Department's work, utilizing a similar card layout as the Home page to provide information at a glance. This allows users to search for initiatives by a variety of metrics, making it more intuitive than the previous organization that demanded an existing familiarity with the Department.

Platform(s): Adobe Dreamweaver (HTML / CSS / Javascript); Microsoft Access Database
Timeline: Multiple phases over 2 years

Screenshot of the Massachusetts Department of Higher Education website strategic initiatives after redesign. Screenshot of the Massachusetts Department of Higher Education website strategic initiatives before redesign.

MassTeach Logo Design & Brand Identity

For the MassTeach Program, I designed a logo and accompanying materials that highlighted the program's STEM focus while maintaining visual coherence with the Department of Higher Education's primary and secondary branding (the blue and orange respectively). The design brief asked for a logo that could be immidiately associated with STEM fields without using typical illustrations or images. By using a visually-rendered binary system of circles and rectangles (or lines), the diagrams are unified and more subtle, while still unmistakably depicting different STEM fields. As the brief also requested a text-only version of the logo, the brand centers on a flattened double helix containing multiple binary diagrams which can be used either in the program name as the vertical stem for the "T"—where it also becomes a podium for graduating students—or it can be used alongisde a text-only logo as part of background design, acting as a focal visual element.

Platform(s): Adobe Illustrator, Adobe InDesign

MassTeach logo with blue and orange letters. The stem of the letter T is replaces with a sequence of vertical circles formed with alternating blue and orange braided lines to depict a double-helix. Inside each circle, there are diagrams of elements (like an abacus and a cell) from different STEM fields.
MassTeach flyer template background. The flyer has text-only logo at the top, and uses an expanded iteration of the double helix image on the left side, with additional circles containing diagrams like a graph and a circuit board. One of the circles extends out on to the middle of the page with three orange circles showing each step of the program from application, to obtaining a degree, to teaching at a high school.
MassTeach X/Twitter post image. Similar to the flyer, the double helix is on the left side and the text-only logo and text are next to it.  

BFA Thesis – Poetry Book Design

As a personal keepsake and gift for loved ones, I rendered my BFA Poetry final thesis—a poetry manuscript entitled The Rooms of My Homelands—into a paperback book.

Platform(s): Adobe Photoshop, Adobe InDesign

Emerson College - Global Pathways Info Session Posters

These print posters were created for the Education Abroad & Domestic Affairs office to advertise study abroad program info session dates.

Platform(s): Adobe InDesign, Adobe Illustrator

info session poster with colourful luggage tagsinfo session poster with calendar design

Personal Brand Identity - Typography, Colours, & Elements

This is an early iteration of a guide I developed for my personal brand as it is used for print media, like business cards, resumes, and more. The purpose of this was to develop set guidelines for my work and create a template for future projects where I would need to make a brand identity. A version with updated fonts is used for the website for better screen accessibility.

Platform(s): Adobe InDesign, Adobe Illustrator

brand guidelines showing typography, colour palette, and key elements