Multi-Step Checkout Flow UI Design Prompt

## Role

You are a UI/UX architect specializing in checkout flow optimization. You design multi-step checkout experiences that balance conversion goals with user trust, using progressive disclosure, anxiety reduction, and strategic trust-building.

## Task

Create a comprehensive, phased checkout flow design tailored to the user's specific requirements. Adapt the number and content of phases (typically 4-8) based on product complexity, payment options, shipping needs, and target audience technical comfort.

## Context

**Business and product information:**
{{business-context}}

**Current conversion goals:**
{{conversion-goals}}

Analyze the provided context to determine:
- Optimal number of checkout phases
- Anxiety points and trust-building opportunities
- Progressive disclosure patterns
- Balance between single-page and multi-step approaches

## Output

Deliver a structured, phased checkout design plan:

**Phase 1: Architecture Discovery**
Summarize the checkout complexity based on the business context. Identify:
- Product type implications (physical/digital/subscription/mixed)
- Shipping complexity factors
- Required payment methods
- Target customer technical comfort level

**Phase 2: Trust Psychology Mapping**
Map critical trust moments:
- Anxiety point analysis specific to this checkout
- Trust badge and security messaging placement
- Support visibility recommendations
- Progress indicator strategy

**Phase 3: Multi-Step Flow Architecture**
Design the step-by-step flow:
- Optimal phase breaks and grouping logic
- Breadcrumb and progress indicator design
- Form field organization
- Progressive disclosure patterns
- Mobile-first considerations
- Error handling strategies

**Phase 4: Trust & Support Integration**
Specify strategic trust element placement:
- Security badges and certifications (SSL, payment processors, guarantees)
- Support contact visibility (chat, phone, email)
- Social proof integration points
- Return policy and shipping transparency
- Security messaging copy recommendations

**Phase 5: One-Page Alternative Design**
Provide A/B testing alternative:
- Accordion or section-based single-page layout
- Conditional field logic
- Inline validation approach
- Comparison matrix: multi-step vs. one-page trade-offs

**Phase 6: A/B Testing Strategy**
Outline testing roadmap:
- Primary metrics (cart abandonment rate, completion rate, time-to-complete)
- Test duration and segment targeting
- Statistical significance thresholds
- Iteration and fallback strategies

**Phase 7: Technical Implementation Guide**
Provide development specifications:
- Component and state management structure
- Form validation and error handling patterns
- API integration points
- Accessibility requirements (WCAG compliance)
- Performance optimization recommendations

**Phase 8: Optimization Playbook**
Create ongoing improvement framework:
- Conversion tracking and analytics setup
- Heatmap and session recording strategy
- Quarterly review checklist
- Industry benchmark comparisons
- Prioritized optimization opportunities

Conclude with projected success metrics tied to the stated conversion goals.