Identifying and Tackling Manipulated Media

Providing clarity in an age of misinformation.

Identifying and Tackling Manipulated Media is a learning platform that aims to equip journalists and newsrooms around the world with the knowledge and skills to fight the spread of misinformation. Ronik teamed with Reuters to create an immersive, accessible experience and unique visual identity.

Role: Motion & UI Designer, QA

Timeline: October 2019 - December 2019

Collaborators: Ronik Design & Reuters

Awards: Webby Award - Website: News & Politics

How can we user interface and motion to invite our users to look closely, look again, and decipher what they are seeing?

MOTION

The visual identity of the experience is defined by stylized, looping videos that introduce each chapter. I created these custom, 3D renders to offer an abstract but meaningful visual representation of each theme. The full-screen chapter introductions are immersive moments meant to punctuate the experience, draw the user’s attention with visual interest, and give users clear indicators of progress and context.

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.

Quality Assurance

Alongside Reuter's engineering team, I swept the site in development to track any bugs or visual inconsistencies. The course is offered in 16 languages. My Arabic knowledge allowed me to assist in tracking formatting bugs when taking the course in Arabic.

Post Launch Outcomes

The launched course initially included four languages and featured three distinct chapters with multiple, multimedia-rich sections within each. 

 As a result of the success following the launch of the project’s initial phase, Reuters partnered with Ronik again in 2020 to implement an additional 10 languages to further expand its reach and assist newsrooms across the world.