UX Framework

Experiences, User Journeys & Personas

Broad-range categorizations of user interactions — structured to help designers solve problems with intention across the full product lifecycle.

Experiences

exploreonboardingperformancecheckout

The initial discovery phase where users encounter the product for the first time. These are broad-range interactions users engage in that a designer can use to solve problems with intention.

First Impression
Patterns
Hero Layout
Value Proposition
Social Proof
Feature Preview
CTA Hierarchy
Content Discovery
Patterns
Search & Filter
Category Navigation
Content Cards
Recommendation Engine
Infinite Scroll
Trust Building
Patterns
Testimonials
Case Studies
Credentials Display
Transparent Pricing
Security Indicators
Pattern InterconnectivityPage APage BPage CPage DShared patterns connect pages within a single experienceFirst ImpressionContent DiscoveryTrust Building

User Journeys

Mapping the complete user experience from first touchpoint to advocacy — capturing actions, emotions, touchpoints, and pain points at each stage.

Awareness
Consideration
Decision
Onboarding
Retention
Actions
Discovers brand via search, social, or referral
Explores features, reads reviews, compares alternatives
Signs up for trial, evaluates pricing, requests demo
Completes onboarding flow, configures settings
Uses core features daily, explores advanced tools
Touchpoints
Landing page, Blog, Social ads
Pricing page, Docs, Case studies
Checkout, Demo call, Free trial
Welcome email, Setup wizard, Tooltips
Dashboard, Support, Community
Emotions
🤔Curious but skeptical
⚖️Weighing options carefully
😤Anxious about commitment
🎯Hopeful, slightly overwhelmed
😊Confident and productive
Pain Points
Value prop unclear from hero
Feature comparison is tedious
Pricing tiers are confusing
Too many steps before first value
Feature discovery is accidental
Design Opportunities Identified
OnboardingStreamline onboarding to 3 steps max — deliver first value in under 2 minutes
ConsiderationAdd interactive comparison tool replacing static feature tables
RetentionImplement contextual feature discovery via usage-triggered tooltips

Personas

Archetypal users derived from research data. Each persona encapsulates goals, frustrations, behaviors, and technical proficiency to ground design decisions in human reality.

S
Sarah Chen
Design Manager · 34
Goal

Streamline team workflows and maintain design consistency across products

Pain Point

Fragmented tools, unclear design-to-dev handoff, no single source of truth

Tech: Expert
M
Marcus Williams
Junior Developer · 26
Goal

Quickly implement designs without ambiguity or guesswork

Pain Point

Inconsistent component specs, missing edge cases, outdated documentation

Tech: Intermediate
E
Emily Torres
Product Owner · 41
Goal

Make informed prioritization decisions with design impact data

Pain Point

No visibility into design backlog, unclear ROI of design investments

Tech: Basic