Library/Elements/Clickable flow
Demo · Prototype · External-friendly

Advisor app, day one.

Five linked screens — what a new advisor at Aspen Wealth sees when they log into the Aqua app the day after go-live. Click the pulsing hotspots to advance; use the step bar to jump. Hand this to a prospect when the live app isn't yet branded for them, and they'll feel the experience instead of imagining it.

01Sign in
02Dashboard
03Client detail
04Allocation
05Sub-doc submit
app.aspen.aqua.so/login
Step 1 of 5 — Click the pulsing button to advance

Fork & ship

Each screen is a function that returns its HTML. Hot-spots are anchored with absolutely-positioned <div class="hot"> overlays that trigger next() on click.

When to use this

Demos when the real app isn't yet branded for the prospect. Discovery moments where you want them to feel the experience. Conference booth scrollables. Anywhere prose says "imagine when you click X, you'd see Y" — show it instead.

Reuse ideas

Investor-portal first-time experience, sponsor submission flow, marketplace browse-to-subscribe, document-intelligence inbox flow.