One-click Paragraph to Subhead Conversion

One-click Paragraph to Subhead Conversion

BRIEF

I shipped a paragraph-to-subhead conversion feature in CNN's internal CMS that eliminated the multi-step process of manually creating and pasting text into subhead components, streamlining content production for the newsroom.

SCOPE

UI/UX
CMS Platforms
Design Systems

UI/UX
CMS Platforms
Design Systems


DURATION

3 months

TEAM

Jennifer Spriggs (Design)
Christine Tran (PM)
Kevin Chin (Engineer)

IMPACT

118 clicks by 21 unique users within one month of launch;

Formatting time -112%
Numbers of clicks -75%

118 clicks by 21 unique users within one month of launch; Formatting time -112%; Numbers of clicks -75%

OVERVIEW

6 months at CNN!

6 months at CNN!

This past summer, I joined CNN's Platforms and Foundations team to design tools for Stellar, the internal CMS where editorial teams draft and edit articles before going live. My focus was on improving efficiency across the newsroom.


Through conversations with journalists and editors, I identified a common pain point: converting paragraphs to subheads required manual creation, which introduced friction in time-sensitive areas like breaking news. Working with my team, I designed and shipped a one-click conversion feature directly in the Quill bubble editor, while also refining the visual design of the component.


This case study is currently in progress. In the meantime, I've prepared a slide deck documenting my complete design process and impact metrics.

This past summer, I joined CNN's Platforms and Foundations team to design tools for Stellar, the internal CMS where editorial teams draft and edit articles before going live. My focus was on improving efficiency across the newsroom.


Through conversations with journalists and editors, I identified a common pain point: converting paragraphs to subheads required manual creation, which introduced friction in time-sensitive areas like breaking news. Working with my team, I designed and shipped a one-click conversion feature directly in the Quill bubble editor, while also refining the visual design of the component.


This case study is currently in progress. In the meantime, I've prepared a slide deck documenting my complete design process and impact metrics.

©2025 Haipei Chen

©2025 Haipei Chen

©2025 Haipei Chen

Last Update: 2025.11.5

Last Update: 2025.11.5

Last Update: 2025.11.5