YL ON DEM 808s
A producer's beat store, live-session hub and interview archive — instant licensing across tiers, in a strict black-and-white brand.
- My role
- Designer and developer.
- Built for
- Music & creative
- Project type
- Digital product store
- Built with
- Vite · React · TypeScript · Tailwind CSS
The story
What problem existed, and what we built.
The problem
A producer selling beats needs licensing to be instant and unambiguous. Any friction or confusion about what a tier includes loses the sale.
What I built
A catalog where every beat licenses instantly across clearly-stated tiers, alongside the live sessions and interviews that build the reputation making the beats worth buying.
What it had to achieve
- Make licensing instant and unambiguous
The customer's experience
An artist previews a beat, picks a license tier, and buys it without a conversation.
What customers can do
- Browse and preview the catalog
- Instant licensing from basic through exclusive
- Live sessions and interview archive
The owner & staff experience
The catalog and its tiers are managed in one place.
What the business can do
- Catalog and licensing tier management
How it works
Architecture & integrations.
How the application, data, access controls, and connected services work together.
The catalog is the product
Everything else on the site exists to make the catalog credible.
Design decisions
The choices that shaped it — and why.
Black and white only
A strict two-color brand. With no color to lean on, hierarchy has to come from typography and space — which is a good discipline.
Content and licensing structure
The interface groups producer credits, video content, and license tiers into separate sections, with responsive layouts for browsing and comparison.
How it was built
Development process
- 1Built the store, live sessions and interview archive
- 2Added the video stage and fixed the licensing tiers on mobile
Technical overview
Technology & implementation
Technology stack
- Vite
- React
- TypeScript
- Tailwind CSS
Implementation scope
Designer and developer.
Related projects
You might also want to see
Nunu Baby Muzik
Artist platform · Project
nunubabymuzik.comAn artist site where the navigation asks what you came for instead of making you hunt — with a mailing list, booking requests and an analytics dashboard behind it.
Read the case studyWant something like this for your business?
Tell me how your days go and what you'd like to stop doing by hand. I'll tell you honestly what would help.