Invision design examples

Invision

Sign-in screen where the user authenticates into their InVision account using an email and password.

• Sign In

Invision

Signup screen where the user creates a new free account by entering their name, email, and a password.

• Sign Up

Invision

List view where the user browses their design prototypes presented as a grid of cards, with options to search, filter by type or collaborator, and create a new project.

• Browse
• Add & Create

Invision

List view where the user browses their design prototypes and accesses account settings via an open user menu.

• Browse
• Profile

Invision

Modal where the user configures sharing permissions and copies a private URL for a prototype.

• Share
• Media Detail

Invision

List view where the user manages a grid of mobile app prototype screens, with options to share, test, and invite collaborators.

• Browse
• Share

Invision

Detail page where the user invites collaborators to a mobile app prototype by entering their email addresses.

• Invite Teammates
• Team Management

Invision

Detail page for a mobile app prototype where the user is prompted to upload screens via drag-and-drop or from connected cloud storage services.

• Drag & Drop
• Upload & Download

Invision

Workflow board where the user manages prototype screens across status columns like On Hold, In Progress, Needs Review, and Approved.

• Workflow Builder
• Table

Invision

Activity feed showing a chronological history of screens added to a mobile app prototype.

• Timeline
• Activity Log

Invision

Detail page for a mobile app prototype showing an empty state in the comments tab, prompting the user to invite collaborators or share a link.

• Comments
• Empty State

Invision

Detail page for a mobile app prototype where the user views the assets tab, currently showing an empty state with options to drag and drop files or configure desktop sync.

• Add & Create
• Files