Marvel design examples

Marvel

Sign-in screen where the user authenticates with email, Google, or Enterprise SSO, alongside a promotional spotlight for a new user testing player.

• Sign In

Marvel

Password recovery screen where the user enters their email address to receive a reset link, accompanied by a promotional panel for a new user testing feature.

• Forgot Password

Marvel

Onboarding Form

Marvel

Signup screen where the user creates a free account using their email and password or via Google OAuth.

• Sign Up

Marvel

Projects view displaying an empty state with a prompt to check the team for existing work, alongside an onboarding request for the user's role to personalize their experience.

• Empty State
• Dashboard

Marvel

Projects list view where the user is prompted to create their first project or check their team's projects because their personal list is empty.

• Empty State

Marvel

Dashboard empty state where the user is prompted to create their first project or check if their team has any available.

• Empty State
• Dashboard

Marvel

Onboarding Project management Form

Marvel

Creation screen where the user names their new prototype project and selects a device resolution type from an open dropdown.

• Add & Create

Marvel

Paywall modal where the user is prompted to upgrade their plan to access invite-only projects, featuring four pricing tiers and a detailed comparison table.

• Feature Gate
• Pricing

Marvel

Empty project view prompting the user to upload designs, get a Sketch plugin, or try an example prototype, with a banner offering a tutorial video.

• Empty State
• Home

Marvel

Empty project dashboard where the user is prompted to upload designs, install a plugin, or try an example prototype.

• Empty State
• Upload & Download