Website & Graphic Design Portfolio

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, showing the indexed entries in the left navigation pane, and a selected typed entry on the right side with various properties and tags.
Image of a journal entry
Screenshot of Obsidian, showing the indexed journals in the left navigation pane, and a selected fully scanned journal file 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 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

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 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
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.

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; Microsoft Access
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.

Malerie Williams - Author Portfolio Website

The goal for this project was to redesign an existing portfolio site for a simpler and cleaner look that better aligned with the author's aesthetic. I customized an existing template and developed a new, more coherent colour palette.

Platform(s): WordPress
Timeline: 12 hours

home page of author portfolio site for malerie willens
publications page of author portfolio site for malerie willens

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