Skip to main content

← Back to demos

Interaction pattern · 2024 · Nerdwallet

CardFinder

A guided credit card recommendation experience that helped users narrow complex options with confidence while preserving NerdWallet's editorial trust.

NerdWallet-style illustration of hands folding a green credit-card shape

Summary

Executive summary

Problem

Users struggled to confidently choose a credit card due to product complexity, perceived bias, and decision fatigue.

Approach

As Senior Product Designer, led UX strategy and end-to-end experience design for a guided quiz and explainable results flow in close partnership with Product, Engineering, Content, and Legal.

Outcome

Launched a scalable recommendation experience that reduced decision anxiety, increased qualified engagement with reviews, and preserved long-term trust.

Problem

Diagnosis

NerdWallet's credit card ecosystem relied heavily on editorial reviews and comparison pages, but many users still felt overwhelmed deciding where to start. CardFinder sat at the intersection of editorial trust, personalization, and affiliate monetization, making recommendation quality and transparency business-critical.

  • Problem

    Readers needed a way to reduce decision paralysis, narrow options quickly, and move into high-intent editorial content without feeling sold to.

  • Business context

    The experience needed to drive monetization without compromising credibility, a non-negotiable constraint for a trust-first financial brand.

  • Strategy

    Rather than building an opaque best-card engine, we focused on guided clarity: help users decide confidently without pretending the product could decide for them.

Constraints

What was fixed

  • Trust vs. optimization

    Recommendations could not feel biased or sales-driven. Over-optimizing for conversion risked long-term brand trust.

  • Explainability

    Users needed to understand why cards were shown — opaque ranking would read as affiliate-driven, not editorial.

  • Editorial gating

    Only fully reviewed, editorially approved cards were eligible. Sponsored relationships never overrode relevance.

  • Scale across categories

    The solution had to work across many card categories and future products without one-off layout exceptions.

Specification

Entry point and quiz

CardFinder was designed as a guided recommendation flow, not a one-click decision tool. The first step kept the ask lightweight and goal-based so users could begin without sharing sensitive information.

NerdWallet CardFinder quiz landing page with the goal dropdown open
The quiz used five to seven lightweight questions focused on intent and preferences, with a conversational pace and no contact information requirement.
  1. Clear promise: get results in minutes
  2. Goal-first entry point before deeper preferences
  3. Trust cues emphasize no hard credit check and objective ratings

Principles

Design principles

  1. 01

    Trust over persuasion

    The goal was not to decide for users — but to help them decide confidently.

  2. 02

    Progressive disclosure

    Lightweight, goal-based questions first; optional depth for cautious users who wanted more context before committing.

  3. 03

    Explainable recommendations

    Every result needed a clear rationale tied to stated preferences — not a black-box 'best card' verdict.

  4. 04

    Respect over urgency

    We intentionally avoided urgency language or aggressive CTAs on the results surface.

  5. 05

    Quiz experience

    Five to seven lightweight, goal-based questions focused on intent and preferences — not sensitive data — designed to feel conversational and fast.

  6. 06

    Recommendation model

    Hard eligibility filters and soft scoring across rewards, fees, and use cases, with editorial approval as a gating requirement.

  7. 07

    Results experience

    Three to five strong options instead of a single winner — each with balanced pros and cons, clear match explanations, and direct paths into full editorial reviews.

Specification

Results as the trust moment

The results page was the primary trust moment. We intentionally showed a small set of strong options, explained why each card matched, and created direct paths into full editorial reviews.

NerdWallet CardFinder results page showing five recommended travel credit cards
The surface balanced recommendation clarity with review depth, avoiding urgency language and aggressive CTAs.
  1. User goal and credit profile remain visible in the result title
  2. Three to five recommended options instead of a single winner
  3. Key fees, rewards, offers, and approval odds scan together
  4. FAQ explains how recommendations are calculated

Screen demo

Walkthrough of the guided quiz and results experience — from goal-based questions through explainable card matches.

Outcome

What shipped

Post-launch iteration showed stronger engagement without compromising the editorial voice that makes NerdWallet credible.

Quiz completion
Higher

vs. prior discovery paths in the release window

Review depth
Deeper

Qualified engagement with editorial content from results

Downstream conversion
Improved

Despite fewer hard pushes and no urgency framing

Qualitative feedback reinforced trust: users felt the flow respected their judgment rather than pushing a single outcome. CardFinder became a foundational discovery entry point, not a campaign funnel.

Reflection

Looking back

In high-stakes financial decisions, great design doesn't remove uncertainty; it helps users navigate it with confidence. CardFinder succeeded by prioritizing respect, clarity, and trust over short-term optimization.

Available

Need something similar?

Best fit for platform UX, growth systems, internal tools, and teams that need a senior IC who can shape the problem and ship the details. I respond to most inbound within a day.