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.






Next Project →
Next Project →
Flicks
UI/UX, Mobile
The all-in-one short film app — streaming, festival updates, and film reviews.


©2025 Haipei Chen
©2025 Haipei Chen
©2025 Haipei Chen
Last Update: 2025.11.5
Last Update: 2025.11.5
Last Update: 2025.11.5