OVERVIEW

OVERVIEW

OVERVIEW

A UX-initiated redesign of home for a data-heavy, complex B2B SaaS, designed to allow the user to focus on the most important tasks, to view, filter, and react to need-to-know, mission critical information quickly.



A UX-initiated redesign of home for a data-heavy, complex B2B SaaS, designed to allow the user to focus on the most important tasks, to view, filter, and react to need-to-know, mission critical information quickly.



A UX-initiated redesign of home for a data-heavy, complex B2B SaaS, designed to allow the user to focus on the most important tasks, to view, filter, and react to need-to-know, mission critical information quickly.



2021-2023

2021-2023

2021-2023

TIMELINE

TIMELINE

TIMELINE

ROLE

ROLE

ROLE

E2E Design

User Research

Stakeholder Management

Usability Sessions

E2E Design

User Research

Stakeholder Management

Usability Sessions

E2E Design

User Research

Stakeholder Management

Usability Sessions

Adminstrator

Adminstrator

Manage and Maintain

Manage and Maintain

Data Orchestrator

Data Orchestrator

Expose Data

Expose Data

Data/Business Modeler

Data/Business Modeler

Prepare and Enrich

Prepare and Enrich

Everyday I need to check and manage multiple spaces that I am an admin to. Can there not be an easy way to have a list of all the spaces with relevant information ?

Everyday I need to check and manage multiple spaces that I am an admin to. Can there not be an easy way to have a list of all the spaces with relevant information ?

Majority of my time goes in looking for the right data objects. I would like to have a way to get an overview of all the objects that I handle as a quick access.

Majority of my time goes in looking for the right data objects. I would like to have a way to get an overview of all the objects that I handle as a quick access.

Flexibility and Efficiency of Use

Quick action card provides personalization by tailoring content and functionality for individual users. Based on their roles and privileges, user can select upto four frequent tasks, making the product more customised to their needs.

Redesigning for Impact:



Redesigning for Impact:



Redesigning for Impact:



Elevated User Engagement by Over 300%

Elevated User Engagement by Over 300%

Elevated User Engagement by Over 300%

Exploring the problem space and taking the initiative


Exploring the problem space and taking the initiative


Exploring the problem space and taking the initiative


What we tested?

What we tested?

What we tested?

We tested the current home-screen against conceptualised home-screen which was card-based, envisioned to allow the user to focus on the most important tasks, to view, filter, and react to need-to-know, mission critical information quickly.

We tested the current home-screen against conceptualised home-screen which was card-based, envisioned to allow the user to focus on the most important tasks, to view, filter, and react to need-to-know, mission critical information quickly.

We tested the current home-screen against conceptualised home-screen which was card-based, envisioned to allow the user to focus on the most important tasks, to view, filter, and react to need-to-know, mission critical information quickly.

4.02


4.02


I directly go to the modules I work on

I directly go to the modules I work on

I directly go to the modules I work on

I never use the homescreen

I never use the homescreen

I never use the homescreen

Easy to identify where to go, what to do

Easy to identify where to go, what to do

Easy to identify where to go, what to do

3

3

Avg. Rating from 5 responses

Avg. Rating from 5 responses

Avg. Rating from 5 responses

Avg. Rating from 5 responses

Organized, flexible and has more features

Organized, flexible and has more features

Organized, flexible and has more features

Feedback

Feedback

High level of flexibility

High level of flexibility

High level of flexibility

Understanding users and their business needs


Understanding users and their business needs


Who we tested with?

Who we tested with?

Who we tested with?

How might we help users focus on mission critical information at a glance ?

How might we help users focus on mission critical information at a glance ?

Contextual Actions:


Add Consumption Unit

Manage Plan

Card level action :

Create Space

Space Specific:

Monitor

Edit

Delete

Lock

Unlock

Add member

Remove member

Deploy

ADMINSTRATOR

Contextual actions

Evaluated contextual actions with thorough research, shaping UX decisions on what action should appear on each card.

