Heroku design examples

Heroku

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

• Forgot Password

Heroku

Signup page where the user creates a free account by providing their name, email, company, country, and primary development language alongside a list of platform benefits.

• Sign Up

Heroku

Verification screen where the user is instructed to check their inbox to confirm their newly created account.

• Verification
• Confirmation

Heroku

Success screen where the user is welcomed after setting up their new account and prompted to proceed to the application.

• Confirmation
• Account Setup

Heroku

Default landing screen showing an empty workspace with a prompt to create the user's first application.

• Empty State
• Add & Create

Heroku

Detail page for a specific application showing its installed add-ons, dyno formation, and a feed of recent activity.

• Dashboard
• Activity Log

Heroku

Settings page where the user manages access to a specific app by viewing existing collaborators and adding new ones.

• Team Management
• Roles & Permissions

Heroku

Home screen where the user views their personal apps, shown with the account dropdown menu open to reveal settings and sign-out options.

• Account Settings
• Home

Heroku

Settings page where the user manages their profile details, password, two-factor authentication, SSH keys, and API key.

• Account Settings
• Profile

Heroku

Settings page where the user views their empty billing profile and is prompted to add a credit card to unlock more free dyno hours.

• Billing Settings
• Empty State

Heroku

Dashboard empty state where the user is introduced to Dataclips via a three-step explainer and prompted to create their first shared SQL query.

• Empty State
• Getting Started

Heroku

Authentication User authentication Form Account management