BRRH AI Automation
Jon Ney executive music producer portfolio — music producer website design example
Music / EntertainmentPersonal BrandLas Vegas, NV

Jon Ney

3Switchable Design Concepts
9Sections Shipped
4Featured Releases

The Challenge

Jon Ney — a multi Billboard-charting executive music producer with credits on the B.B. King biopic Lucille, Paris "Together" (21M streams), and top-10 Beatport releases — needed a portfolio site that could carry that catalog with cinematic restraint. He wanted a premium web presence under his personal name (not the Animal Head Entertainment label), and needed to see multiple design directions side-by-side before committing to a single register.

The Solution

We built a cinematic portfolio on Next.js 16 with a theme-switchable design system — three concepts (Theatrical, Editorial, Dancefloor) toggled via a bottom-right pill and persisted per browser via localStorage, all powered by CSS variables on a data-theme attribute for zero re-render swaps. The site ships with nine sections including a Lucille film credit chip pulled verbatim from the official one-sheet, a Melody Man jazz album section, four YouTube-embedded release thumbnails with click-to-play, an animated partner-strip marquee (Spinnin', Smash The House, BB King, AHE, Oxygen), and a mobile scroll-snap carousel for releases. Full share metadata generated at the edge with next/og — custom OG card, Twitter image, JN monogram favicon, Apple icon, manifest — plus JSON-LD Person + WebSite graph and a robots.txt that welcomes AI crawlers.

Next.js 16React 19TypeScriptTailwind CSS 4Turbopacknext/ogVercel

What We Built

9-Section Portfolio

Nav, hero, Lucille, Melody Man, releases, partner strip, about, services, contact, footer

Theme-Switchable Design System

Three concepts (Theatrical, Editorial, Dancefloor) swap via CSS variables — zero re-renders, localStorage-persisted

Cinematic Hero

Blue-light producer portrait with Bebas Neue display type, royal blue + gold palette, and citation-safe credit chips

Release Reel

Four YouTube-embedded featured releases with click-to-play thumbnails and mobile scroll-snap carousel

Animated Partner Marquee

Infinite-scroll partner strip with edge fade and pause-on-hover — Spinnin', Smash The House, BB King, AHE, Oxygen

Full Share Metadata

Custom OG card + Twitter image via next/og, JN monogram favicon, Apple icon, manifest, sitemap, AI-friendly robots.txt

JSON-LD Graph

Person + WebSite structured data for producer credit surfacing in search and AI answers

Results

RD 1
Live Portfolio
joncney.com
RD 2
3 Concepts
Design Directions Delivered
RD 3
Cinematic Feel
A24 / Apple TV+ Register
RD 4
Mobile Ready
Scroll-Snap Carousel

Want Results Like These?

More Work

Music Producer Website Design: Jon Ney | Bryan Rivera AI Automation