More flexibility of configuration is needed

More flexibility of configuration is needed

More flexibility of configuration is needed

Visibility of System Status

Introducing Filter by Status / Show Only Errors helps users quickly focus on actionable issues by reducing noise and cognitive load. It supports faster troubleshooting, scales with growing data, and creates a more controlled, trustworthy experience that saves time and reduces stress.

Feedback

Adminstrator

Manage and Maintain

Everyday I need to check and manage multiple spaces that I am an admin to. Can there not be an easy way to have a list of all the spaces with relevant information ?

Data/Business Modeler

Prepare and Enrich

Data Orchestrator

Expose Data

Majority of my time goes in looking for the right data objects. I would like to have a way to get an overview of all the objects that I handle as a quick access.

How might we help users focus on mission critical information at a glance ?

PUTTING HEURISTICS TO WORK!

Flexibility and Efficiency of Use

Quick action card provides personalization by tailoring content and functionality for individual users. Based on their roles and privileges, user can select upto four frequent tasks, making the product more customised to their needs.

Contextual Actions:


Add Consumption Unit

Manage Plan

Card level action :

Create Space

Space Specific:

Monitor

Edit

Delete

Lock

Unlock

Add member

Remove member

Deploy

ADMINSTRATOR

Contextual actions

Evaluated contextual actions with thorough research, shaping UX decisions on what action should appear on each card.

Visibility of System Status

Introducing Filter by Status / Show Only Errors helps users quickly focus on actionable issues by reducing noise and cognitive load. It supports faster troubleshooting, scales with growing data, and creates a more controlled, trustworthy experience that saves time and reduces stress.

PUTTING HEURISTICS TO WORK!

PUTTING HEURISTICS TO WORK!

Visibility of System Status

Introducing Filter by Status / Show Only Errors helps users quickly focus on actionable issues by reducing noise and cognitive load. It supports faster troubleshooting, scales with growing data, and creates a more controlled, trustworthy experience that saves time and reduces stress.

Flexibility and Efficiency of Use

Quick action card provides personalization by tailoring content and functionality for individual users. Based on their roles and privileges, user can select upto four frequent tasks, making the product more customised to their needs.

Contextual actions

Evaluated contextual actions with thorough research, shaping UX decisions on what action should appear on each card.

Contextual Actions:


Add Consumption Unit

Manage Plan

Card level action :

Create Space

Space Specific:

Monitor

Edit

Delete

Lock

Unlock

Add member

Remove member

Deploy

ADMINSTRATOR

Match Between System and the Real World

Match Between System and the Real World

Spaces

No spaces found

Create a space or contact admin

Open Space Management

Spaces

No spaces found

Create a space or contact admin

Open Space Management

Match Between System and the Real World

To design effective empty states for cards—whether due to missing permissions or the absence of content—we used clear, user-friendly UX copy. The messaging was written in terms familiar to end users, helping them understand why content wasn’t visible and what, if anything, they could do next.


Match Between System and the Real World

To design effective empty states for cards—whether due to missing permissions or the absence of content—we used clear, user-friendly UX copy. The messaging was written in terms familiar to end users, helping them understand why content wasn’t visible and what, if anything, they could do next.


Spaces

No spaces found

Create a space or contact admin

Open Space Management

Impact, Measured in Humans

What This Meant for Users

203%

increase in click metrics in 1st month

35%

reduction in bounce rate

2X

increase in usage of all cards

This project was seen as a perfect example of harmonised working model between UX, Research team, UA, PM and Development team and was recommended by the Product Lead to be nominated for SAP Data-Driven Insights Awards, which later successfully received a runner-up position.


Presented at SAP D-com(Developer Community Yearly Event) the case highlighted how grounding design decisions in real user data empowers teams to build more intuitive experiences that boost efficiency, satisfaction, and adoption.

What This Meant for Business

What This Meant for Me

1

Product Knowlegde

