Skip to content

Improved sign in/register page

Problem to solve

Our existing GitLab.com landing page does the job for signing-in into and singing-up for GitLab. Depending on the use case/link, we provide a sign-in and registration tab.

Besides that, I think that there is an undiscovered opportunity to engage independent, curious users by providing a more visually appealing experience on these landing pages.
We are doing great on about.gitlab.com. Let's openly think about engagement on the product itself.

First impressions last!

In addition, we should better optimize for mobile as well.

Further details

Proposal

One way to move forward here would be exploring design alternatives for the page layout and current "left side" of the login page.
We have to keep in mind that title and description are customizable by admins on an instance-level.

What does success look like, and how can we measure that?

(If no way to measure success, link to an issue that will implement a way to measure this)

Links / references

Screen_Shot_2018-07-04_at_9.36.02_PM

Screen_Shot_2018-07-04_at_9.36.04_PM

Solution

Recommended changes:

  • remove email confirmation input
  • introduce the ability to 'view the password' so that users can make sure that they didn't misspell it
  • move the signup/register form to the top of the screen on mobile devices (will be solved by gitlab-org/gitlab-ce#59987)
  • move the social sign-in methods to the top of the form on mobile devices (this way, users could sign in or register with a single click which would be really helpful on mobile). Atm, these options are all the way at the bottom of the screen and probably missed by most users. This would also be beneficial for self-hosted instances with custom SSO sign-in methods as users wouldn't need to scroll to find it. (illustrated below: 1)
  • separate name & surname information (should help us with free trial sign up improvements and with delivering more personalized marketing)
  • automatically generate an available username (registration only), this would be especially helpful on mobile devices. Formula for username generation: name + surname, check if available, if not, add a random number to create a username that is available.
  • show the email the user used for registering on the 'Almost finished' page so that they can check if it's correct. (illustrated below: 2) — soft email confirmation should remove this step altogether
  • Remove (hide) the copy on the 2FA authentication page (illustrated below: 3)
1 2 3
image image image

Prototypes & flows:

Edited by Matej Latin