Case study · Product design

Third-party portal

A portal where our clients' external counterparties could work on contracts inside the platform instead of over email. The squad designed the portal together. After launch, adoption was low. The diagnosis pointed to the password as the main barrier, so I proposed removing it and, within the squad, designed the new sign-in flow on my own.

Year
2022
Role
Product Designer
Focus
Product design, user flows, usability testing
Passwordless sign-in screen: the contract name, buttons to continue with Google or Outlook, and the option to get a sign-in link by email.

The problem

Companies managed their contracts inside the platform, except for one part: negotiating and signing with their own counterparty, a client or a supplier. That still happened over email, with no history or traceability. User interviews confirmed the pattern.

Two users

The portal had a different user from the main product. An occasional user didn't need the CLM's tools, which were built for daily use.

Internal userExternal user
FrequencyDailyOccasional
GoalManage the full contract lifecycleReview one specific document
NeedsThe full CLMOnly what that document requires

DecisionIn the squad we started from the CLM flows and cut them down to what the external user needed. Sign-up and sign-in, however, copied the CLM's. At the time, changing them didn't seem necessary. That is the access flow I later redesigned.

List of pending documents with the single contract view on top of it.
Interface recreated for illustration.

Process

  1. 1User interviews
  2. 2Scope definition
  3. 3Wireframes and prototype
  4. 4Usability testing
  5. 5Launch
  6. Low adoption after launch
  7. 6Diagnosis with Mixpanel and Hotjar
  8. 7Sign-in redesign: SSO and magic link

Diagnosis

Few external users signed in to the portal, and fewer came back. The team presented the Mixpanel data in a meeting, and it showed where people dropped off. I reviewed Hotjar to understand why.

Mixpanel

Where

Drop-off was concentrated at sign-up and sign-in.

Hotjar

Why

Users requested a password reset or abandoned the process.

For an occasional user, the password was the main barrier to entry.

No password

With that data, I proposed removing the password. Users sign in with a magic link, a tokenized link sent to their email, or with SSO, using their Google or Outlook account.

There are two methods because SSO isn't available for every email provider. The magic link covers those cases.

Before 4+ STEPS · WITH PASSWORD Gets an invitation by email Has an account? NO Gets an email to create a password Returns to the platform and creates a password Confirms their email YES Enters email and password Remembers the password? NO Resets password RETRIES GIVES UP Drops off YES Sees the document After NO PASSWORD Gets an invitation by email Returns another day Signs in with magic link or SSO (Google, Outlook) First time or same method? NO Alert: sign in with your original method RETRIES YES Sees the document
Passwordless sign-in screen: the contract name, buttons to continue with Google or Outlook, and the option to get a sign-in link by email.
Interface recreated for illustration.
Prototype

Walk through the passwordless flow: the email invitation, the three ways to sign in, the alert for a different method and arrival at the document.

This prototype recreates the redesigned flow. It is not the version we tested before launch. The document view appears as context and is not part of my design.

View prototype ↗

What I learned

The diagnosis left a distinction I now apply to every project: an occasional user has different needs from a daily user, beyond using the product less often. Friction a regular user overcomes once, an occasional user faces on every visit.

With the same reasoning, I would take the solution one step further today. In the final version, each user always had to sign in with the method they first registered with. Today I would identify them by email regardless of method, so they don't have to remember anything.

The prototype we tested before launch didn't ask users to create an account, so the sign-up friction never showed up in testing. Today I would test with the real sign-up.

Interfaces recreated for illustration. The original design is under NDA.