CIGI Think Tank

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.


Old CIGI Site

CIGI's original website contributed to the confusion about their identity as a think tank institution.

The root cause seemed to stem from poor navigation and content discovery. There was many dead ends and too much cruft. The dated design style didn't help. This was supported by competitive think tank research and user interviews with internal staff and public audiences.

A sample of CIGI's confusing old website

Using Google Analytics and click heat mapping, it was clear the "About" section was the most viewed page by CIGI's visitors. Few readers explored the actual content on their publishing platform.

Solving this problem required mapping legacy data to a new unified data model to develop a new site upon. In the end, the engineering team and I simplified dozens of content patterns down to 6 scalable page types that resulted in better UX and long term engineering and UX sustainability.

New Site Map

The new strategy was to move to a keyword focused navigation and away from a content type navigation. Using the new dynamic site map, new content is front and center and the user can deep dive on a topic and explore all of CIGI's research on the topic. Articles, podcasts, books and interactive essays on a topic appear along side each other to keep the user learning and exploring.

Home Page

The new homepage is loud and visual. Gripping visuals and editorial illustrations invite the user to engage with CIGI's research. It lets the public know that CIGI is a dynamic and active research hub that always has worthwhile to share.

Home page layout

Revamping search was at the heart of the strategy. It let CIGI's corpus of resources be easily browsed and then drilled down for niche needs. Policy papers and expert opinion articles could be viewed in place or filtered out. This was especially useful for academics trying to build on the prior work of their colleagues. Overall this brought a decrease in bounce rate and an uptick in pages viewed by first time visitors.

Search Screen

The streamlined navigation highlights the new data types and allows the content to nest nicely into each other. Research topics are now first in the list with more narrow needs further down the page.

Improved site navigation

Misc Layouts

Misc Layouts

Rebranding

Towards the end of the project, the CIGI leadership became so excited about the new web platform that they ushered more redesigns to express their emphasis on innovation and clear communication. This included moving a way from their old navy blue color scheme and a fresh modernist logo type.

New CIGI Branding

New Thinking On Innovation

CIGI launched a new weekly research series with the rebranded website launch. This new application proved to be a great opportunity to extend their marketing and publishing platform across digital, print, and video campaigns.

It was a true test of the new features built-in for interactive essays and get realtime feedback on the new platform with a wide audience.

Web Layouts

New Thinking On Innovation web layouts

Email Notifications

Email notifications

Book Cover

Book covers

OpenCanada.ca

The refresh efforts also crossed over to their sister publisher, Open Canada. Open Canada is an open source initiative funded by CIGI to highlight diverse stories about Canadian domestic and international issues.

The final application to launch their new brand appeared on the redesigned their 2016 Open Canada Annual Report. It has a rich, interactive, and smooth reading experience using the new CIGI style and tools.

Report Cover

The report cover featured all contributor author names. OpenCanada 2016 Report, featuring all contributor names

Articles

OpenCanada 2016 Report, articles

OpenCanada 2016 Report, articles


Contributions

¶ UX Research ¶ UX Design ¶ UI Design ¶ Creative Direction ¶ Logo and Branding ¶ Font-end Development ¶ CSS Animation ¶ Django ¶ Drupal

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.
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.
In 2017, a team of proud Canadian volunteers including myself, digitized our country's founding documents in celebration of Canada's 150th anniversary.
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.