Nolt design examples

Nolt

Sign-in screen where the user authenticates with Google, Twitter, or email.

• Sign In

Nolt

Sign-in screen where the user enters their email address to authenticate with Nolt.

• Sign In

Nolt

Signup step where the user enters a six-digit login code sent to their email to verify their identity.

• Verification

Nolt

Create screen where the user selects their main goal, such as getting product feedback or content ideas, to initialize a new board.

• Setup Wizard
• Select

Nolt

Creation step where the user names their product to set up a new feedback board, featuring a live preview card at the bottom.

• Add & Create

Nolt

Onboarding step where the user names their product to create a new feedback board, featuring a live preview of the board header below.

• Account Setup

Nolt

Wizard step where the user selects a light or dark theme for their new board before continuing.

• Setup Wizard
• Getting Started

Nolt

Onboarding step explaining the concept of a board alongside a visual preview of a feedback board with example posts and upvotes.

• Browse
• Feedback

Nolt

Onboarding step where the user learns how to assign posts to statuses like In Progress and Completed to keep everyone informed.

• Onboarding Checklist
• Edit

Nolt

Loading screen where the system indicates that the user's new board is currently being created.

• Loading

Nolt

Onboarding step where a product tour uses arrows and text annotations to highlight the board URL, admin area, and public view for a new board creator.

• Guided Tour
• Success

Nolt

Feedback board where users can view trending suggestions, search existing ideas, and submit new feature requests.

• Feedback
• Browse