The Confederation Debates

In 2017, a team of proud Canadian volunteers including myself, digitized our country's founding documents in celebration of Canada's 150th anniversary.


To celebrate Canada's 150 year anniversary, I joined a team that was leading an effort to crowd source the digitization of the founding Canadian documents. This project converted all historic transcriptions (including First Nations) into a transcription database and custom website. Lastly, we wrote new Grade 7-12 lesson plans that cater to each provinces’ history and curriculum.

I served the role as Creative Director and Lead Developer contributing to the development of branding for digital and print, a bilingual transcription web app, leader board, a long term archival website, and a daily quote generator.

Branding

The logo uses Canadian flag leaves connecting Westward in a circle, a visual metaphor for Canadian Confederation.

Confederation Debates English and French logos Logo animation

Illustrations and iconography through the project is expressed in red and white halftone pattern, representing the print article transcription process. Photographic imagery is limited to a grey scale.

Daily quotes and a transcription catalogue landing page Mobile site layouts Social media banner Landing page of transcription portal

Collections of documents have cards clearly showing which regions effected. They also have an icon denoting if the question of joining Canada was being considered by the provencal, federal, or First Nations governments in the texts. Cards showing collections of documents

Daily Quotes

As transcribers found notable quotes, memes were generated to be shared on social media. These resonated with educators and helped gain traction for the project. Quote meme generator Daily quotes used in social media posts

Top contributors gained a spot on the project home page. Some healthy competitions formed for the top spots. Contribution leader board

Campus event poster

Speaking events were held on university campuses to both promote the crowdsourcing project and open a dialogue around current events. Campus event poster

Ontario text book

Once the project was completed a series of textbooks and lesson plans were created to match each Provinces curriculum for grades seven through twelve. Ontario text book


Contributions

¶ Lead Developer ¶ Creative Direction ¶ UI Design

Project Link

See More


In the music production world there are two ways to make music without the expense of a recording studio: loop samples and digital instruments. Digital instruments have come a long way over the last decade but their loop sample counterparts haven't enjoyed the same leaps in innovation. Loop samples are often regarded as a repetitive hassle or a cheap band-aid in the community due to the friction associated with working with them. This friction is caused by the lack of discoverability, cost of acquiring unique sound samples, and the cumbersome workarounds needed to tweak each loop to fit your music piece. How might we eliminate the friction associated with working with loop samples and create a flexible workflow in a digital platform?
The modern‑day horn section, various combos of sax, trumpet, trombone and other brass or reeds, forms a crucial and distinctive part of the sound of big band, soul, funk and ska. Think Benny Goodman, Birth Of The Cool, James Brown's JB Horns, Tower Of Power, or Steely Dan/Don Fagen. Hardware workstations frequently fail miserably with horns and their various specialized playing techniques, and even dedicated sample libraries sometimes only scrape the surface. Mojo2 was designed from the ground up to give the flexibility of many horn techniques to the composer as they create their track. The UI is clean, simple and feature packed giving the user 4 different eras to choose from at the highest level with the ability to dive deep to settings down to room mic positions.
This top-rated sound design interface marries the music industry's traditional vintage analog look with a modern UI experience. By mixing textures, lighting effects, and line work, Apollo visually evokes the familiarity of a guitar amp with flat design to create a truly unique experience.
I was approached in 2016 to rebrand the Centre for International Governance Innovation's (CIGI) website. CIGI is a Canadian non-partisan privately funded think tank. Their research, opinions, and public voice strives to make a difference by bringing clarity and innovative thinking to global policy making. Since the beginning, CIGI's publishing platform was driven by their researchers and board members needs. Due to the stakeholders' divergent directions and needs, their online presence became a collection of inconsistent microsites over time. The goal of this project is to better communicate what CIGI is to the public at large and simplify their publishing platform to increase readership, article discoverability and long term scalability.
KORG iWaveStation is an authentic reproduction of the original 90s device that was used by artists such as Michael Jackson, Phil Collins, and Depeche Mode. The WaveStation was the first to feature an advanced vector synthesis system that created new sounds by combining multiple waveforms. To this day it's still considered a legendary and unique instrument. This project was a dream come true. With KORG being the leading brand in music technology, it's the equivalent of being asked to reimagine the original Porsche 911 for the 21st century.
Fluid Harmonics is a triple play instrument featuring a sound bank of 30 guitars. The digital synth's three arpeggiators move in sync to create a fluid sound. This is graphically supported by the pick shaped knobs that visually fill with rolling water based on intensity.
Vuejs Typography Filters
(3)

WIP A collection of typography Vue.JS filters to control your type and own your layout!

vuejs filters typeography layout vue2
Vue 2 Img
(5)

An easy way to convert HTML sections and charts to JPG, PNG or PDF files for download or base64 encoding.

npm-package pdf-generation html5-canvas image-converter html-converter vuejs-plugin
Flutter For Web Deploy Script
(4)

🦋 Flutter for web production build script. Build Flutter beta channel inside your deploy pipeline.

flutter web devops pipeline netlify beta build bash-script
Mockup Maker

A tool to set up video screen captures on a device mockup with Python.

COIVD has forced us to stop using in-person UX research. Here are some tried and true methods we’re keeping after the lockdowns lift.

Have you ever wanted to turn your iPad or iPhone app into a website? Flutter can do that now and this script can help you share your product with the world in an easy way.