CRISP Funnel Kit · v1

CRISP grades design. Now it also builds funnels.

The other CRISP skills tell you what is wrong. The Funnel Kit builds the fix. Give it a brief and it returns a funnel: a short run of screens that takes a visitor from first click to sign-up. It picks from ten tested sections, orders them by funnel type and by how much the audience already knows about the problem (their awareness level), and writes the copy for your offer. Every funnel passes crisp-review before you get it.

CRISP
Funnel Kit · v1

Ten mobile-first funnel sections, built with CRISP design tokens. Each section has one job: move the right visitor to the next step. Each one shows the CRISP dimension it serves and why it converts.

10 sections mobile-first worked example: free CRISP audit funnel design tokens: getcrisp.design

How the kit works

01 · Assemble

Give it a brief

Run the crisp-funnel skill on a client brief. It works out the funnel type, picks sections from this library and puts them in order.

02 · Fill

It writes the copy

Each section is a tested layout with copy you can swap. The skill writes that copy for the offer, the audience and how well they already know the problem.

03 · Review

crisp-review checks it

The finished funnel gets a CRISP scan. You get a grade and the top issues before the client sees it. No funnel ships without one.

Free · 15 seconds · no login

Your site is losing sales. See exactly where.

A free CRISP audit grades your interface on five dimensions and tells you what to fix first.

No cardNo call requiredResults in seconds
Section 01

Hook

C - Contextual

The first screen a visitor sees after clicking an ad. One headline that states the outcome, one action, nothing else. The visitor needs to see they are in the right place within two seconds, or they leave.

Converts
A headline that leads with the outcome, plus one action, answers "am I in the right place?" the moment they arrive.
Use when
Always the first step. Match the headline to the ad word for word.
CRISP test
Can a stranger say what this is and what to do within five seconds?
Question 1 of 2

What are you trying to fix?

More signups
Lower bounce rate
Higher conversion
Not sure yet
Section 02

Qualifier

R - ResponsiveI - Intelligent

Cards where the visitor picks one answer. A tap selects the card and moves on, with no Continue button. The funnel uses each answer later to personalise the result. Answering keeps the visitor engaged, and engaged visitors make better leads.

Converts
Tap-to-advance feels instant. One question per screen beats a long form.
Use when
Early in the funnel, to qualify the visitor and start personalising. Two to four questions at most.
CRISP test
Does the card respond within 100ms, and does the answer change what comes next?
Question 2 of 2 · select all that apply

Where does it hurt most?

Landing page
Onboarding flow
Checkout / signup
Dashboard
Section 03

Multi-select

R - ResponsiveI - Intelligent

For questions with more than one right answer. The Continue button stays disabled until the visitor picks something, then turns solid. The button label says what it needs, so the visitor never has to guess how to move on.

Converts
A button that says what it needs stops taps that do nothing. The visitor sees exactly when they can move on.
Use when
Only when more than one answer genuinely applies. On single-choice questions it adds a needless step.
CRISP test
Does the button change as soon as something is selected, not only on submit?
Worth knowing
5s

A visitor decides whether to stay in about five seconds. Most sites lose them on the first screen because it never says where they are or what to do.

CRISP checks that screen first.

Section 04

Insight step

I - Intelligent

One useful fact placed between questions. It builds belief before the offer appears and shows the visitor why the funnel is worth finishing. One stat, one claim, one line. Never a lecture.

Converts
Belief built before you ask raises sign-ups. One clear stat earns the next tap.
Use when
The audience knows they have a problem but not how to solve it. Skip it for visitors who are already ready to buy.
CRISP test
Is this one clear insight, or a pile of information the visitor has to work through?
Replace with real result
What beta users found

"The audit named three orientation failures on our signup screen our team had argued about for months. Fixed in a day."

Section 05

Social proof

I - Intelligent

One specific result, placed where the visitor decides. A named person, the problem they had, and a number showing what changed. Vague praise does nothing. The strongest proof is a concrete result the visitor wants for themselves.

