Designedย by
No items found.
Subject


Bookmark
Bookmark
Tech Stack
Added on
February 2, 2024

GoFundMe Foundraiser Setup Structure

Clean Decision-Making Done Right

This is GoFundMe's fundraiser setup flow and it's a masterclass in reducing friction. Step 1 of 5. Two options. No clutter. The split layout gives your eye a natural resting point on the left with context, then pulls you right to take action.

Smart Use of Space and Color

The selected "Yourself" card has that soft mint green fill with a green border. It's subtle but immediately communicates state without screaming at you. The unselected "Someone else" card stays neutral with a light gray outline. Dead simple visual hierarchy. The illustrations on each card add personality without feeling childish. They've got this hand-drawn quality with little purple and yellow accents that keep things warm.

Typography That Stays Out of the Way

Big bold heading on the left, smaller helper text underneath. The right side keeps labels tight and descriptions in gray. Nothing fights for attention. That green "Continue" button anchors the bottom right exactly where you expect it. The progress bar is barely visible but it's there. The back arrow sits quietly opposite. Every element knows its job and does it without overdesigning anything.
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