Identifying and Tackling Manipulated Media

A course dedicated to truth seekers.

The spread of inaccurate and misleading information is a significant and growing problem. Reuters News Agency created this course to offer insight into what manipulated media is and how to spot it. 

My role in this project varied depending on my team at Ronik's needs. Primarily, I worked as a motion designer, creating the header and supporting animations in the course. I also worked on the UI,  translated the course's UI to mobile and tablet, as well as quality assurance for Reuter's development team.

Role: Motion & UI Designer, QA

Timeline: October 2019 - December 2019

Collaborators: Ronik Design & Reuters, in partnership with Facebook Journalism

Awards: Webby Award - Website: News & Politics

How can interaction and motion design visually represent and bring awareness to a phenomenon that is designed to be unnoticed?

MOTION

I was given a lot of creative freedom for these animations which allowed me to explore many abstract solutions. The only requirement for the animations being to maintain the brand established for visual consistency.

Header Animations

These animations were created, edited, and exported in Cinem 4D and Adobe After Effects.

Supporting Imagery

Short animations were created to further solidify the messaging of the course. I was given the text and a sketch to translate into motion graphics. These animations were made and exported in After Effects using the plugin Lottie.

UI DESIGN

Low Fidelity to High Fidelity UI

When I wasn't working on motion graphics, I hopped to translating the LoFi wireframes to HiFi by implementing the brand elements and copy.

Resposiveness

Designed the mobile and tablet UI from the desktop lofi and hifi wireframes for the website's responsivity.

DESIGN X ENGINEERING COLLABORATION

Quality Assurance

Alongside Reuter's engineering team, I swept the site in develop to track any bugs or visual inconsistencies. Issues were tracked on a spreadsheet where I marked the bug, its priority, an image, and any other supporting information.

The course is offered in 16 laguages. My Arabic knowledge allowed me to assist in tracking formatting bugs when taking the course in Arabic.