Milk & Honey — turning a scattered multi-page site into one story a visitor can follow start to finish

The brief started as a like-for-like rebuild of the existing multi-page structure. Three separate problems were driving it: the site’s presentation no longer reflected the company’s actual standing – a firm representing Grammy-nominated songwriters, NFL athletes, and M&A practice was showing up online looking smaller than it operated; the WordPress build made every update a developer task, at odds with a roster that changes every time a deal closes; and the site’s technical performance was weak enough to undercut the impression the rest of the content was trying to make, especially on mobile.

The goal shifted to consolidating everything the old site said – across all its pages – into a single landing page, rebuilt on infrastructure the internal team could run themselves, without losing any of the content the client wanted visitors to see.

Before wireframing, the studio needed to understand what visitors see when evaluating a company like Milk & Honey. Since traffic comes mainly from referrals, the site had to establish credibility immediately.

A competitor matrix compared Roc Nation, WME, Interscope, and Silent House across navigation, messaging, differentiation, visual identity, conversion, and mobile performance. The research revealed a clear gap: strong visuals, but vague messaging, unclear company scope, and no distinct visual identity for different business lines.

This reframed the brief from a conventional multi-page rebuild to a single-page experience that communicates scope and credibility instantly, while giving each division its own identity at a glance.

With the research findings in hand, the central decision was format: rather than rebuild the old multi-page structure, the studio and client converged on a one-page landing with modals absorbing secondary content, so the site could lead with scope and credibility above the fold instead of burying it in an About page.

Established the page’s structural skeleton: the sequence of all nine sections, where the progress bar would sit relative to content, and which points in the flow would open into modals rather than separate pages. This confirmed early – before any visual investment – that a single scroll could actually carry everything the old multi-page site held, including the content slated to move out of third-party redirects.

Locked in the page’s motion and structural language: a custom cursor built around the brand’s jug-and-dipper mark, scroll-triggered reveals for each section, and a single grid system applied across the entire page to keep it visually consistent end to end.

Because the grid touched every section, this stage carried the highest cost of change later — a trade-off accepted in exchange for a page that reads as one coherent system rather than nine loosely related sections.

Delivered production-ready screens: the compact card system for releases and players, the roster layout built to keep artist and athlete names — the site’s strongest credibility signal — visible rather than buried under content density, and the hero messaging positioned to state who Milk & Honey is and which divisions it runs within the first few seconds. Archival press photography was cleaned up with AI-assisted image processing to bring older assets to a consistent standard alongside newer photography.

Development focused on two priorities: replacing WordPress with Webflow so the internal team could manage rosters, releases, news, and offices independently, and ensuring consistent layouts from 1280px to 2560px+ across 75–150% browser zoom. A fluid system using clamp (CSS) typography and percentage-based spacing maintained visual consistency across screen sizes, while GPU-friendly animations and lazy-loaded media supported mobile performance.

Design QA ran alongside development, catching spacing, interaction, hover, and scroll-trigger issues before launch.