Nike Commerce — Desktop
The desktop edition of the Nike store, built in Figma as the V3 Motion flow (starting at V3 D01 Home · Settle) and walked end to end below — laid out the way nike.com actually presents on a wide screen: utility bar, full navigation, search, and bag. Home, sign-in, verification, departments, browse, the Free RN Flyknit product page with inline size selection, bag, checkout, and a confirmed order. One shoe, carried through every screen without losing context. Designed to WCAG 2.1 AA.
Below is the Motion Design walkthrough — it plays itself, right here on the page (pause it any time). Watch the beats: the dawn hero settles in layer by layer, Browse cards stagger up, the grid photo morphs into the product page, a size ticks in, and then the centerpiece — the shoe arcs into the bag, the badge pops, and the mini-bag drawer slides in. Checkout fills its stepper, Place Order runs a processing state, and the confirmation check lands with a bounce. Products and prices match the Figma file exactly — the same set the V3 Motion flow runs.