Demo Invite
The offer that opens /setup for a first-time visitor (D0). It buys past six steps and a model call: 86% of the people who reach the setup form never reach the interview. The length is named here and nowhere else — repeating it on the next screens would turn a reassurance into a countdown.
In context
At the 528px the card gets at the top of /setup. Skip is an outline button, not a buried link: someone who came for the real interview should not have to get past an obstacle to reach it.
Hear what it's like first
One question · 30 seconds · no sign-up
| Prop | Type | Default | Description |
|---|---|---|---|
| language | 'ua' | 'en' | — | Picks the copy from `demoCopy`; the component owns no strings. |
| onStart | () => void | — | Begin the demo — in the product this goes to the mic check, not straight to the question. |
| onSkip | () => void | — | Straight to the setup form. One click, and never a lesser-looking button. |
Narrow
320px — the narrow end of a phone, where the button row wraps. Mobile is where this flow fails hardest, so it is the width worth checking.
Hear what it's like first
One question · 30 seconds · no sign-up
VoiceMock was built by one designer
I'm Sergiy, a product designer. I built this trainer myself — research, design system, code. On LinkedIn I show how products like this come together, and what it changes in a designer's work.
Product Designer · AI Design Engineer · Designer for Startups
See it on LinkedIn