Briefing
My Role

The Newsroom application is a Government of Ontario tool for news distribution, archiving, and keeping members of the public up-to-date on everything happening in government.

The project was originally built in 2009 by another government team using the moveable type CMS system. Because of the age of the system and the fragile state of the platform the Newsroom system had to be rebuilt.

We rebuilt the system in two phases:

Phase 1- a “lift and shift” where we redesigned the front end of the system

Phase 2 – where we built our own contributor portal and cms system.

I was the lead UX/UI designer and senior frontend developer for both phases of the build process.

Before building on each phase I lead the UX/UI team through various user discovery exercises including user surveys, user interviews testing the current system and low and high fidelity prototypes, and information gathering including card sorting exercises.

In development we built newsroom as a SPA app with Laraval and Vuejs. I was responsible for designing and coding the entire look and feel of the application, ensuring the system was built to AA accessibility guidelines, and making sure the user flow met all users expectations.

Tools Used

Adobe XD, Photoshop, Figma, Trello, Jira, Confluence,  HTML5, CSS3, SASS, Bootstrap, Laravel, Vuejs, PHP, JavaScript, and Jquery.

Designs and Output
Old Newsroom Vs. New Newsroom
Old Ontario Newsroom New Ontario Newsroom
NEsroom home page low fidelity Newsroom home high fidelity
Newsroom release page low fidelity Newsroom release page high fidelity
Results

The first phase of the Newsroom project was just launched in September of 2020 to rave reviews. The new look and feel has garnered a lot of attention and has modernized the application.

Phase 2 of the project will be released at the end of 2020.