Redesign Thermo Fisher's sign-in page

Company

Thermo Fisher Scientific

Industry

Life sciences and research

Duration

1 year

(Who and why?)

Context

01

The challenge

Multiple authentication needs

  • The existing sign-in page did not support users signing in with company credentials
  • The experience needed to support both SSO users and users with regular accounts on a single page

Global and regional complexity

  • One design needed to support different world regions

Unclear value of account creation

  • The benefits of creating an account were not clearly communicated

02

My role

I worked closely with the Product Manager (PdM) and the Product Owner (PO) of the project. We discussed the purpose and goal of the feature, reviewed technical constraints, and for the design. Also, collaborate with the development team to clear questions and provide assets.

(What I did?)

Process & solution

03

First steps

Everything started with a couple of meetings with the PdM and PO, we reviewed the current state of the sign-in page and also, checked a couple of sign-in screens that the previous designer of the project worked.

Screenshot of the old sign-in page of Thermo Fisher Scientific
Previous version of the Sign-in page of Thermo Fisher Scientific.

04

Alignment & first designs

I did a quick benchmark and read about the best practices for SSO, then I sketched and designed a few versions of the new sign-in page (around five different versions).

Photo of my sketches showing 5 different sketches for the new sign-in flow supporting SSO.
Sketches of the first explorations I did in my notebook.

In a meeting with the PdM and PO, we reviewed the comps, all of my proposals were a simple two-step flow, first capture the username/email, then the password (if the user is using their corporate credentials). ‍ I received feedback and also discussed the need to display the benefits of creating an account; we agreed to add the benefits due to some business agreements.

05

High-fidelity design

For the second iteration of the design, I sketched and explored some variations of the sign-in page with the benefits on the side, kind of the same previous design but we cleaned-up the content.

High fidelity mockup showing the new single sign on design. The mockup is showing the first step of the SSO utilizing the latest Thermo Fisher's design system
In the first step, the user captures their email/username, if the user is B2C, they will need to capture their password in step 2.
High fidelity mockup showing the new single sign on design. The mockup is showing the second step of sign-in for non SSO users.
Second step, the user captures the password.

After deciding the final version of the new sign-in page, I started working with the PO on the different translations and variations of the sign-in page for the rest of the regions.

I found a couple of design challenges and try to adapt the sign-in page for different languages like Japanese, Chinese, and Korean. Also, some regions display different information on the benefits section.

High fidelity mockup showing the new single sign on design for the Japan region, the design needed to support different languages.
Japanese version of the Sign-in page showing different benefits. The design needed to support different business cases and languages.

(Final thoughts)

Reflections

06

Outcomes & lessons learned

This redesign was a big challenge, it might look simple to create a sign-in page for 1.4 million users, but in context, the sign-in page is the main entrance of the e-commerce and needs to be super clear and unnoticeable to pass through.

Also, I learned a lot of technicals constrains and learned about designing on a global scale. ‍ Now in my process, I added a new step of knowing the differences of the language and what are the different business decisions for all the regions; this can play a significant impact on the design solution.