EMPIRE · Independent Record Label — Framer Commerce Web Dev 💻 by Madison GreenEMPIRE · Independent Record Label — Framer Commerce Web Dev 💻 by Madison Green
Built with Framer

EMPIRE · Independent Record Label — Framer Commerce Web Dev 💻

Madison Green

Madison Green

EMPIRE E-Commerce Website Development - Framer x Framer Commerce (Shopify)

Overview

EMPIRE is a global independent music company representing chart-topping, genre-defining artists. Their merchandise store is a major part of that ecosystem with more than 1,600 products, supporting frequent releases tied to artists, tours, and drops.
This project focused on modernizing EMPIRE’s commerce experience end to end. The existing storefront was functional, but outdated and heavily constrained by out-of-the-box Shopify patterns. The goal here was to create a flexible, CMS-driven front end in Framer while ensuring the underlying commerce system could support scale, complexity, and long-term growth.
I think we nailed it 😉

Website Preview

A.K.A. sections of the site I'm obsessed with

shop mega menu
shop mega menu
product listing page (PLP - by artist)
product listing page (PLP - by artist)
product detail page (PDP)
product detail page (PDP)
newsletter
newsletter

Project Phases

1. Commerce Restructuring & Architecture

Before anything was built, the biggest challenge was alignment.
A CMS-driven front end only works if the data behind it is structured to support it. With a catalog this large, that meant stepping back and rethinking how products, collections, and metadata should ideally be organized to power a flexible storefront. Product organization, collections, and metadata needed clearer rules to support dynamic layouts, filtering, and merchandising logic.
I worked closely with EMPIRE’s internal Shopify team to define and pitch architectural changes that would better support a flexible Framer CMS setup. Their team handled the implementation; I designed the system it was built on.

2. Storefront Redesign

EMPIRE already had an existing front end, but it was visually dated and limited by default Shopify template patterns. The redesign focused on creating a cleaner, more modern experience that felt aligned with EMPIRE’s position in music and culture.
The new design introduces editorial layouts, clearer hierarchy, and more intentional product presentation, while still supporting high-volume merchandising. Every layout was designed with CMS control in mind so the site could evolve without constant redesigns.

The original site:

3. Development & Platform Coordination

The storefront was built in Framer and connected to Shopify using Framer Commerce, but the scale of EMPIRE’s catalog pushed well beyond typical use cases.
Development required direct collaboration with Matt Jumper (shoutout to Matt!), creator of the underlying Framer Commerce plugin. Together, we worked through platform limitations and adjusted the plugin to support:
A large, fast-moving product catalog
Extensive CMS conditionals across layouts and components
Dynamic storefront behavior without sacrificing performance
This phase was critical to making the system reliable at scale and ensuring that CMS flexibility didn’t come at the cost of stability. More tools were used (none of them AI), but my lips are sealed.

Outcome

A modern, CMS-driven commerce platform for a global music company
A redesigned storefront with UX as the driving force of the experience
A scalable system that supports a 1,600+ product catalog and frequent releases
A setup that empowers internal teams to manage content and merchandising day to day

🚀 Check out the live site ⤵

Buy a vinyl or something! Keep physical media alive 💿

(Contra can't fetch the website details but it's live, I promise — click the link anyway 😊).
Like this project

Posted Feb 7, 2026

E-commerce site for EMPIRE, built in Framer with a custom, CMS-driven front end connected to Shopify via Framer Commerce.