Mention design examples

Mention

Signup screen where the user enters their email, name, and selects whether the account is for personal or company use before proceeding.

• Sign Up

Mention

Signup screen where the user finalizes their account by setting a password or choosing a social login provider after completing previous steps.

• Sign Up
• Account Setup

Mention

Onboarding step where a welcome modal introduces core features like alerts, collaboration, and exports before the user creates their first alert.

• Welcome

Mention

Create page where the user selects the type of alert they want to monitor by choosing between their company, a competitor, a custom keyword, or a boolean query.

• Add & Create
• Select

Mention

Onboarding step where the user searches for and selects a company or product to monitor via an open combobox.

• Setup Wizard
• Search

Mention

Onboarding step where the user configures priority pages like their company website, Twitter profile, and Facebook page for monitoring.

• Setup Wizard

Mention

Wizard step where the user selects specific sources like Twitter and News, and languages like English, to filter their new alert.

• Setup Wizard
• Add & Create

Mention

Inbox view for brand mentions where the alert history is currently loading and the detail pane shows an informational placeholder.

• Loading
• Dashboard

Mention

Grid Onboarding Settings Form Account management Account setup Profile settings

Mention

Settings page where the user manages their team members, assigns roles, and configures alert access.

• Team Management
• Roles & Permissions

Mention

Settings page where the user invites a new team member by entering their name and email address, with an option to grant admin privileges.

• Invite Teammates
• Team Management

Mention

Dashboard showing social listening metrics including total mentions, positive sentiment percentage, and a volume over time line chart for a specific product and date range.

• Dashboard
• Charts