← All demos

§Demo 04 · Site map

This site, drawn as a flow.

In an Auis project a journey is a page of the app: screens are cards tied to real routes, and several journeys share one board. Here the same idea is applied to the site you are reading.

Lens

Fifteen cards, three journeys. A card with more than one dot is shared between journeys.

Every card is a link. On a small screen the board scrolls sideways; the index below lists the same pages.

Index

For crawlers, the same list lives at /sitemap.xml.

In a real project

The board
Lives at /auis/ux-flow as a React page. A screen card opens its real route in a side panel.
The skills
/auis-create-ux-flow draws one journey; /auis-create-ux-flow-golden-eye compiles several, like this one.
The review
People comment on a card or suggest a structural change; an agent applies it and you approve.