Nike UX Teardown: Two Storefronts Wearing One Logo

There is a page on nike.com that sells shoes without showing a single price. It is the actual buying surface for the products Nike wants you to want most. Scroll it and you get photographs, a style code, a colorway name, and nothing that resembles a transaction. Then change one URL and you land on a grid that opens with the number 16,794.

Both pages are Nike. They are built on opposite premises, and the distance between them is the most interesting thing about this storefront.

The feed that refuses to sell

SNKRS is where Nike's hyped releases live, and it is organized around a question no ordinary shop asks. The tab row reads Feed · In Stock · Upcoming · Maps — availability, not category. There is no Men, no Women, no Shoes. The only sorting axis that matters is can you get it.

Price is absent from every card. In most contexts that is a straightforward usability failure, since hiding price is one of the reliable ways to lose people who are ready to buy (NN/g on showing price). Here it is doing something else. When a product's constraint is supply rather than cost, price stops being the decision and becomes a formality; what you actually need to know is the date and whether you have a shot. So a dated "This Week in SNKRS" tile occupies the slot a discount banner would hold anywhere else, and products are captioned like magazine entries — a style code set above a colorway name, the way a gallery labels a print.

The interface is not describing scarcity. It is shaped like scarcity, and everything a normal storefront uses to close a sale has been removed.

Then the catalog says 16,794

Ask for new shoes and Nike sends you somewhere else entirely. The /w/new-shoes URL redirects to the unfiltered catalog, and the heading states the result without flinching: All Products (16794).

Every restraint from the previous page is gone. Cards carry colorway swatches, a red Best Seller badge, a price, and a green discount line. A left rail offers a Pick Up Today toggle above a flat list of categories. This is competent, unremarkable e-commerce. It is also wearing the same logo as the page before it.

The two interfaces teach contradictory things about what a Nike product is. One says these objects are rare and price is beside the point. The other says there are sixteen thousand of them and here is 25% off. A visitor arriving from a campaign about a single shoe now has to relocate that shoe inside a catalog that has stopped speaking the brand's language, using a category list that could belong to any retailer. Recognition becomes recall (NN/g): you were shown a story, and now you have to remember its name and go find it.

Big catalogs need a workhorse grid, so having two modes is not the failure. The handoff is: nothing carries the reader from the editorial promise to the shelf where it is kept.

The membership pitch is a poster

The account page makes the tension visible in a single screen. It opens as a full-bleed photograph with It's Better as a Member in cut-out caps and one white Sign Up pill.

It is a beautiful piece of art direction, and the supporting line pays for it. "Move, Shop, Customize and Celebrate with the best of Nike" is set in thin white type straight across the busiest region of the image, where the letterforms half-dissolve into building and skin. Text laid over photography is where contrast fails (NN/g), and this is the one sentence on the page actually explaining what membership is. The headline above it supplies a mood and no information. Whatever the line contributes, it contributes only to readers who can make it out (WCAG 1.4.3).

Below it the benefits arrive as image tiles: shipping, wear tests, receiptless returns. The page argues in pictures, and for benefits that is the right instinct.

The homepage never sells you anything

The homepage runs about 12,900 pixels of scroll and contains no product grid at all.

A black promo bar carries the only discount on the entire page. Everything under it is campaign blocks: ACG, NikeSKIMS, Nike Football, a running story, each built to the same shape of full-bleed image, all-caps headline, one line of copy, a Shop button. The repetition is what makes a scroll this long survivable. You learn the unit once, then read the page as a contents spread, and the visual hierarchy holds because every block declares its rank the same way (NN/g).

This is Nike doing what Nike is better at than nearly anyone, and the aesthetic-usability effect is fully in play. A page this well-photographed buys enormous patience (NN/g). But it also sets an expectation the rest of the site has to honor. Twelve thousand pixels of authored, edited, art-directed storytelling hand you off to All Products (16794). The homepage spends the entire scroll establishing that Nike chooses things for you. The catalog's first act is to hand all sixteen thousand of them back.

The surface Nike never built

The move worth stealing is SNKRS's: when supply is the real constraint, build the interface around availability instead of price. Sorting by whether you can get the thing communicates scarcity better than any "Only 3 left!" badge, because the page's structure carries the claim instead of a label asserting it.

What Nike is missing is smaller than a redesign. Neither page needs to change; the thing that does not exist is the surface between them — a landing that keeps the campaign's language and hands over a grid that has already been filtered down to what the campaign was about. Right now a story about one shoe resolves to all sixteen thousand, and the reader does the sorting that the editorial just promised had been done for them.

That gap is worth measuring on your own site, and it is cheap to find. Take the three paths a visitor actually arrives on — the campaign, the category link, the search result — and walk each one to the point of purchase. Anywhere the voice changes mid-path, you have found what the photography is paying for.

Take it further

The lens behind this teardown — can a visitor tell what they're looking at, and what to do next — is the UX Clarity framework, the same one we apply in a Full UX Audit. For how that scoring turns into prioritized fixes, read what a real UX audit looks like.

Sources: NN/g — Show Price · NN/g — Recognition vs Recall · NN/g — Text Over Images · NN/g — Visual Hierarchy · NN/g — Aesthetic-Usability Effect · WCAG 1.4.3 Contrast (Minimum).

Ready to find where your brand's promise and your product's actual paths have drifted apart? Apply for a Full UX Audit →