Converts
Proof placed next to the button reduces drop-off at the moment of decision.
Use when
Just before the offer or the form. One quote, not a carousel.

CRISP stands against AI-generated filler. Never ship an invented testimonial here. Keep the placeholder until you have a real result from a beta audit. One fake quote undermines the whole product.

Building your audit

Checking your answers against the five CRISP dimensions

Reading your answers... Scoring against Stripe, Linear, Notion... Writing your priority fixes...
Section 06

Loading screen

R - ResponsiveI - Intelligent

A short wait with a progress bar that fills to the end, so the result feels worked out rather than pre-written. The rotating status lines name the real work being done. Visible effort makes the result feel more valuable.

Converts
A result that looks worked out feels personal. Kept under four seconds, the wait builds anticipation instead of frustration.
Use when
Just before a personalised result or offer. Never add a fake long delay. Visitors see it as a trick.
CRISP test
Does the bar show real progress, and does it finish before the visitor gives up?
Your free CRISP audit

Your interface, graded in 15 seconds.

→A letter grade across all five CRISP dimensions
→The top three issues, ranked by user impact
→A specific fix for each, not vague advice
FreeNo cardYours to keep
Section 07

Offer

C - ContextualP - Powerful

The pitch. Three concrete lines on what they get, then one action. Detail is held back on purpose. A first-time visitor sees a clean offer. Anyone who wants more finds it one tap deeper.

Converts
Three specific things they get beat a paragraph of claims. The single button carries all the visual weight.
Use when
After the insight and proof, before the form. State the offer, then stop selling.
CRISP test
Is there one obvious action, and is the detail kept away from first-time visitors?
Last step · where to send it

Where should the audit go?

Section 08

Capture form

R - ResponsiveS - Seamless

Three fields at most for a first contact. The email field is checked as soon as the visitor leaves it, not on submit, so a typo is caught before it reaches the button. Autocomplete is on for every field, so the phone fills in the details.

Converts
Fewer fields, instant error checks and autofill remove the friction that stops people finishing forms on mobile.
Use when
The one place you ask for details. Justify every field and drop any the audit does not need.
CRISP test
Is each field checked when the visitor leaves it, and is autocomplete set on every field?
Optional · walk through it live

Want a 15-minute walkthrough?

TUE
24
WED
25
THU
26
FRI
27
09:30
11:00
14:00
16:30
Section 09

Booking

S - Seamless

The visitor picks a time inside the funnel instead of being sent to a separate calendar tool. They stay in the flow they started and choose a time that suits their day, not yours.

Converts
Booking inside the funnel avoids the jump to another site, where interested leads drop off.
Use when
High-price offers that need a call. For self-serve offers, go straight to confirmation.
CRISP test
Can they book without leaving the funnel or logging in?
✓

You're all set.

Your audit is on its way to your inbox now.

1Check your inbox for your CRISP grade and top three fixes.
2We've held Wed 25th, 11:00 for your walkthrough.
3Reply to the email with your hardest screen and we'll cover it live.
Section 10

Confirmation

C - ContextualS - Seamless

The final screen. It confirms the action worked, repeats what was booked and says plainly what happens next. No dead end. The visitor leaves knowing what will happen and when.

Converts
A clear confirmation stops "did that work?" emails and sets up the next contact.
Use when
Every funnel ends here. Always say what happens next. Never end on a thank-you with nowhere to go.
CRISP test
Does the visitor know the action worked and what to expect next?

One command. Then build funnels to the CRISP standard.

The Funnel Kit installs with the full CRISP skill pack and detects which AI coding tool you use. Run /crisp-funnel on a client brief. It builds the funnel from this library, writes the copy and runs crisp-review before you deliver it.

$ npx skills add @laith-wallace/crisp
Run /crisp-review on every build · use /crisp-audit when a funnel needs a deeper review · write the build spec with /handoff