Tines design examples

Tines

Signup screen where the user can create a free account using their work email, Google, or Microsoft, alongside a list of trusted companies and plan benefits.

• Sign Up

Tines

Signup page where the user can create a free account using their work email or via Google and Microsoft SSO, alongside a list of plan features and a wall of trusted company logos.

• Sign Up

Tines

Verification screen instructing the user to check their email for a temporary 15-minute login link.

• Verification
• Sign In

Tines

Signup step where the user provides their first name, last name, and company to continue account creation.

• Sign Up
• Onboarding Checklist

Tines

Onboarding step where the user provides their name and company details to complete account creation, displayed over a wireframed app interface.

• Account Setup

Tines

Workflow editor canvas where a new user is prompted to start a quick example connecting a weather API to an email.

• Onboarding Checklist
• Add & Create

Tines

Workflow editor canvas where a product tour prompts the user to connect a weather API action to an email action.

• Guided Tour
• Onboarding Checklist

Tines

Workflow editor canvas where a product tour guides the user to configure a send email action after a weather API trigger.

• Onboarding Checklist
• Tutorial

Tines

Workflow editor where the user configures a send email action within an automation story, guided by an onboarding tour.

• Guided Tour
• Workflow Builder

Tines

Workflow editor where the user configures a send email action within an onboarding tour.

• Add & Create
• Workflow Builder

Tines

Workflow editor where the user configures a 'Send email' action node with recipients, subject, and body while following an onboarding tour.

• Workflow Builder
• Onboarding Checklist

Tines

Workflow editor where the user is following a product tour step to connect a weather API action.

• Setup Wizard
• Onboarding Checklist