Designedย by
No items found.
Subject


Bookmark
Bookmark
Category
Patterns
No items found.
Tech Stack
Added on
May 6, 2020

Help Scout Pricing Page Structure

Overall Style and Aesthetic

Help Scoutโ€™s pricing page embraces a crisp, minimalist aesthetic with a fresh, modern flair. Whitespaces dominate the canvas, giving each element breathing room, while softly rounded corners on cards, buttons, and illustrations add an approachable, friendly touch. The design communicates professionalism and trustworthiness, balanced with subtle playful cues that humanize the platform.

Layout and Structure

The page leads with a clear headline and concise value proposition, immediately followed by a well-organized pricing table. Tiers are presented side-by-side above the fold, minimizing cognitive load and promoting easy comparison. Supportive elementsโ€”such as feature lists, FAQs, and a focused footerโ€”are neatly stacked, maintaining momentum down the page without clutter or distractions.

Visual Elements

Custom pastel-toned illustrations and gentle animations breathe life into the experience without overwhelming users. Sparse, friendly icons lend visual hierarchy to features, and micro-interactions provide smooth feedback on hovers and selections. Thereโ€™s a notable absence of busy imagery or photography, centering the userโ€™s attention on content.

Color Palette and Typography

The palette is clean and inviting: sky blues, teals, and soft grays interplay with plenty of white, reinforcing a sense of clarity and reliability. Typography showcases a modern sans-serifโ€”open, readable, and hierarchical, leveraging bold weights for headlines and understated text for details.

User Experience Patterns

Navigation is intuitive with persistent, minimal top-level links, and CTAs stand out in bolder accents without feeling pushy. Tooltips and info icons unobtrusively explain technical details. CTAs are direct (โ€œStart Free Trialโ€), and the sign-up flow is seamless and frictionless, guiding prospects toward conversion.

Unique or Notable Design Choices

Toggle switches for monthly/annual pricing elegantly animate shifts in price and feature emphasis, highlighting savings visually. The page maintains a friendly, conversational tone, reducing anxieties often associated with SaaS buying decisions. The sum of these elements: a trustworthy, transparent, and user-empowering pricing experience.
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