Launched in two weeks.
Looks like it took months.
The Artist
Joon is a musician with 22 releases and an active catalog spanning four years. The brief was direct: launch fast, but do not look like everything else. Most sites built on a two-week timeline look like it. Template layouts, stock components, a logo applied to someone else's design system. The seams always show.
The goal was a site that felt considered: catalog, store, and the artist's world together as one experience. Not three separate tools pointing at each other.
The Gallery
The album gallery above is the centerpiece. Every cover is present simultaneously in a horizontal carousel with physics that give it weight: covers toward the edge tilt outward, scale down, lift slightly, the way records fan across a flat surface. The gallery is always in motion.
22 releases should feel like evidence of sustained, serious work. A first-time visitor should understand immediately that this artist has been at this for years and is still going. A grid of thumbnails does not do that. This does.
OUTCOME
Timeline
Album gallery, merch store, tour dates. Designed, built, and live in two weeks.
From brief to live site
The Catalog
Albums and tour dates are managed in the same Shopify admin used for orders, with no separate CMS, no second system to log into. When a new release goes up, one entry gets added. The gallery, the discography, and the tour table update automatically. A release should feel like a creative act, not an administrative one.
Cover art lives on the same infrastructure already handling product images for the store. There is no media library to manage. No upload workflow. Everything shares one source and stays in sync.
SHOPIFY METAOBJECTS
ALBUM
NAME
RELEASE DATE
COVER IMAGE
SPOTIFY LINK
GALLERY
ARC CAROUSEL
DISCOGRAPHY
ORDERED BY DATE
TOUR DATE
VENUE
DATE
CITY
TICKET URL
TOUR TABLE
UPCOMING + PAST
The Store
The merch store runs on Shopify but looks and feels like the rest of the site. A fan browsing the discography and a fan shopping for merch are in the same world: same visual language, same typography, the same sense of the artist. Not a redirect to a generic storefront with a logo dropped into a template.
Merch tied to a specific release is linked at the data level. When the release exists and the merch exists, the connection is already there. No manual wiring. No separate update required.
FAN COMMERCE ARCHITECTURE
CUSTOM EXPERIENCE
CATALOG BROWSER
PRODUCT PAGES
CART
CUSTOMER ACCOUNTS
SHOPIFY LAYER
PRODUCTS
INVENTORY · VARIANTS
METAFIELDS
RELEASE LINKS · MEDIA
STOREFRONT API
GRAPHQL · REAL-TIME
CHECKOUT
PAYMENTS · TAX
[ LET'S WORK TOGETHER ]
Need it fast
and built right?
If you are an artist, a label, or a brand with a deadline and a standard to meet, this is the conversation to have before the next release date locks in.
Book a call[ Project Gallery ]