“Sometimes going beyond expected responsibilities brings great results and happier stakeholders”
“Sometimes going beyond expected responsibilities brings great results and happier stakeholders”
“Sometimes going beyond expected responsibilities brings great results and happier stakeholders”
The project initially felt overwhelming, as we had to audit the entire product without a predefined UX audit process. In addition to my UX role, I also managed project tasks and constantly worked closely with the PM and development teams to keep everything aligned.
The project initially felt overwhelming, as we had to audit the entire product without a predefined UX audit process. In addition to my UX role, I also managed project tasks and constantly worked closely with the PM and development teams to keep everything aligned.
The project initially felt overwhelming, as we had to audit the entire product without a predefined UX audit process. In addition to my UX role, I also managed project tasks and constantly worked closely with the PM and development teams to keep everything aligned.
2024-2025
2024-2025
2024-2025
TIMELINE
TIMELINE
TIMELINE
UX Audit
UX Advocacy
Design System Alignment
Project Management
Stakeholder Management
UX Audit
UX Advocacy
Design System Alignment
Project Management
Stakeholder Management
UX Audit
UX Advocacy
Design System Alignment
Project Management
Stakeholder Management
ROLE
ROLE
ROLE
OVERVIEW
OVERVIEW
OVERVIEW
This is not a typical UX case study—it’s a comprehensive, in-depth process documentation for UX audit and theme transition of SAP Datasphere, a complex data warehouse platform. The project focused on aligning the application's design theme with modern Fiori UI standards ensuring a consistent user experience across 18+ product modules and 300+ screens.
This is not a typical UX case study—it’s a comprehensive, in-depth process documentation for UX audit and theme transition of SAP Datasphere, a complex data warehouse platform. The project focused on aligning the application's design theme with modern Fiori UI standards ensuring a consistent user experience across 18+ product modules and 300+ screens.
This is not a typical UX case study—it’s a comprehensive, in-depth process documentation for UX audit and theme transition of SAP Datasphere, a complex data warehouse platform. The project focused on aligning the application's design theme with modern Fiori UI standards ensuring a consistent user experience across 18+ product modules and 300+ screens.
The most prominent challenges identified during our primary research were inconsistencies in the implementation of identical components and visual discrepancies across the interface. Spacing, padding, and positioning varied across elements.
The most prominent challenges identified during our primary research were inconsistencies in the implementation of identical components and visual discrepancies across the interface. Spacing, padding, and positioning varied across elements.
The most prominent challenges identified during our primary research were inconsistencies in the implementation of identical components and visual discrepancies across the interface. Spacing, padding, and positioning varied across elements.
Seamless UI Migration to a New Design Theme Across
18+ Modules
Seamless UI Migration to a New Design Theme Across
18+ Modules
Seamless UI Migration to a New Design Theme Across
18+ Modules
SAP: Fiori Design System
SAP: Fiori Design System
SAP: Fiori Design System
Executing and managing a UX Audit of a such a scale can be stressful at times. In order to establish successful communication across Product Managers and Engineering teams, and making the audit document easily exportable for improved collaboration, we developed a concept of template-based figma-framework.
Executing and managing a UX Audit of a such a scale can be stressful at times. In order to establish successful communication across Product Managers and Engineering teams, and making the audit document easily exportable for improved collaboration, we developed a concept of template-based figma-framework.
Executing and managing a UX Audit of a such a scale can be stressful at times. In order to establish successful communication across Product Managers and Engineering teams, and making the audit document easily exportable for improved collaboration, we developed a concept of template-based figma-framework.
This sheet facilitated easy navigation through the audit specification document, with each item numbered according to the corresponding screenshot of each issue audited within the module.
This sheet facilitated easy navigation through the audit specification document, with each item numbered according to the corresponding screenshot of each issue audited within the module.
This sheet facilitated easy navigation through the audit specification document, with each item numbered according to the corresponding screenshot of each issue audited within the module.
Issues were categorised based on Error Type and Priority, which could later be addressed easily by respective teams.
Issues were categorised based on Error Type and Priority, which could later be addressed easily by respective teams.
Issues were categorised based on Error Type and Priority, which could later be addressed easily by respective teams.
We used tables that were easily exportable making them simple to share and accessible to all stakeholders.
We used tables that were easily exportable making them simple to share and accessible to all stakeholders.
We used tables that were easily exportable making them simple to share and accessible to all stakeholders.
Define Audit Plan
Establish a phased approach for the UI audit to enable focused analysis, smarter prioritization, and early collaboration with Product Managers.
Define Audit Plan
Establish a phased approach for the UI audit to enable focused analysis, smarter prioritization, and early collaboration with Product Managers.
Define Audit Plan
Establish a phased approach for the UI audit to enable focused analysis, smarter prioritization, and early collaboration with Product Managers.
Comprehensive UI Review
Audit over 300 screens to identify spacing issues, color mismatches, outdated design patterns, and inconsistent component usage.
Comprehensive UI Review
Audit over 300 screens to identify spacing issues, color mismatches, outdated design patterns, and inconsistent component usage.
Comprehensive UI Review
Audit over 300 screens to identify spacing issues, color mismatches, outdated design patterns, and inconsistent component usage.
Align with Design System
Map identified issues against the updated design system to ensure consistency and modernization across the user interface.
Align with Design System
Map identified issues against the updated design system to ensure consistency and modernization across the user interface.
Align with Design System
Map identified issues against the updated design system to ensure consistency and modernization across the user interface.
Set Priorities on Impact
Use a matrix-based approach to prioritize issues, focusing first on high-impact, high-effort areas that will drive the most value.
Set Priorities on Impact
Use a matrix-based approach to prioritize issues, focusing first on high-impact, high-effort areas that will drive the most value.
Set Priorities on Impact
Use a matrix-based approach to prioritize issues, focusing first on high-impact, high-effort areas that will drive the most value.
Collaborate Across Teams
Engage regularly with product, design, and engineering stakeholders to maintain alignment and validate priorities throughout the audit process.
Collaborate Across Teams
Engage regularly with product, design, and engineering stakeholders to maintain alignment and validate priorities throughout the audit process.
Collaborate Across Teams
Engage regularly with product, design, and engineering stakeholders to maintain alignment and validate priorities throughout the audit process.
Streamline Design-to-Development Handoff
Improve workflows in high-friction areas to reduce design debt and ensure a seamless transition from design to development.
Streamline Design-to-Development Handoff
Improve workflows in high-friction areas to reduce design debt and ensure a seamless transition from design to development.
Streamline Design-to-Development Handoff
Improve workflows in high-friction areas to reduce design debt and ensure a seamless transition from design to development.
1
1
1
2
2
2
3
3
3
4
4
4
5
5
5
6
6
6
7
7
7
Create Centralized, Reusable Documentation
Document findings, standards, and guidelines in a central repository to ensure consistency and enable future reuse.
Create Centralized, Reusable Documentation
Document findings, standards, and guidelines in a central repository to ensure consistency and enable future reuse.
Create Centralized, Reusable Documentation
Document findings, standards, and guidelines in a central repository to ensure consistency and enable future reuse.
We’re switching to Horizon by UX. Big thanks to @Bhatia, Rashmi keeping an eye on issues in the transition.
We’re switching to Horizon by UX. Big thanks to @Bhatia, Rashmi keeping an eye on issues in the transition.
We’re switching to Horizon by UX. Big thanks to @Bhatia, Rashmi keeping an eye on issues in the transition.
- Product Manager
- Product Manager
- Product Manager
“
“
“
Thank you :)
Thank you :)
Thank you :)
IMPACT AND VALIDATION
IMPACT AND VALIDATION
IMPACT AND VALIDATION
KEY LEARNINGS
KEY LEARNINGS
KEY LEARNINGS
💭CLOSING THOUGHTS
💭CLOSING THOUGHTS
💭CLOSING THOUGHTS
OBJECTIVE
OBJECTIVE
OBJECTIVE
FIGMA-FRAMEWORK
FIGMA-FRAMEWORK
FIGMA-FRAMEWORK
CHALLENGES
CHALLENGES
CHALLENGES
PROCESS
PROCESS
PROCESS
🕵
🕵
🕵
Identify modules, screens, and components — including custom ones — that are frequently used by core customer personas.
Identify modules, screens, and components — including custom ones — that are frequently used by core customer personas.
Identify modules, screens, and components — including custom ones — that are frequently used by core customer personas.
Conduct a comprehensive end-to-end analysis of all existing modules to ensure a seamless and efficient transition to the new Horizon theme.
Conduct a comprehensive end-to-end analysis of all existing modules to ensure a seamless and efficient transition to the new Horizon theme.
Conduct a comprehensive end-to-end analysis of all existing modules to ensure a seamless and efficient transition to the new Horizon theme.
✍🏻
✍🏻
✍🏻
Cross-team UX alignment and design system collaboration. Manage stakeholder input, and document solutions in a scalable, reusable format.
Cross-team UX alignment and design system collaboration. Manage stakeholder input, and document solutions in a scalable, reusable format.
Cross-team UX alignment and design system collaboration. Manage stakeholder input, and document solutions in a scalable, reusable format.
❌
❌
❌
Visual Inconsistency
Visual Inconsistency
Visual Inconsistency
Identical components are implemented inconsistently causing discrepancies.
Identical components are implemented inconsistently causing discrepancies.
❌
❌
❌
Implementation Errors
Implementation Errors
Implementation Errors
Spacing, padding, and positioning were often misapplied across components.
Spacing, padding, and positioning were often misapplied across components.
Component/Page
Component/Page
Component/Page
Detailed issue description highlighting the specific component or page to facilitate stakeholder navigation.
Detailed issue description highlighting the specific component or page to facilitate stakeholder navigation.
Detailed issue description highlighting the specific component or page to facilitate stakeholder navigation.
Categorising the issue as, implementation error,
interaction error or design error
Categorising the issue as, implementation error,
interaction error or design error
Categorising the issue as, implementation error,
interaction error or design error
Categorising as high, medium or low, based on impact, user needs and engineering effort
Categorising as high, medium or low, based on impact, user needs and engineering effort
Categorising as high, medium or low, based on impact, user needs and engineering effort
Module
Module
Module
Issue Priority
Issue Priority
Issue Priority
Issue Type
Issue Type
Issue Type
Resolution
Resolution
Resolution
High
High
High
Medium
Medium
Medium
Low
Low
Low
Error
Error
Error
UX Solution/
Open Questions
UX Solution/
Open Questions
UX Solution/
Open Questions
Adding details like,
guideline links, UX specifications, or other suggestions or open questions
Adding details like,
guideline links, UX specifications, or other suggestions or open questions
Adding details like,
guideline links, UX specifications, or other suggestions or open questions
32
32
32
Bugs Created
Bugs Created
Bugs Created
99%
99%
99%
Bugs Resolved
Bugs Resolved
Bugs Resolved
~87%
~87%
~87%
UXC Compliance
UXC Compliance
UXC Compliance
200
200
200
Total Issues Logged
Total Issues Logged
Total Issues Logged
creating a system that works for everyone !
creating a system that works for everyone !
creating a system that works for everyone !
Challenges that Shaped the Next Version
Challenges that Shaped the Next Version
Challenges that Shaped the Next Version
How this Project Changed my Perception
How this Project Changed my Perception
How this Project Changed my Perception
defining a strategic process
defining a strategic process
defining a strategic process
❌
❌
❌
Design System Guidelines
Design System Guidelines
Design System Guidelines
Ambiguities in the design system led to varied and inconsistent implementations.
Ambiguities in the design system led to varied and inconsistent implementations.
As we started the design audit, and explored a couple of modules we were welcomed with new challenges. There were remnants of the old theme, and borrowed I-Frames from other products, that suggested an incomplete transition to the new design system.
As we started the design audit, and explored a couple of modules we were welcomed with new challenges. There were remnants of the old theme, and borrowed I-Frames from other products, that suggested an incomplete transition to the new design system.
As we started the design audit, and explored a couple of modules we were welcomed with new challenges. There were remnants of the old theme, and borrowed I-Frames from other products, that suggested an incomplete transition to the new design system.
NEW CHALLENGES
NEW CHALLENGES
NEW CHALLENGES
❌
❌
❌
Residual Old Theme
Residual Old Theme
Residual Old Theme
The UI reflected elements of the old theme, indicating incomplete migration.
The UI reflected elements of the old theme, indicating incomplete migration.
The UI reflected elements of the old theme, indicating incomplete migration.
❌
❌
❌
Reused HTML I-frames
Reused HTML I-frames
Reused HTML I-frames
HTML I-frames were reused from another SAP product, making modifications hard.
HTML I-frames were reused from another SAP product, making modifications hard.
HTML I-frames were reused from another SAP product, making modifications hard.
🏷️
🏷️
🏷️
Using labels/tags to show custom/third party components
Using labels/tags to show custom/third party components
Using labels/tags to show custom/third party components
🚨
🚨
🚨
Legends based on UX Priority
H : High Prio/Must Do
M : Medium Prio/Can Do
L : Low Prio/Good to have
Legends based on UX Priority
H : High Prio/Must Do
M : Medium Prio/Can Do
L : Low Prio/Good to have
Legends based on UX Priority
H : High Prio/Must Do
M : Medium Prio/Can Do
L : Low Prio/Good to have
⬇️
⬇️
⬇️
Exportable Tables for Seamless Collaboration
Exportable Tables for Seamless Collaboration
Exportable Tables for Seamless Collaboration
POWER OF COLLABORATION 🤝
POWER OF COLLABORATION 🤝
POWER OF COLLABORATION 🤝
I built strong cross-functional relationships with PMs and engineers, regularly aligning with them which ensured the success of the design project.
I built strong cross-functional relationships with PMs and engineers, regularly aligning with them which ensured the success of the design project.
I built strong cross-functional relationships with PMs and engineers, regularly aligning with them which ensured the success of the design project.
IMPACT DRIVEN
FOCUS 🛠️
IMPACT DRIVEN
FOCUS 🛠️
IMPACT DRIVEN
FOCUS 🛠️
Learned prioritising issues based on their impact on UX, development effort and business goals, and balancing effort versus benefit for all stakeholders.
Learned prioritising issues based on their impact on UX, development effort and business goals, and balancing effort versus benefit for all stakeholders.
Learned prioritising issues based on their impact on UX, development effort and business goals, and balancing effort versus benefit for all stakeholders.
PRODUCT KNOWLEDGE 🧠
PRODUCT KNOWLEDGE 🧠
PRODUCT KNOWLEDGE 🧠
Gained comprehensive understanding of product workflows, product heuristics and working in alignment with design system and UXC standards.
Gained comprehensive understanding of product workflows, product heuristics and working in alignment with design system and UXC standards.
Gained comprehensive understanding of product workflows, product heuristics and working in alignment with design system and UXC standards.
REFINING THE CONCEPT
REFINING THE CONCEPT
REFINING THE CONCEPT
IMPLEMENTATION
IMPLEMENTATION
IMPLEMENTATION
FIGMA FILE
FIGMA FILE
FIGMA FILE
Data Builder > Replication Flow
Data Builder > Replication Flow
Data Builder > Replication Flow
DATASPHERE
DATASPHERE
DATASPHERE
Cross Product
Cross Product
Cross Product
UX Design Spec
UX Design Spec
UX Design Spec
ANALYSIS REPORT
ANALYSIS REPORT
ANALYSIS REPORT
2
2
2
4.a
4.a
4.a
3
3
3
8
8
8
8
8
8
5
5
5
6
6
6
7
7
7
9
9
9
4.b
4.b
4.b
Contents
Contents
Contents
