Business Insider CMS

Business Insider CMS

Business Insider CMS

Unlocking the Newsroom: Designing Business Insider's Next-Generation CMS, Muse

Business Insider’s editorial team was relying on a decade-old CMS that slowed production and couldn’t keep pace with the demands of a modern newsroom

Role:

Sr. Designer

Role:

Sr. Designer

Role:

Sr. Designer

Contributions:

UX. UI. User Testing.

Contributions:

UX. UI. User Testing.

Contributions:

UX. UI. User Testing.

Challenge

.

Challenge

.

Challenge

.

The existing CMS was riddled with inefficiencies: slow load times, clunky workflows, and outdated publishing tools that couldn’t support rich, modern storytelling. Reporters and editors were spending more time wrestling with the platform than creating stories, while developers struggled to maintain and scale an aging system.

Solution

.

Solution

.

Solution

.

I designed a proprietary CMS from the ground up, shaping it around the newsroom’s real workflows. By streamlining publishing flows and validating designs directly with reporters and editors, I delivered high-fidelity designs and a scalable design system—laying the groundwork for a CMS that empowers, rather than constrains, the newsroom

Insights

.

Insights

.

Insights

.

One size doesn’t fit all

Reporters and editors have distinct workflows and needs

One size doesn’t fit all

Reporters and editors have distinct workflows and needs

One size doesn’t fit all

Reporters and editors have distinct workflows and needs

Familiarity matters

New features needed to balance innovation with recognizable patterns to ease adoption

Familiarity matters

New features needed to balance innovation with recognizable patterns to ease adoption

Familiarity matters

New features needed to balance innovation with recognizable patterns to ease adoption

Scalability is non-negotiable

A design system was critical for consistency and future growth

Scalability is non-negotiable

A design system was critical for consistency and future growth

Scalability is non-negotiable

A design system was critical for consistency and future growth

Approach

.

Approach

.

Approach

.

Discovery

Discovery

Discovery

Working closely with a Product Lead, we began with a discovery phase that included shadowing newsroom staff, running user interviews, and forming testing groups across editorial roles. The insights were synthesized through affinity mapping, which revealed common themes and recurring pain points.

Notes from 8 testing groups identifying and organizing pain points and improvement requests

Affinity map example

Personas

Personas

Personas

I then developed detailed personas—such as The Breaking News Reporter and The Lifestyle Editor—to represent core user groups and ensure the design stayed rooted in real-world needs. These personas guided every design decision, helping prioritize features and interactions that would truly make a difference for the people using the platform.

Breaking News Reporter persona

Initial concepts

Initial concepts

Initial concepts

With these personas in mind, I translated workflows into low-fidelity wireframes and interactive prototypes. These prototypes reimagined key publishing flows and WYSIWYG interactions, serving as early models we could put in front of users for validation.

A walk-through of the early concept story editing tool framework can be viewed here

Early concept wireframe

Validation

Validation

Validation

Prototypes were tested with the same newsroom groups in an iterative cycle: observe, gather feedback, refine. This process quickly surfaced usability issues and allowed us to validate design decisions before moving to high-fidelity designs. Once the flows were proven, I defined the platform’s visual direction—clean, modern, and intuitive—bringing the vision closer to its final form.

A walk-through of updated functionality and visual direction can be viewed here

Visual direction defined

Design System

Design System

Design System

With the core experience validated, I then established the first version of the design system. This included a component library, style guide, and documentation, creating a single source of truth for the product and ensuring consistency across future development.

Screens from the early-stage CMS design system

Outcome

.

Outcome

.

Outcome

.

results

results

results

This initial phase laid the foundation for Business Insider’s next-generation CMS called Muse. While the full impact would be realized at launch, the user-driven designs and scalable design system positioned the platform to:

  • Increase efficiency — Streamlined workflows would drastically reduce time-to-publish.

  • Enhance collaboration — Built-in tools for communication and feedback would strengthen teamwork.

  • Ensure consistency — The design system enabled a unified experience and faster, more predictable development.

Reflections

.

Reflections

.

Reflections

.

The biggest lesson from this project was the value of continuous user engagement. By embedding ourselves in the newsroom and treating staff as partners in the design process, we were able to move past assumptions and build a platform that truly met their needs.
Equally important was investing early in a design system—an upfront effort that ensured scalability, alignment with engineering, and long-term success.

Jennifer

Nappi

Jennifer

Nappi

Jennifer

Nappi