12
8 Comments

25%+ increase of signup rate by only 1 color change

We have launched our service for a couple of weeks.

We keep tracking the conversion rate of landing closely.
The landing page to signup page is around 30% which loses 70% traffic.
And surprisingly the signup page to users do signup also around 30% which we lose 60~70% traffic again.

We keep modifying and tune the texts of the landing and signup pages, but there's no obvious change.

The signup page is straightforward and very similar to most of the signup page which provides both GOOGLE and EMAIL.

BUT we keep finding users just typing their Gmail account rather clicking the [Signup with Google], and some just give up the signup during typing.
We can't understand why but still try to do something.
We notice that the Sign Up for Free is blue color which is more obvious compared to the white button above.
So we just switch the color and remove the [For Free] text to make both buttons the same.

And just a few days later, the signup conversion boost from 35% to 55~60%
Users don't type their email anymore, they just click the blue button.

We understand the color matters but are still surprised a simple change makes a huge difference. With the lesson learned, we will keep looking closely at any details which might affect the conversion.

Our optimized signup page: https://www.pxcode.io/signUp

Please feel free to feedback if any suggestion for the conversion rate improvement.

posted to Icon for group Growth
Growth
on October 6, 2020
  1. 3

    As someone who has been too lazy on recent projects to implement SSO from Google/Fb/etc this definitely gives me second thoughts.

  2. 3

    Very interesting. To get even more focus on the Google button, maybe you could hide the 3 text inputs behind another "Sign up with email" button. When a user clicks this button, the 3 text boxes appear.

    1. 1

      Exactly. Each field to fill builds additional resistance, in this case hiding them with simple js logic or toggle would probably increase signups further at least 10+ %

  3. 3

    Interesting case study. I recently changed my app's 'Continue with Google' from white to blue as-well. Looks like I made the right choice :)

  4. 2

    Do you mind sharing actual number. Percentage is helpful, but if sign up go from 4 to 5 it is slightly different than going from 400 to 500.

    1. 2

      Sure.

      Original conversion rate is steady around 30~35% (over 1000+)
      The conversion rate vibrated a lot for first 2 days but significant raise - around 50~70%
      Now number is over 50+, and the number is more steady around 50~55%

  5. 1

    Very cool that you are posting results of experiments :)

  6. 1

    Nice test! You improved also teh user expereince, guiding the user where you want (in this case sign up with Google).

    If you're interested in more about colors, I made an analysis of colors and Twitter profiles. You can find the complete analysis here: https://twitter.com/teodora_dobre/status/1312868227500789760

Trending on Indie Hackers
How would you grow this? User Avatar 26 comments I just launched a new offer and made $1000 User Avatar 23 comments I curated a directory of Free tools and resources User Avatar 22 comments 30 free marketing tools that you probably heard of but haven't tried User Avatar 21 comments How much revenue can an unknown open-source project make? User Avatar 19 comments Upselling from $8/mo to $1947/mo User Avatar 15 comments