CNN
Service
Product Design, Web Experience
Client
CNN
Year
2024

CNN’s app was held back by legacy tech. Frame redesigned it around video, live TV and Stories, and its rating rose from 3.2 to 4.8.

About

CNN ran its portal and app on outdated, hard-to-customize technology that limited both the experience and advertising. Working with a São Paulo software house, Frame was brought in to shape a new, mostly native iOS and Android app, deciding what could still be reused from the web.

After a discovery on business and editorial goals, we mapped the information architecture and reading journeys. The homepage was reorganized, video gained categories, filters and playlists, live TV stays on screen while browsing, and Stories, blogs and columns got new space.

Frame turned monetization goals into a product plan, with ads across home, articles, video and live, and an incremental roadmap for a first launch in under four months, balancing experience quality and feasibility with the development team.

Results

With the new design and CNN’s own repositioning, the app’s rating climbed from 3.2 to 4.8 in the stores within a few months of launch. The first release shipped in under four months, and the full app was delivered in eight.

CNN’s key assets now lead the experience: live TV is always one tap away, videos play like a channel with playlists, and Stories, blogs and columns open new ways to follow the news, with notifications by topic that lead straight back into the app.

Native iOS and Android apps give CNN the autonomy to evolve the product on its own terms, with advertising built into every key point of the journey, from the homepage to live broadcasts.

Framework

Discovery and business goals

Benchmarking and references

Information architecture and journeys

Native vs. WebView technology study

Ad and monetization strategy

MVP roadmap and prioritization

UX/UI design for iOS and Android

Motion design and micro-interactions

Project Credits

Design: Frame
Project Management: Marinna Santiago
Development: CNN, Vorttex and Softpad

Next Project
1
April 10, 2024
Design
Papelaria + Gucci
2
October 10, 2021
Design
Chandon
3
September 20, 2024
Design
Senna Tower
4
March 1, 2024
Design
Luma
5
October 10, 2023
Design
Canto Design
6
February 3, 2024
Design
Weflex
7
September 1, 2024
Design
Riza Asset
8
October 2, 2024
Branding
Vessel Academy
9
September 3, 2021
Motion Design
Tegra + Papelaria
10