Page Flows UX Teardown: Every Thumbnail Has a Padlock On It

Page Flows sells recordings of other people's products being used. Someone signs up for Airbnb, or cancels a Spotify subscription, or walks through 1Password's onboarding, and captures every screen on the way. That archive is the entire product.

Which makes browsing it a strange design problem. A normal catalogue wants you to find the thing and get it. This one has to prove the archive is big enough to be worth $99 a year while making sure you can't get what's in it. Every public page is negotiating that at once.

Here are the three pages a visitor actually walks, in order:

The index that shows you nothing

The first surprise is that Page Flows' most complete browse page has no pictures on it.

"Explore All Screenshots on Page Flows," and underneath, set in a serif that appears nowhere else on the site, "Screenshots A – Z / in alphabetical order." Then a grid of letters running A through Z, plus Ü and #. Then three columns of plain text links.

&Open about (General browsing). 1Password account menu (Changing password). 1Password account menu (Deleting your account). 1Password account menu (Updating your profile) - 2.

That naming convention is the taxonomy with its clothes off — product, screen, and the flow it belongs to in parentheses. The - 2 suffix is what happens when the same screen got recorded twice and nobody reconciled it. You can read the shape of the whole database off this page, which is more than the pretty pages will tell you.

It's an SEO artifact, obviously. Alphabetical text indexes exist for crawlers, and this one is linked in the footer among six other keyword landing pages. But it's also in the navigation for humans, and that produces something honest by accident: it's the only surface on the site that shows you the true scale of the archive, and the only one that shows you none of its contents.

Recognition beats recall, which is the oldest usability rule there is, and this page is pure recall — useless for finding anything, better than the grid at convincing you the library is deep.

The grid, and the badge

Click through to a product and you get "Airbnb Web App – Full User Flow Library": a tab row for Products, Screens, UI Elements and Flows, a "Popular" sort, and a horizontally scrolling row of category chips that runs off the right edge into an arrow.

Then the grid. Look at the top-left corner of every card.

A padlock. On all of them — every thumbnail in the library carries the same badge, and the badge is doing the entire commercial job of the page.

It's a defensible call. The alternative is a blur, and blurs read as broken; a padlock reads as deliberate. But the thumbnails underneath are legible enough to be genuinely useful. You can make out Airbnb's search results, the stay grid with the total-price toggle open, the five-star review prompt after a stay. For a lot of visits that's already the answer to the question they arrived with. The padlock says pay to see this; the image says you just did.

The thing actually worth fixing is the caption. Every card reads "Airbnb / Vacation rental platform." That's the app. The flow is what you came for. Three cards side by side showing three unrelated moments in the product get labelled identically, three times over — every pixel of meaning sits in the thumbnail while the text underneath repeats the page title back at you. A locked image over a caption that names the flow would be a better trade for both sides: easier to scan, and more obviously incomplete.

The number

"Individual Pricing Plans. Starting from only $8.25 per month — Cancel anytime."

Three cards. Quarterly at $13 per user per month, billed $39 a quarter. Yearly at $8.25, outlined in yellow, badged Popular, billed $99 a year. Team at $199 with a "3 users per year" dropdown. The feature lists are near-identical; Team just drops the trial line.

Two of these numbers fall apart if you check them.

The first is the saving. Under the Yearly button: "Save 15% Best Value!" But $13 a month against $8.25 a month is a 36% cut. Whatever the 15% is measured against, it isn't anything printed on this page — presumably a plan that used to exist, or exists somewhere else. The company is understating its own discount by twenty points.

The second is stranger. Team is $199 for three users a year, which works out to about $66 a seat against the individual plan's $99. The cheapest per-person price on the page is in the last card, the unhighlighted one, and it's the only card that doesn't show a per-month figure — so the comparison never surfaces. The Popular badge sits on the more expensive option per head.

There's a third omission, and it's the interesting one. Every button on this page says "Try 3 Days." Nowhere on the pricing page does it say what those three days cost. The answer is $2.95, and it's on the homepage.

What the homepage is really arguing

The homepage opens on "UI/UX Inspiration from Real User Flows" over a wall of app icons — Uber, Instagram, Airbnb, Netflix, Shopify, Starbucks, OpenAI. The icons are the inventory, and they carry more weight than any sentence on the page. Two counts sit within a screen of each other, "Supporting over 100,000+ designers worldwide" and "Trusted by 10,000+ brands," measuring different things without ever saying so.

The middle is a competent, unremarkable feature stack. Its one real flaw is contrast: the illustrations are drawn in near-black on black, so the flow diagram and the filter panel read as vague shapes rather than as screens. On a site whose pitch is look how clearly these products communicate, the section explaining the product is the hardest part of the page to see.

One review carries the argument. A user works out, out loud, that somebody recorded themselves going through user flows over two thousand times and put the lot online for $99 a year. The objection everyone arrives with is why would I pay for screenshots I could take myself, and that review answers it by pricing the labour rather than the library. The strongest sentence on the site was written by a customer.

Then the page reprints the entire three-card pricing table, and in the paragraph above it, finally, the $2.95.

So the trial's price appears once: on the page most likely to be skimmed, in prose, hundreds of pixels below the fold. Never on the page built to answer that question. Someone who clicks "Pricing" from the nav will not find it.

Three pages, three objections

The padlock is the right call. What sits next to it isn't.

The badge is unmistakably a decision, not a rendering bug. The caption underneath it names the app when the flow is what's being sold, which makes a locked grid harder to scan than the lock requires. And a visitor who clicks "Pricing" to find out what the trial costs is on the one page that won't tell them.

Neither fix requires giving anything away, which is the part that should make them easy.