I believe you can never know enough about the product. Instead of just focusing on my specific area, I found that having a broader understanding helped me see the bigger picture more clearly.

2

Stakeholder Management

Regular feasibility checks and brainstorming sessions with the development team played a key role in helping us deliver a strong product and also building strong interpersonal relationships.

3

Customer engagement

I proactively volunteered to lead user engagement efforts and saw it as a valuable opportunity to understand user’s workflows, and uncover pain points through interviews and contextual inquiries.

Learnings

Impact, Measured in Humans

What This Meant for Users

203%

increase in click metrics in 1st month

35%

reduction in bounce rate

2X

increase in usage of all cards

This project was seen as a perfect example of harmonised working model between UX, Research team, UA, PM and Development team and was recommended by the Product Lead to be nominated for SAP Data-Driven Insights Awards, which later successfully received a runner-up position.


Presented at SAP D-com(Developer Community Yearly Event) the case highlighted how grounding design decisions in real user data empowers teams to build more intuitive experiences that boost efficiency, satisfaction, and adoption.

What This Meant for Business

What This Meant for Me

1

Product Knowlegde

I believe you can never know enough about the product. Instead of just focusing on my specific area, I found that having a broader understanding helped me see the bigger picture more clearly.

2

Stakeholder Management

Regular feasibility checks and brainstorming sessions with the development team played a key role in helping us deliver a strong product and also building strong interpersonal relationships.

3

Customer engagement

I proactively volunteered to lead user engagement efforts and saw it as a valuable opportunity to understand user’s workflows, and uncover pain points through interviews and contextual inquiries.

Learnings

Impact, Measured in Humans

What This Meant for Users

203%

increase in click metrics in 1st month

35%

reduction in bounce rate

2X

increase in usage of all cards

What This Meant for Business

This project was seen as a perfect example of harmonised working model between UX, Research team, UA, PM and Development team and was recommended by the Product Lead to be nominated for SAP Data-Driven Insights Awards, which later successfully received a runner-up position.


Presented at SAP D-com(Developer Community Yearly Event) the case highlighted how grounding design decisions in real user data empowers teams to build more intuitive experiences that boost efficiency, satisfaction, and adoption.

Learnings

What This Meant for Me

1

Product Knowlegde

I believe you can never know enough about the product. Instead of just focusing on my specific area, I found that having a broader understanding helped me see the bigger picture more clearly.

2

Stakeholder Management

Regular feasibility checks and brainstorming sessions with the development team played a key role in helping us deliver a strong product and also building strong interpersonal relationships.

3

Customer engagement

I proactively volunteered to lead user engagement efforts and saw it as a valuable opportunity to understand user’s workflows, and uncover pain points through interviews and contextual inquiries.

Fin

Fin

Fin

BONUS because you stayed :)

BONUS because you stayed :)

Liked what you saw ?

This is just a glimpse, please reach out for complete case-study

Liked what you saw ?

This is just a glimpse, please reach out for complete case-study

Liked what you saw ?

This is just a glimpse, please reach out for complete case-study

Thank you :)

Thank you :)

This project was seen as a perfect example of harmonised working model between UX, Research team, UA, PM and Development team and was recommended by the Product Lead to be nominated for SAP Data-Driven Insights Awards, which later successfully received a runner-up position.


Presented at SAP D-com(Developer Community Yearly Event) the case highlighted how grounding design decisions in real user data empowers teams to build more intuitive experiences that boost efficiency, satisfaction, and adoption.

What This Meant for Business

Here are some of the variations this card went through, the right side of each variations lists down the pros and cons of going ahead with that iteration.

Here are some of the variations this card went through, the right side of each variations lists down the pros and cons of going ahead with that iteration.

To design effective empty states for cards—whether due to missing permissions or the absence of content—we used clear, user-friendly UX copy. The messaging was written in terms familiar to end users, helping them understand why content wasn’t visible and what, if anything, they could do next.


Create a free website with Framer, the website builder loved by startups, designers and agencies.