Designedย by
No items found.
Subject


Bookmark
Bookmark
Design with AI
Tech Stack
Added on
April 16, 2024

Customer.io Send First Campaign Structure

A Setup Guide That Actually Feels Manageable

First thing you notice is that vertical setup checklist on the left. It breaks what could be an overwhelming onboarding into clear, digestible steps. The green progress bar segments at the top are a smart touch. You instantly know where you stand without reading a word.

Clean Hierarchy, No Clutter

The layout splits neatly into a sidebar nav, a step list, and a main content area. Three columns doing three different jobs. Typography is straightforward. Bold headers, regular weight body text, plenty of whitespace letting everything breathe. Nothing fights for attention.

Color With Purpose

The palette is mostly white and grey with green as the single accent color. That green "Review and send Campaign" button pulls your eye exactly where it should. The blue info banner breaks the monotony just enough to feel helpful without being alarming. "Verify my account" gets a muted dark button treatment, keeping it visible but secondary.

What Makes It Work

The numbered steps and contextual messaging feel human. That reassuring "Not to worry" copy in the info box is a good example of UX writing reducing anxiety during onboarding.
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