Video summary

Top 3 UX/UI Redesigns That Make You Design Like a Pro

Main summary

Key takeaways

Educational

Main ideas, concepts, and lessons (UX/UI redesign insights)

Core lesson

  • Every element on a screen “asks” the user a question.
  • The question determines whether the user acts (converts/bookings/clicks) or hesitates (bounces/doesn’t proceed).
  • The video’s key observation: Small changes to wording, numbers, or formatting can shift user psychology—and that can dramatically change performance even when designs look similar.

Method / walkthrough structure used in the video

For each example:

  • Two versions are shown: Screen A vs Screen B
  • They often share: same app, same offer/price, similar layout
  • The claim: one performs dramatically better
  • The speaker explains why the winner works psychologically.

Detailed breakdown of the 3 A/B test examples

1) Paywall redesign: “hard sell” vs “easy trial clarity”

Goal: Improve subscription conversion.

Screen A (classic paywall approach)

  • Hero area
    • Large decorative hero/illustration (space art)
    • Headline: “Get access to 1,000 plus futuristic and fun games.”
  • Price + value bullets
    • Price: $19 per month
    • Feature bullets:
      • Instant unlimited access
      • New games added weekly
      • Members-only rewards
  • CTA
    • Big purple button: “Subscribe and start 7 days for free.”

Why Screen A underperforms (psychology)

  • Users face a hard evaluation question immediately:
    • “Is this worth $19 a month?”
  • Users have seen the app but haven’t felt value yet, so it becomes “homework.”
  • “Homework” drives avoidance: “I’ll think about it later” → often means never.

Screen B (trial-first, transparency + reduced uncertainty)

  • Headline reframes the question
    • “How your free trial works”
  • Trial timeline replaces abstract feature lists
    • Today: unlock full library
    • Day five: reminder trial is ending soon
    • Day seven: first charge begins
    • Includes: “Cancel anytime before”
  • CTA microcopy + wording changes
    • Uses “start” instead of “subscribe”
      • “Start” feels lighter than “subscribe” (which implies commitment/recurring payment)
    • Uses “My free trial” (ownership language before tapping)

Why Screen B wins (specific mechanisms)

  • Shifts the user question from “Should I pay?” to “Can I try for free?”
  • Day-five reminder increases trust via transparency bias
    • Warning proactively about downsides → users feel the company is on their side
  • “Start in two taps” reduces uncertainty (less anxiety about forms/credit card steps)
  • Visual clarity
    • Screen B shows actual game characters (helps users visualize what they get)
    • Screen A’s decorative imagery doesn’t answer “what am I subscribing to?”

Conclusion for this example

  • The winning paywall makes users feel safe, not sold:
    • Hard question + feature listing (A) → slower decisions
    • Easy question + timeline/trust (B) → faster conversions

2) Ride-hailing pricing display: ranges cause anchoring + negotiation; single numbers + convenience cues win

Goal: Increase bookings.

Screen A (price ranges)

  • Shows per-option price ranges:
    • Go X: $13–$17
    • Comfort: $17–$22
    • Go XL: $16–$21
  • The UI “feels honest” because it shows ranges.

Why Screen A underperforms (psychology)

  • Users anchor to upper values
    • Example: “13–17” → brain grabs 17
  • Users engage in mental negotiation across multiple options
    • “What might it cost exactly?”
  • Too many uncertainties → easiest decision becomes not deciding (close app / don’t book).

Screen B (single price + “evaluative ease” + convenience framing)

  • Shows one price number per ride (no ranges).
  • Under each option:
    • Time estimate (e.g., “12:53 p.m., 2 minutes away”)
    • Green “cheaper” badge (short comparative cue)
  • Adds destination context earlier:
    • destination shown on map before options (e.g., the hotel name)

Why Screen B wins (specific mechanisms)

  • Evaluative ease: fewer mental steps → more likely to book
  • Reframes decision from cost evaluation → convenience decision
    • “Car is 2 minutes away” + a “cost less than lunch” style intuition
  • “Cheaper” badge instantly categorizes the best option with minimal thinking
  • Destination pre-selection supports commitment/consistency
    • user already chose where they’re going; only the car choice remains

Conclusion for this example

  • Showing one number instead of a range can:
    • reduce doubt
    • prevent anchoring to high ends
    • speed decisions

3) Booking/villa listing: “information” vs “transportation” (emotion + deal framing + reduced friction)

Goal: Increase bookings for the same villa.

Screen A (technically correct but emotionally weak)

  • Listing card appears “fine” to designers, but:
    • Doesn’t convert because it doesn’t create excitement.
  • Photo placement
    • Photo is a small thumbnail.
  • Text/value is present, but feels like a form
    • Title, rating, price, dates, reserve button
  • CTA label:
    • “reserve” (but doesn’t specify total upfront)

Why Screen A underperforms

  • Users may read enough to understand, but don’t feel emotionally moved.
  • The layout suggests “filling out details” rather than “going somewhere.”

Screen B (bigger emotional triggers + trust/reduced risk)

  • Photo expanded
    • Takes the top half of the screen → feels like you’re viewing a real place you might go
  • Adds credibility/selection badges
    • e.g., “super host,” “guest favorite,” “one of 24 photos”
  • Title uses sensory/emotional language
    • Screen A: “Beach house with garden.”
    • Screen B: “Beachside escape steps from the sand.”
  • Pricing framed as a deal
    • Crossed-out higher price (e.g., 129€) then current price (89€)
    • Green “minus” percentage badge
  • Dates presented as a “real plan”
    • includes day names (e.g., Fri–Wed)
    • shows total nights (e.g., “five nights”) to remove mental math
  • CTA includes total cost immediately
    • “reserve 445 euros total”
  • Risk reducer near the button
    • “free cancellation before [date]”

Why Screen B wins (specific mechanisms)

  • Informs vs transports
    • A informs; B transports (emotional imagination kicks in before reading)
  • Deal framing uses anchoring
    • a higher reference price makes the current price feel better
  • Removing friction
    • day names + nights eliminate calculation effort
    • total upfront removes anxiety about hidden fees
    • cancellation promise answers the #1 objection early

Conclusion for this example

  • Even with all the facts present in A, conversion can fail if the UI doesn’t create:
    • emotional engagement (“transport”)
    • reduced uncertainty and risk
    • immediate clarity (total cost, cancellation policy)

Final takeaway (explicit)

  • Each UI element asks the user a question.
  • If the question is hard (“worth paying?”, “what might it cost?”, “reserve how much?”), users hesitate.
  • If the question is easy and trust-building (“how trial works?”, “which car?”, “reserve total now + free cancellation”), users move forward.

Speakers / sources featured

  • Speaker: The video narrator (unnamed in subtitles).
  • Promotional partner / tool source: Mobbin (cited as the source used to research real paywall/booking screens).
  • Companies referenced as design examples:
    • Spotify
    • Notion
    • Airbnb
    • Duolingo

Original video