Redesigning the IAM Experience for SecurePass

Redesigning the IAM Experience for SecurePass

Redesigning the IAM Experience for SecurePass

SaaS

Web

Overview

Overview

SecurePass is a core Identity & Access Management solution designed for admins to manage user identities, control access, and enforce security policies across enterprise systems. While its functionality was working, the product's user experience was unintuitive, visually outdated, and misaligned with the needs of modern IT workflows.


As the lead designer, I was brought in to transform SecurePass from a utility-first tool to a user-centered, scalable IAM platform with a modern interface, seamless workflows, and a robust design system.

SecurePass is a core Identity & Access Management solution designed for admins to manage user identities, control access, and enforce security policies across enterprise systems. While its functionality was working, the product's user experience was unintuitive, visually outdated, and misaligned with the needs of modern IT workflows.


As the lead designer, I was brought in to transform SecurePass from a utility-first tool to a user-centered, scalable IAM platform with a modern interface, seamless workflows, and a robust design system.

The

Challenge

The Challenge

The Challenge

SecurePass had a powerful engine—but no driver's dashboard.

It offered working IAM functionality for IT admins, yet the experience felt rigid and unintuitive.

SecurePass had a powerful engine—but no driver's dashboard.

It offered working IAM functionality for IT admins, yet the experience felt rigid and unintuitive.

"The current platform gets the job done, but the experience is confusing and lacks polish."

"The current platform gets the job done, but the experience is confusing and lacks polish."

– Internal IT Admin

Current UI

Current UI

Low task discoverability

Low adoption from newer IT teams due to confusing interfaces and limited visibility.

High reliance on support teams

High dependency on documentation and support, even for basic tasks.

Fragmented Navigation & Inconsistent UI

Users struggled with finding key actions due to disjointed flows, missing states, and a lack of visual hierarchy.

Lack of a scalable design foundation

Legacy UI that hadn’t been refreshed in years, with unclear information hierarchy and unresponsive layouts.

Discovery & Research

Discovery & Research

We began by analyzing user behavior, existing platform friction points, and feedback from internal teams. Through heuristic evaluations and stackholder interviews, we identified pain points in navigation, configuration complexity, and lack of guidance during setup.

We began by analyzing user behavior, existing platform friction points, and feedback from internal teams. Through heuristic evaluations and stackholder interviews, we identified pain points in navigation, configuration complexity, and lack of guidance during setup.

UX Audit

UX Audit of the current platform, highlighting inconsistencies and inefficiencies

Stakeholder Interviews

Stakeholder Interviews to identify goals and key frustrations

Competitive study

Competitive Benchmarking with platforms like Veza, Okta, ForgeRock, and CyberArk

IA mapping

Identified key user roles, access needs, and system interactions through Information Architecture (IA) mapping to guide intuitive navigation.

Key Improvements

Key Improvements

We redesigned the entire experience by introducing an onboarding wizard, restructuring navigation for better clarity, enhancing dashboard with customization, and integrating missing functional elements. The result is a more intuitive, scalable, and task-oriented platform.

We redesigned the entire experience by introducing an onboarding wizard, restructuring navigation for better clarity, enhancing dashboard with customization, and integrating missing functional elements. The result is a more intuitive, scalable, and task-oriented platform.

Step-by-step Onboarding Flow

Step-by-step Onboarding Flow

We introduced a sequenced setup process guiding users through:

  • Importing users/groups

  • Connecting directories and SSO

  • Adding resources (apps, systems)

  • Defining access and security policies

Navigation redesign

Navigation redesign

We simplified navigation around workflows and used clear, technical language.

  • Risk Profile → Manage Access

  • Apps, Systems, Databases → Manage Resources

  • Scattered settings and configurations → Security Policies

Dashboard that works

Dashboard that works

We created a flexible dashboard that adapts to user needs.

  • Overview cards on top for each sub-module

  • Graphs matched to the right chart types

  • Users can rearrange, resize, or remove the data cards

Streamlined Access Profile Creation

Streamlined Access Profile Creation

The previous screen overwhelmed users with all fields shown at once; we replaced it with a guided, multi-step modal that breaks the process into logical stages with clearer labels and better visual structure.

  • Step-by-step modal guides users through logical stages.

  • Filters, search, and clear metadata reduce cognitive load.

  • Better visual hierarchy and whitespace for improved legibility.

Added UX layers that were missing

Added UX layers that were missing

These simple-but-impactful additions helped humanize the platform:

  • Smart empty states with CTAs

  • Warnings for missing configurations

  • Map for geo-logins

  • Tree view for importing nested containers

  • Avatar upload with cropping

Design System

Design System

We created a scalable design system in Figma with tokens for color, spacing, and elevation, reusable components with multiple states, WCAG-compliant accessibility, and support for multi-tenant theming.

We created a scalable design system in Figma with tokens for color, spacing, and elevation, reusable components with multiple states, WCAG-compliant accessibility, and support for multi-tenant theming.

Foundation

Colors

Typography

Core Components

Button

Step Indicator

Status Tag

Text Input

Segmented Buttons

Configuration Card

File Upload Progress

DATA Components

Table

Charts

Reflections

Reflections

Design in enterprise IAM is less about flashy UI and more about trust, clarity, and consistency.

Sometimes, the most critical work is unglamorous: aligning language, reducing friction, and making security approachable.

Design in enterprise IAM is less about flashy UI and more about trust, clarity, and consistency.

Sometimes, the most critical work is unglamorous: aligning language, reducing friction, and making security approachable.

Next Project

Next Project

Advanced Multi-theme design system for Figma

Advanced Multi-theme design system for Figma

Advanced Multi-theme design system for Figma

Get in touch

Reach me out on kushjain94@gmail.com

Get in touch

Reach me out on kushjain94@gmail.com

Get in touch

Reach me out on kushjain94@gmail.com