On The JLo

A fan-first campaign page for Jennifer Lopez's On The JLo community.

Live Website
On The JLo

One campaign. Many ways in.

The This Is Me...Now campaign connects signup, music and merchandise, alongside On The JLo’s immersive home for exploring music, film and career moments.

This Is Me...Now campaign artwork, captured from On The JLo and centered on a background matched to the brand.
This Is Me...Now campaign artwork
Join On The JLo signup, captured from On The JLo and centered on a background matched to the brand.
Join On The JLo signup
The real On The JLo fan signup interface on a MacBook in a scene created for the case study.
Jlo dressing room MacBook

An invitation to join.

A focused signup connects fans with news, special experiences and exclusive content from On The JLo.

The campaign in the press, captured from On The JLo and centered on a background matched to the brand.
The campaign in the press
Comments from the JLovers, captured from On The JLo and centered on a background matched to the brand.
Comments from the JLovers
The real On The JLo immersive home interface on a MacBook in a scene created for the case study.
Jlo screening lounge MacBook

Step into the wider world.

Alongside the focused campaign page, On The JLo’s immersive homepage brings music, film and career moments into a visual environment to explore.

The immersive On The JLo homepage, captured from the real On The JLo immersive site and centered on a matching background.
The immersive On The JLo homepage
Albums, films and moments in the immersive timeline, captured from the real On The JLo immersive site and centered on a matching background.
Albums, films and moments in the immersive timeline
Can’t Get Enough single and listening link, captured from On The JLo and centered on a background matched to the brand.
Can’t Get Enough single and listening link
This Is Me...Now album discovery, captured from On The JLo and centered on a background matched to the brand.
This Is Me...Now album discovery
The real On The JLo album release interface on a iPhone in a scene created for the case study.
Jlo backstage iPhone
The real On The JLo merch collection interface on a iPhone in a scene created for the case study.
Jlo vinyl iPhone
The Now Collection merchandise, captured from On The JLo and centered on a background matched to the brand.
The Now Collection merchandise

Keep the world connected.

The same campaign language carries into the collection, with a direct route from discovery to the official store.

My Role

Senior Front-End / UX/UI Engineer

Frontend ImplementationCampaign Landing PageSubscriber FormsVideo EmbedsResponsive UIThird-party Widgets

I built the frontend experience for a lightweight On The JLo campaign page, connecting the signup journey with the ticket, video, album, and merch content fans expected to find in one place.

Campaign Work

What I Built

  1. Fan signup

    Created a clear join flow for email capture, subscriber verification, success states, and unsubscribe paths.

  2. Ticket access

    Integrated the Seated widget so tour access could sit directly inside the campaign experience.

  3. Video section

    Added embedded video moments for Rebound, Can't Get Enough, and the This Is Me...Now: A Love Story trailer.

  4. Album discovery

    Connected fans to Can't Get Enough and This Is Me...Now listening destinations with campaign artwork.

  5. Merch pathway

    Added a direct shopping path for This Is Me...Now merchandise without pulling users away from the campaign too early.

  6. Responsive polish

    Kept the page simple, visual, and mobile-friendly across signup, media, ticket, and content sections.

More Cases

Eden Studio

Eden Studio

SiriusXM Blog

SiriusXM Blog

View all cases