✦ Implementing SSO for ease and security
Streamlining authentication and security by integrating SSO (Single Sign-On) for both global and enterprise identity providers (IdPs), on both the web, desktop and mobile app.
Duration
2 weeks
Tools
Figma, Figjam
Year
2024
About the company
Sync is a Canadian-based cloud file storage company with over 2 million users. Serving both B2B and B2C needs, it focuses on providing a secure, encrypted service for storing, sharing, and collaborating on files.
The challenge
✢ The sales team was losing business clients due to Sync’s lack of SSO, which was a critical requirement for these clients. This was also an opportunity to make authentication easier and more convenient for all users by additionally implementing global iDPs (Google and Apple). ✢
Scope and prioritization
✦ Global idPs (Google, Apple) for public use.
⁕ Enterprise idPs (Okta, Azure, etc) for businesses that manage employee authentication.
❊ Admin settings to configure enterprise SSO, allowing employees to sign in through their enterprise IdP. (This was handled by another designer).
Collection of user stories prioritized with the Product team
Design and Product were aligned on the requirements for version 1 of this project by ideating and prioritizing user stories.
The outcome
✢ Global IdP SSO buttons integrated into all points where user authentication point, supporting a wide range of use cases for a consistent and secure login experience.
✽ Flows for organization employees to sign in with their company’s enterprise SSO idP, after the admin has configured SSO.
✸ Basic admin settings to allow enterprise SSO configuration with Sync (visually designed by another fellow designer, settings and initial research by me).
✸ The new updates ✸
Signing in with global or enterprise idPs, seamlessly.
Users can now sign in or create an account by continuing with Google or Apple. Members of an organization can sign in with their work emails.
Authenticating through Google/Apple (Global idP flow)
Signing in with a work email (enterprise idP flow)
Signing in through the desktop app installation flow
Example of mobile designs with SSO buttons
SSO for the mobile and desktop app
Users can use SSO on both the web, mobile app and desktop app to sign up or sign in. This was a requirement for this version since it did not make sense to only have SSO for the web.
✧ Thank you for reading ✧
Interested in seeing more? Try these:
