Business Insider Rebrand

BI Rebrand

Business Insider Rebrand

Bold Evolution, Measured Precision: Leading Business Insider’s Largest Digital Rebrand

Business Insider undertook a significant rebrand, aimed at revitalizing the brand, unifying the experience across platforms, and reconnecting with its core audience

Role:

Principal Designer

Role:

Principal Designer

Role:

Principal Designer

Contributions:

UX. UI. Creative Direction. Strategy.

Contributions:

UX. UI. Creative Direction. Strategy.

Contributions:

UX. UI. Creative Direction. Strategy.

Challenge

.

Challenge

.

Challenge

.

The UXD team was tasked with translating a visually rich Brand Book—created by an external agency—into scalable, product-ready designs for web, app, and email. Leadership had strong creative input, and much of the existing site structure needed to remain intact, requiring me to balance bold visual change with the practical realities of usability, accessibility, and technical feasibility.

Samples from the new Brand Book

Solution

.

Solution

.

Solution

.

I led the team in transforming the Brand Book into a scalable digital system—refining layouts, typography, and interactions so the new identity felt modern and cohesive across platforms. By balancing bold visual change with continuity of user flows, we delivered a rebrand that energized the product without disrupting the reader experience.

Insights

.

Insights

.

Insights

.

Audience first

Our core readers (disruptive go-getters) demand speed, clarity, and credibility.

Audience first

Our core readers (disruptive go-getters) demand speed, clarity, and credibility.

Audience first

Our core readers (disruptive go-getters) demand speed, clarity, and credibility.

Brand ≠ digital

Adapting the Brand Book for digital required thoughtful usability, accessibility, and responsiveness.

Brand ≠ digital

Adapting the Brand Book for digital required thoughtful usability, accessibility, and responsiveness.

Brand ≠ digital

Adapting the Brand Book for digital required thoughtful usability, accessibility, and responsiveness.

Systemization matters

A scalable component library would be critical for consistency and efficiency across future product updates.

Systemization matters

A scalable component library would be critical for consistency and efficiency across future product updates.

Systemization matters

A scalable component library would be critical for consistency and efficiency across future product updates.

Approach

.

Approach

.

Approach

.

Discover + experiment

Discover + experiment

Discover + experiment

In early discovery, I worked alongside four UXD teammates to explore the new brand system. We tested a spectrum of concepts—from bold reinventions to transitional designs that bridged old and new—conducting rapid reviews to iterate and identify promising directions. I helped curate which designs to share with stakeholders, ensuring their feedback translated into clear guidance for the team.

Collection of early stage designs for a variety of page features and templates.

Direction Setting

Direction Setting

Direction Setting

From these explorations, two clear directions emerged:

Bold and Blue — a high-impact, vibrant approach

Elevated Grid Lines — a refined, elegant interpretation

Both leaned on the new brand foundations outlined in the Brand Book.

Concept 1: Bold and Blue

Concept 2: Elevated Grid Lines

Stakeholder feedback was pivotal. I translated their input into clear, actionable guidance for the team—refining where to push boldness, where to hold back, and how to weave the strongest elements from both concepts into a unified approach. This process led to a set of guiding design principles and our creative north star: a design vision that balanced bold evolution with trusted familiarity, keeping every decision aligned as we moved forward.

North Star: Homepage and Story Page

North Star: Homepage

rollout

rollout

rollout

Working with product managers, I prioritized templates for rollout based on business goals and development capacity. I organized the team to design in parallel—each focusing on key layouts like homepage, article, and landing templates—while maintaining cohesion through weekly critiques and shared documentation.

As part of the rollout, I led efforts to translate the new brand into a scalable, cross-platform design system—laying the foundation for consistent implementation across web, app, and email. I built and maintained centralized Figma libraries to drive visual consistency, streamline workflows, and support cross-team adoption.

See the case study for the design system project here

Screens from the BI Design System

Outcome

.

Outcome

.

Outcome

.

We successfully launched the rebrand across all major digital platforms without disruption to user experience or content delivery. Along with maintaining the site’s core page structure, we increased the number of stories that could be displayed and curated, and added a new “Featured Authors” section. These improvements gave editors more flexibility and readers faster access to top stories.

Old homepage structure: 13 curatable stories, 5 Most Popular stories, 3 video thumbnails

New homepage structure: 16 curatable stories, 8 Most Popular stories, new featured Authors section, 10+ vertical video carousel

Results

.

Results

.

Results

.

Maintained brand integrity despite structural and technical constraints

Maintained brand integrity despite structural and technical constraints

Maintained brand integrity despite structural and technical constraints

Stronger alignment across teams and platforms

Stronger alignment across teams and platforms

Stronger alignment across teams and platforms

Increased stakeholder confidence through consistent, high-quality execution

Increased stakeholder confidence through consistent, high-quality execution

Increased stakeholder confidence through consistent, high-quality execution

A scalable design system that cut design and development turnaround time

A scalable design system that cut design and development turnaround time

A scalable design system that cut design and development turnaround time

Reflections

.

Reflections

.

Reflections

.

This rebrand proved that successful digital brand translation demands adaptability, audience focus, and cross-functional diplomacy. Even with creative constraints—from legacy architecture to varied stakeholder perspectives—anchoring every decision to user needs and scalability allowed us to deliver a polished, future-proof result.

Jennifer

Nappi

Jennifer

Nappi

Jennifer

Nappi