A/B mockups for conversion hypothesis testing
Design variations for A/B testing with clear hypotheses, defined metrics, and decision criteria.
Design hypothesis-driven design variations with clear metrics to determine the winning version.
At a glance
Access
Free prompt
Open to copy — no account or payment needed.
Prompt objective
Design hypothesis-driven design variations with clear metrics to determine the winning version.
Real use case
A corporate benefits app wants to increase conversion on their corporate plans landing page, which currently converts at 2.1%. The growth team has 3 different hypotheses about what's blocking conversion and needs to create A/B mockups to test each with real data.
Customize these fields first
Replace the placeholders with your own context before you run the prompt. That usually improves the first output more than adding more instructions later.
Prompt
Design mockups for A/B testing of [SCREEN/COMPONENT] of [PRODUCT NAME], focusing on improving [TARGET METRIC]. Current performance: [METRIC] = [CURRENT VALUE]. Target: [TARGET VALUE]. Available traffic: [NUMBER] visitors/month on the page. **1) Hypotheses:** For each variation, define: - Hypothesis:
Open directly in an AI — the text is pre-filled:
How to use this prompt
- 1Replace the key placeholders first: SCREEN/COMPONENT, PRODUCT NAME, TARGET METRIC, METRIC.
- 2Replace any bracketed placeholders like [this] with your own context.
- 3Add extra background information when you want more tailored results.
- 4Combine multiple prompts in one conversation when you need a richer output.
- 5Save your best-performing prompts so they are easy to reuse later.
Next best step
Open the guide first, then branch only if you still need more.
A starter guide to the first prompt categories and patterns worth using when you need better output without prompt guesswork.
If this prompt is close but not quite right, generate variants next. If the job is recurring, move into the course library after the guide.
Related prompts
View allLow-Fidelity Wireframes for Rapid Concept Validation
Structure and specification of lo-fi wireframes that capture flow essence without investing in visual design.
Best for
Create low-fidelity wireframes that allow validation of information architecture and navigation flow with stakeholders and users before investing in visual design.
High-Fidelity Interactive Prototype with States and Transitions
Detailed specification of a navigable Figma prototype with micro-interactions, component states, and screen transitions.
Best for
Create a high-fidelity Figma prototype that simulates the actual product experience, enabling accurate usability testing and compelling stakeholder demonstrations.
Structured design handoff for front-end developers
Complete Figma handoff documentation with specs, tokens, assets, and annotations that eliminate ambiguity during implementation.
Best for
Prepare a handoff package that enables developers to implement the design with pixel-perfect fidelity, reducing back-and-forth between design and development teams.
Rapid prototyping sprint with adapted Design Sprint
3-day rapid prototyping framework based on Google Design Sprint, adapted for remote teams.
Best for
Run an accelerated ideation, prototyping, and validation process that produces a testable prototype in 3 days, aligning stakeholders and reducing product risk.
Explore other prompt categories
Move sideways into adjacent libraries when the current category is not the full answer.
Every prompt here is free. The course teaches the thinking behind them.
Copy as many prompts as you like. When you want to move from single prompts to a repeatable AI workflow, Learn AI in 30 Days walks through it, one day at a time.
Buy the course once ($15/$20 by length), or go all-access for $10/mo with a verifiable certificate.