Motion design examples

Motion

Signup screen where the user can create an account using Google, Microsoft, Apple, or a work email address, accompanied by a social proof panel.

• Sign Up

Motion

Signup page where the user can authenticate using Google, Microsoft, Apple, or email, alongside a social proof panel highlighting user volume and partner logos.

• Sign Up
• Checkout

Motion

Signup step where the user creates a password for their provided email address to continue account registration.

• Account Setup
• Sign Up

Motion

Signup step where the user creates a password for their specific email address.

• Account Setup
• Sign Up

Motion

App loading screen displaying a spinner and a preparing message before entering the workspace.

• Loading

Motion

Onboarding step where the user selects a subscription tier between Individual, Business Standard, and Business Pro to start their trial.

• Pricing
• Feature Gate

Motion

Checkout page where the user enters credit card details to start a 7-day free trial of the Team Plan, featuring a timeline of the trial lifecycle.

• Trial
• Checkout

Motion

Checkout page where the user enters payment details to start a 7-day free trial of the Team Plan, with a timeline and feature list in the sidebar.

• Trial
• Pricing

Motion

Checkout screen where the user selects their team size, billing cycle, and enters payment details to start a 7-day free trial.

• Trial
• Pricing

Motion

Checkout page where the user enters payment details to start a 7-day free trial for a Team Plan.

• Checkout
• Trial

Motion

Checkout page where the user activates a 7-day free trial by selecting a billing cycle, choosing a seat count, and entering payment details alongside a timeline of the trial phases.

• Checkout
• Trial

Motion

Onboarding step where the user selects how they heard about Motion for Teams from a vertical list of radio options.

• Onboarding Checklist
• Form