Requirements & Design Collaboration

Prototypes (clickable or coded)

Interactive model of proposed UX.

What it is

Used for usability testing, stakeholder alignment, and requirement clarification. The fastest way to surface unknown unknowns before code.

Concrete example

Figma prototype of a new dispatch board tested with 5 power users before development.

When to use it

Before high-investment builds, when usability is uncertain, or when stakeholder previews are misreading static designs.

What Product Joi delivers

Clickable prototype scope, target tasks for testing, recruit list, test script, and a decision rubric for go/no-go.

  • Turnaround

    48 hours

  • Format

    Decision-first doc

  • Reviewed by

    Senior product lead

Sample deliverable

A real prototypes (clickable or coded) Product Joi has shipped. This is the format and depth you'll receive.

Prototypes · shipped Various

Vibe-coded prototypes — four shipped landing pages exploring fresh problem spaces

Four shipped vibe-coded prototypes that test problem spaces before committing engineering effort. Each is a live, working landing page with a clear ICP, value prop, and call-to-action ready for early traction signal.

Why these exist A prototype that ships beats a deck that argues. Each of these four was built in days, not weeks, to test whether the problem space deserved real engineering investment. What ships in a Product Joi prototype - A live, deployable landing page (not a Figma file). - A clear ICP and one-sentence value prop above the fold. - A single primary CTA tied to a measurable conversion event. - Enough polish to send to real users for real signal. What we learn - Whether the problem is acute enough to drive intent (signups, demos, payment). - Whether the language we use to describe it resonates with the ICP. - Whether pricing and packaging assumptions survive contact with the market. What we do next - High signal → fast-follow with a scoped MVP, sized like the PRDs in this library. - Low signal → kill or pivot framing. The cost of the prototype is the cost of the lesson. Each prototype below is live. Click through to see the framing, the CTA, and the conversion mechanic in production.

Ready for a prototypes (clickable or coded) in 48 hours?