Heroic Labs product screens examples

Heroic Labs

Sign-in screen where the user authenticates with Google, Github, or email, with a tabbed option to switch to sign up.

• Forgot Password

Heroic Labs

Password recovery screen where the user enters their email address to receive a reset link.

• Forgot Password

Heroic Labs

Signup page where the user can create a new account using Google, GitHub, or an email and password.

• Sign Up

Heroic Labs

Onboarding step where the user sets up their profile by adding an avatar, name, company, and country, with an option to subscribe to the newsletter.

• Sign Up
• Account Setup

Heroic Labs

List view where the user manages their games, currently showing an empty state with a prompt to create a new game.

• Empty State
• Home

Heroic Labs

Dashboard empty state where the user is prompted to create their first game.

• Empty State
• Dashboard

Heroic Labs

Modal overlay where the user starts creating a new game by entering its name as the first step of a four-part wizard.

• Add & Create
• Setup Wizard

Heroic Labs

Create modal where the user configures a new game project by specifying the engine, genre, and release date in a multi-step wizard.

• Setup Wizard
• Add & Create

Heroic Labs

Game creation wizard on the third step where the user can invite team members by entering their email addresses or nicknames.

• Invite Teammates
• Team Management

Heroic Labs

Creation modal where the user completes the new game setup by receiving their API key and starting the project.

• Setup Wizard
• API Keys

Heroic Labs

Settings page where the user configures game profile details, manages destructive actions, and generates server and API keys.

• API Keys
• Edit

Heroic Labs

Settings page where the user invites new collaborators via email or nickname and manages existing team members.

• Team Management
• Invite Teammates