SiriusXM Blog

Music, Sports, News & More.

Live Website
SiriusXM Blog

Follow what moves you.

Music, sport, entertainment and podcasts come together in a publishing experience built around discovery and the stories behind it.

The latest stories in music and culture, captured from SiriusXM Blog and centered on a background matched to the brand.
The latest stories in music and culture
Music discovery and editorial stories, captured from SiriusXM Blog and centered on a background matched to the brand.
Lead stories and music discovery, with the editorial content in focus.
The real SiriusXM Blog performance videos interface on a MacBook in a scene created for the case study.
Broadcast studio MacBook

Closer to the performance.

A dedicated video collection brings exclusive performances and artist interviews into the editorial experience.

Performances and interview videos, captured from SiriusXM Blog and centered on a background matched to the brand.
Performances and interview videos
Entertainment stories and interviews, captured from SiriusXM Blog and centered on a background matched to the brand.
Entertainment stories and interviews

A closer look at the story.

Headlines and photography carry readers from a story’s first impression into the full article.

An exclusive John Mayer concert story, captured from SiriusXM Blog and centered on a background matched to the brand.
An exclusive John Mayer concert story
The real SiriusXM Blog article headline interface on a MacBook in a scene created for the case study.
Listening lounge MacBook

The story behind the sound.

Concert coverage connects the artists and their performances with the channels where listeners can hear more.

The article reading experience, captured from SiriusXM Blog and centered on a background matched to the brand.
The article reading experience
Podcasts and original stories, captured from SiriusXM Blog and centered on a background matched to the brand.
Podcasts and original stories
The real SiriusXM Blog performance videos interface on a iPhone in a scene created for the case study.
Backstage iPhone
The real SiriusXM Blog music interface on a iPhone in a scene created for the case study.
Sound sculpture iPhone
Explore music by genre, captured from SiriusXM Blog and centered on a background matched to the brand.
Explore music by genre
Live sport and audio coverage, captured from SiriusXM Blog and centered on a background matched to the brand.
Live sport and audio coverage
Search for artists and stories, captured from SiriusXM Blog and centered on a background matched to the brand.
Search for artists and stories
Listen to the story on SiriusXM, captured from SiriusXM Blog and centered on a background matched to the brand.
Listen to the story on SiriusXM
Find live games and listening channels, captured from SiriusXM Blog and centered on a background matched to the brand.
Find live games and listening channels

From the score to the broadcast.

The live sports strip pairs fixtures and scores with the channels carrying each game.

My Role

Senior Front-End / UX/UI Engineer

Frontend ArchitecturePerformance OptimizationUI/UX ImplementationTechnical Leadership

Migrating a legacy WordPress blog into a fast Next.js and Tailwind site while preserving the existing headless WordPress backend.

Impact

What Changed

  1. Page load

    Before

    3+ sec

    After

    0.9 sec

  2. SEO score

    Before

    55

    After

    92

  3. Frontend

    Before

    PHP templates

    After

    Next.js UI

More Cases

Hallmark Channel

Hallmark Channel

Storyteller

Storyteller

View all cases