DN Pipeline ยท Case 001

Rijksmuseum tickets: the price appears on step three

One night, one agent pipeline, one world-famous museum. We walked the mobile ticket flow, found where visitors lose the thread, and rebuilt it as a working prototype.

3museums checked
8findings
35design tokens
1night, no human input during the run

The core problem

On mobile, a visitor selects tickets, a date and a time slot before seeing what it costs. The first price shows up at checkout. For a tourist comparing options, price is the first question, not the last.

Current ticket selection: seven ticket types, no prices
NowSeven ticket types, two tickets added, no price and no total.
Redesigned ticket selection with prices and live total
RedesignPrice per type, under 18 free in plain sight, live total in the bar.

What we found

  1. Price hidden until step 3Tickets, date and time are chosen before any amount is shown.
  2. No running totalAfter adding tickets, only counts change. The sticky bar holds the button but not the sum.
  3. Seven ticket types at onceFive of them are passes and Dutch lottery cards that most international visitors do not have.
  4. Repeated content above the taskThe same three selling points appear twice and push the selector below the fold.
  5. Step indicator cut offOn a 375px screen the second step label is truncated, so remaining steps are unclear.
  6. Free entry for under 18 behind an iconA strong reason to book as a family is hidden in a tooltip.

Full audit with all eight findings: audit.md

The redesign

Three short steps instead of five long ones, with the total visible from the first tap.

Step 1 empty Step 1 with tickets Step 2 date and time Step 3 review
Open the prototype on your phone

Hypothesis to test

Showing price and total from the first step lowers drop-off between ticket selection and checkout, because visitors no longer have to proceed to learn the cost. Measure: continuation rate from step 1 to step 3, as an ab-test against the current flow.

Foundations

Colours sampled from the live site and set up as variables in Figma, with text styles and core controls. The prototype uses the same tokens in CSS.

Figma foundations specimen

How it was made

1. ReconThree ticket flows walked on mobile, weakest one chosen.
2. AuditScreenshots per step, findings ranked by impact.
3. FoundationsTokens and text styles built in Figma.
4. PrototypeWorking mobile flow with a live total.
5. QAAutomated iPhone test, with and without reduced motion.
6. PublishThis page, deployed automatically.