journey

Summary

The whole product as a map: every page as a small render with the roles that reach it, joined by its real links, each labelled with what you press.

Raw wireframes

• .context/designs/web/northwind/northwind-web/main/journey/view/<size or filter>.html, edit/<web|new>.html and preview.html — the map, Edit (a new page and link with its click action), Tablet, Mobile, Preview, the Open, Auth and Customer filters, and New journey

Why it is drawn this way

• A canvas with no side panel: filters across the top (All · Open · Auth · Customer · journeys of your own), the floating island at the bottom (View · Edit | sizes | zoom | Preview).
• The way through the product runs left to right on the first row; signed-in pages sit below.
• A page opens in Pages. Values follow example-northwind: 12 pages, 11 links.
• Tablet shows what is true: Northwind has no Tablet design, so it offers to use Web for Tablet or to add Tablet and capture.
• A filter fades what it leaves out rather than hiding it, so the map keeps its shape.
• Preview runs the product as a clickable prototype, with the path taken shown at the bottom.