003 · Studio product · Media hub · 2025
Mike Will Made It Media Hub
A media hub for the producer behind Beast Mode and Black Beatles — catalog of 340+ placements, sync-licensing inquiry router, content publishing surface, and brand presence. 98 Lighthouse score. Brief to live domain in 3 weeks.
Timeline
3 weeks
Role
Design / build
Perf score
98 / 100
Mobile LCP
< 1s
The brief
A media hub that holds up next to the work.
Mike Will Made It is one of the defining producers of the last decade — Beast Mode, Black Beatles, Bad and Boujee. The catalog is extraordinary. The existing web presence was not.
The brief: build a media hub — a living catalog of 340+ placements, a routed contact system for sync-licensing and feature requests, a content publishing surface for releases and news, and a brand presence that earns its place next to names like Future, Kendrick, and Swae Lee. Performance was non-negotiable — the previous site loaded in 8 seconds on mobile.
The approach
A bespoke design system built around the catalog, not around conventions.
Most artist sites default to a dark mood board with a hero image and a contact email. We built a site where the catalog is the experience — sortable by artist, year, genre, and placement type. The visual language borrows from music production software: precise, monochromatic, with accent color used as signal, not decoration.
Performance was treated as a design constraint from day one, not an optimization pass at the end. Images entered the pipeline as full-resolution assets and were processed through a Vercel-hosted transformation pipeline that serves appropriately sized WebP and AVIF variants based on device. First contentful paint on mobile stayed under 800ms throughout development.
What we learned
Headless CMS choice determines how often the client actually uses it.
Sanity was chosen specifically because its Studio interface is approachable enough for a non-technical team to manage catalog updates without involving a developer. The content model — placements, artist relationships, tags, date ranges — maps cleanly to Sanity's document model with minimal custom field types.
The biggest time investment was the content migration. Several hundred placements, each with correct metadata, artist relationships, and media assets. Building a solid import script at the start of the engagement saved weeks of manual data entry at the end.
Result
98 Lighthouse score. Three weeks start to finish.
Brief to live domain in 21 days. Lighthouse performance score of 98 on desktop and mobile. Sub-second LCP across all device categories tested. The catalog launched with 340+ placements, fully categorized and searchable.
The site is live at mikewillmadeit.com.
Stack
Technologies used
Need a product surface with a point of view?
We take a small number of client engagements each year. Real problems only.