Ivy Park by Beyoncé
Nordstrom. Exclusive US launch. An NDA before the brief landed. Six weeks from moodboard to live, and most of the product gone within days.
Field Creative Direction Campaign Design Experience Design
Author Jeremy Prasatik Published: 2016 Status: Complete
Classification Creative Direction Campaign Design Experience Design Copywriting
Abstract
Beyoncé's first activewear line. Nordstrom held the exclusive US retail partnership, which meant the digital experience had to carry the full weight of the launch. No other retailer had product. No other site told the story. The website was the storefront, the lookbook, and the campaign rolled into one URL.
Four weeks to moodboards, wireframes, and a concept pitch. Two weeks to build and ship. The brief arrived under NDA before the team had cleared their schedules. Daily calls with Ivy Park while direction locked. Photography supplied: black-and-white athlete portraits, color product against blue and gray backgrounds. Everything else open. Typography, layout, copy, animation, interaction. That kind of latitude on a project this visible doesn't happen often.
The polygon emerged during concepting as a way to break the rectangular grid the photography sat in. Angled, rotated, animated on scroll. It carried from hero banner through product carousels into email headers. Custom CMS components built for the project entered Nordstrom's shared library and powered other launches for two years. 95% of products sold out within days.
An NDA. Then a Blank Page.
A cleared calendar and an NDA before the brief landed. Beyoncé's name on the project. A timeline that left no margin. Four weeks to pitch. Two to ship.
Nordstrom held the only US retail partnership. That made the website something it usually isn't: the entire launch surface. Brand story, product showcase, campaign rollout, all on one page that hadn't existed yet. The digital experience didn't support the launch. It was the launch.
Week one: references, moodboards, competitive audit. Nobody in activewear had done what Ivy Park was attempting. The brand positioned itself between luxury fashion and athletic performance. The digital experience needed to land in that gap without leaning too far toward either side.
Weeks two through four: wireframes, design concepts, copywriting, motion studies. Everything presented to Beyoncé's creative team for approval. Daily calls. Fast feedback. Revisions turned around overnight.
Beyoncé's team supplied the photography. Black-and-white athlete portraits. Color product shots against blue and gray backgrounds. Editorial, with range across body types and ethnicities.
Everything else was open. Typography, layout, copy, animation, interaction. That kind of latitude on a project this visible doesn't happen often. The type went larger than expected. Motion lived in every scroll position. Photography got room to breathe.
One scrolling brand experience. A series of launch emails timed to the drop. Digital marketing across Nordstrom's owned channels. Social assets formatted for every platform. In-store signage for physical locations carrying the line.
Six deliverable categories. The polygon, the typographic cadence, the progression from black-and-white into color. Same vocabulary in every format. Consistent from inbox to storefront.
The Timeline
Week one: references, moodboards, competitive audit. Nobody in activewear had done what Ivy Park was attempting. The brand positioned itself between luxury fashion and athletic performance. The digital experience needed to land in that gap without leaning too far toward either side.
Weeks two through four: wireframes, design concepts, copywriting, motion studies. Everything presented to Beyoncé's creative team for approval. Daily calls. Fast feedback. Revisions turned around overnight.
The Freedom
Beyoncé's team supplied the photography. Black-and-white athlete portraits. Color product shots against blue and gray backgrounds. Editorial, with range across body types and ethnicities.
Everything else was open. Typography, layout, copy, animation, interaction. That kind of latitude on a project this visible doesn't happen often. The type went larger than expected. Motion lived in every scroll position. Photography got room to breathe.
The Scope
One scrolling brand experience. A series of launch emails timed to the drop. Digital marketing across Nordstrom's owned channels. Social assets formatted for every platform. In-store signage for physical locations carrying the line.
Six deliverable categories. The polygon, the typographic cadence, the progression from black-and-white into color. Same vocabulary in every format. Consistent from inbox to storefront.
The Polygon Held the Page Together.
A single scrolling page doing the work of a website, a lookbook, and a launch trailer at once. The polygon emerged during concepting as a way to break the rectangular grid the photography sat in. From there it spread.
Started as a crop mask for portraits. Angled edges against the rectangular photo grid gave athlete imagery a geometric tension that matched the brand's positioning between sport and fashion. The shape animated on scroll, rotated between sections, scaled from thumbnail to full-bleed. One geometric idea handling framing, motion, and signature in a single move.
A hexagonal frame. Angled, rotated, sometimes cropping a portrait tight to the jawline, sometimes opening wide enough to hold a full figure. The shape carried from the hero banner through product carousels and into email headers.
Animated on scroll. The polygon rotated slowly as the page moved, giving flat photography a sense of depth. A single CSS transform doing real design work.
"Confidence is Strength." Set large. Overlapping imagery. Running across the full viewport width with mixed weights and staggered baselines. The type wasn't captioning the photos. It competed with them for attention.
The brand voice came together during production. Short declarative statements. Present tense. Second person when it appeared at all. "Ivy Park is for everybody. And every body." Copy that worked at 12px in an email subject line and at 200px across a scrolling hero.
The experience required components that didn't exist in Nordstrom's CMS. Parallax modules. Animated polygon masks. Full-bleed video sections with scroll-triggered playback. Type lockups with responsive scaling.
Built them. After launch, they entered the shared library. Other brand launches and campaign pages used them for two years. The Ivy Park project paid for itself in reusable infrastructure.
The Polygon
A hexagonal frame. Angled, rotated, sometimes cropping a portrait tight to the jawline, sometimes opening wide enough to hold a full figure. The shape carried from the hero banner through product carousels and into email headers.
Animated on scroll. The polygon rotated slowly as the page moved, giving flat photography a sense of depth. A single CSS transform doing real design work.
Typography at Volume
"Confidence is Strength." Set large. Overlapping imagery. Running across the full viewport width with mixed weights and staggered baselines. The type wasn't captioning the photos. It competed with them for attention.
The brand voice came together during production. Short declarative statements. Present tense. Second person when it appeared at all. "Ivy Park is for everybody. And every body." Copy that worked at 12px in an email subject line and at 200px across a scrolling hero.
CMS Legacy
The experience required components that didn't exist in Nordstrom's CMS. Parallax modules. Animated polygon masks. Full-bleed video sections with scroll-triggered playback. Type lockups with responsive scaling.
Built them. After launch, they entered the shared library. Other brand launches and campaign pages used them for two years. The Ivy Park project paid for itself in reusable infrastructure.
Confidence is Strength. Courage is Power.
From One Page to Every Surface.
The scrolling page carried the brand. The campaign pushed the same vocabulary out across every channel Nordstrom owned. Launch emails. Digital ads. Social assets. In-store screens. Same elements, every format.
Once the page locked, the rest was format adaptation. Polygon, type, photography already established. Email templates, banner ads, social formats: execution rather than invention. The visuals scaled because the elements were simple. A polygon crops the same at 300px and 3000px. Bold type reads at any size. Black-and-white photography converts to any aspect ratio.
Sold Out in Days
Six weeks from NDA to live. 95% of product gone within days.
Services
Creative Direction
Campaign Design
Experience Design
Copywriting
Stack
Nordstrom CMS
Custom Components
HTML/CSS/JS
Links
Beyoncé's team brought the photography and the brand name. The creative direction, typography, layout, motion, copy, and rollout happened in a Nordstrom office. Small team. Hard deadline. The brief was open enough to allow real decisions and tight enough on time to require them.
The polygon. The type at scale. The progression from black-and-white into color. None of it came from a brand guide. There wasn't one.
After launch, Beyoncé sent the team a personal thank-you video. That part stays off social.
