Art director: Elisa Solinas
Design and animation: Kelly Flynn, Taylor Su, Agne Jurkenaite, Yukari Schrickel, Connie Chen, Duncan Senkumba
This project was a huge overhaul of CNN Digital’s mogrt package. The facelift began with CNN’s branding on social media (Instagram, TikTok, etc.). We called this CNN OffPlatform.
Mine and dream team’s role was to adapt the OffPlatform package to fit CNN.com and CNN Broadcast content, referred to as OnPlatform. This meant converting existing vertical mogrts to fit 16:9, and creating additional mogrts that otherwise wouldn’t exist outside of CNN.com.
I also had the task of converting the mogrts for CNN Arabic and CNN Espanol.
Styleguide
Selection of demos
Possibly most widely used in the package is the lower third template. It comes in left, center and right alignments to fit many interview camera angles, and has an option to feature a profile photo - how cute!
The headline mogrt is often used as an opener for digital videos. It’s great for short, impactful headlines and can include category tags if the content is special.
The bullet point mogrt was requested many times, and so it’s become a new addition to the package. Each point can be delayed in animation so they can appear along to the voice track.
Sometimes a statistic can be very significant, and you might want to accentuate it in your video. Big number mogrt does just that.
At CNN, social media content is often featured in digital videos. The phone template is used to frame vertical video in a horizontal frame, and helps provide additional info, like social media handle, name and text.