Rapid prototyping
Pre-work
- Bring Brand Guide (Sprint 3)
- Bring Messaging Framework (Sprint 4)
- Bring Feature List (from Product Roadmap - optional but helpful)
Hour 1: User flows & wireframing (60 min)
Exercise 1: Critical Path Mapping (20 min)
Identify the single most important user flow. Focus on the "Happy Path" for your core value prop, rather than "all the things."
Example: Uber (Rider Flow)
- User opens app
- Enters destination ("Where to?")
- Selects ride type (UberX vs Black)
- Confirms pickup spot
- Sees driver en route (Map view)
- Rides & Rates
Map this flow step-by-step. If this flow breaks, the product fails. Everything else (profile settings, ride history, payment methods) is secondary.
Exercise 2: Crazy 8s (40 min)
Fold a paper into 8 sections. You have 8 minutes (1 minute per section) to sketch 8 variations of your most critical screen (e.g., the "Driver En Route" map or the "Request Ride" screen).
Quantity > Quality.
Review and vote on the best ideas.
Hour 2: AI-Assisted Design (60 min)
Use AI tools to leapfrog from sketch to high-fidelity.
Tools:
- Uizard: Upload sketch → Generate UI
- Galileo AI: Text prompt → UI Design
- Framer AI: Text prompt → Website
Prompting AI for UI:
Mobile app ride request screen for [Product], targeting [ICP].
Style: [Brand Style - e.g., Clean, High-Contrast, utilitarian].
Primary color: [Hex].
Sections needed:
1. Map view occupying top 60% of screen
2. Draggable bottom sheet for ride selection
3. Price estimate clearly visible
4. "Request" button (Primary CTA)Generate variations. Pick the best elements. Assemble in Figma.
Hour 3: The "Golden Path" prototype (60 min)
Focus on stitching together just the screens needed for your Critical Path.
Don't design settings pages, login flows (unless critical), or "about us" pages.
Goal: A clickable prototype (Figma, PowerPoint, or HTML) that a user can walk through to experience the value prop.
Key screens:
- Landing Page (The Promise)
- Onboarding/Setup (The Investment)
- The "Magic Moment" (The Value Realized)