Designedย by
No items found.
Subject


Bookmark
Bookmark
Category
Added on
April 9, 2024

Checkout.com Strategy Builder Structure

A fraud detection strategy builder that actually feels approachable

The flow diagram in the center is what grabs you first. It maps out the risk logic visually, from Trust Lists through Decline Rules to 3DS Rules, ending in clear outcomes like Decline, 3DS Challenge, and Accept. The node-based layout with true/false branching (those little orange T and F badges) makes complex decision trees digestible at a glance.

Smart use of progressive disclosure

The page stacks three distinct sections vertically: live strategy, test strategy, and outcome comparison. Each one has a clear purpose and doesn't crowd the others. The "No items yet" and "No rules are added" empty states are honest without being annoying. That "Copy live strategy" CTA sits in a calm illustration section that breaks up the density well.

Restrained color palette doing heavy lifting

Almost everything is neutral gray and white. Orange only appears on the strategy builder tab and flow connectors. Blue marks the 3DS Challenge node. Green signals Accept. Typography is clean and hierarchical. The Pro badge on the Backtesting tab is a subtle upsell nudge that doesn't feel pushy. Solid enterprise UI work.
Similar screens

Upgrade to SaaSFrame Pro now to see similar examples.

Monthly

$18 /month
Billed $18 monthly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Quarterly

$16 /month
Billed $48 quarterly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Yearly

$15 /month
Billed $180 yearly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now