Scroll
Index / Work / 10 · Onboard
2024 Team project Frontend · embeddable + landing TypeScriptEmbeddableTeam

An embeddable onboarding-tour widget that drops into any site with a single script tag. Step-by-step guidance with navigation controls, progress tracking, and session resumption — plus an analytics dashboard that monitors initiation, completion, abandonment, and drop-out across the tour.

Client
Team project
Role
Frontend · embeddable + landing
Duration
09 / 2024 — 10 / 2024
Stack
TypeScript · Embeddable widget · Analytics dashboard
Onboard — cover
ONBOARD · 2024 · COVER PLATE
10 / 11
1 line
to install
4
analytic events
3
surfaces · landing · widget · dashboard
Onboard · landing
Onboard · landing
§ 03 · Chapter

Embed contract

A single script tag loads the widget on any modern website — no build step on the host side. Once the page is live, the widget reads its tour configuration from the dashboard, renders tooltips against the highlighted elements, and posts engagement events back to the analytics surface.

§ 04 · Chapter

Three surfaces, one product

The project ships as three connected surfaces: a marketing landing page that explains the product, the embeddable widget itself (with its own auth context so it can identify the host site), and an analytics dashboard that visualises step initiation, completion, abandonment, and drop-out points. I owned the embeddable and the landing; the dashboard was split across the team.

§99 · Continue

Have a brief?
Let's talk.

© 2026 · Moluno · Powered by sapa
v2.04.026 · 60Hz · 6.5244 N · 3.3792 E