Designedย by
No items found.
Subject


Bookmark
Bookmark
Tech Stack
Added on
April 16, 2024

Customer.io Welcome Screen Structure

A Setup Checklist That Actually Feels Manageable

First thing you notice is that green progress bar and the satisfying column of checkmarks. Customer.io's onboarding dashboard nails the "you're almost there" feeling without being pushy. The setup list on the left is dead simple. Green circle icons with checks. Nested items under "Setup messaging channels" for Slack, In-App, and Push. It breaks a complex process into small wins.

Dark Sidebar, Light Content, Clear Hierarchy

The dark navy sidebar with teal accents gives the navigation real weight. It contrasts hard against the white content area, making the welcome message pop. Typography is clean and confident. "Welcome to Customer.io, Antoine!" feels personal. The underline on the name is a small touch that adds warmth. Body text stays minimal and scannable.

That Video Embed Does Heavy Lifting

The embedded Journeys video is the visual anchor of the whole page. It shows the actual product with workflow diagrams, channel options, and campaign categories. Smart move. Instead of explaining features in paragraphs, they just show the tool in action. The green "Get started" button sits quietly below, ready when you are.
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