32+

32+

Bugs Created

Bugs Created

99%

99%

Bugs Resolved

Bugs Resolved

~87%

~87%

UXC Complaince

UXC Complaince

200+

200+

Total Issues Logged

Total Issues Logged

SOLUTION

IMPLEMENTATION

Data Builder > Replication Flow

DATASPHERE

Cross Product

UX Design Spec

ANALYSIS REPORT

2

4.a

3

8

8

5

6

7

9

4.b

Contents

OVERVIEW

OVERVIEW

This is a comprehensive, in-depth process documentation for UX audit and theme transition of SAP 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 a comprehensive, in-depth process documentation for UX audit and theme transition of SAP 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 a comprehensive, in-depth process documentation for UX audit and theme transition of SAP 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.

2024-2025

2024-2025

2024-2025

TIMELINE

TIMELINE

ROLE

ROLE

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

Design System Audit :



Design System Audit :



Design System Audit :



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

OBJECTIVE

OBJECTIVE

OBJECTIVE

🕵

🕵

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.

✍🏻

✍🏻

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.

🕵

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.

✍🏻

Cross-team UX alignment and design system collaboration. Manage stakeholder input, and document solutions in a scalable, reusable format.

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.

CHALLENGES

Visual Inconsistency

Identical components are implemented inconsistently causing discrepancies.

Implementation Errors

Spacing, padding, and positioning were often misapplied across components.

Design System Guidelines

Ambiguities in the design system led to varied and inconsistent implementations.

CHALLENGES

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.

Visual Inconsistency

Identical components are implemented inconsistently causing discrepancies.

Implementation Errors

Spacing, padding, and positioning were often misapplied across components.

Design System Guidelines

Ambiguities in the design system led to varied and inconsistent implementations.

SOLUTION

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.

Component/Page

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 as high, medium or low, based on impact, user needs and engineering effort

Module

Issue Priority

Issue Type

Resolution

High

Medium

Low

Error

UX Solution/

Open Questions

Adding details like,

guideline links, UX specifications, or other suggestions or open questions

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.

We used tables that were easily exportable making them simple to share and accessible to all stakeholders.

IMPLEMENTATION

Data Builder > Replication Flow

DATASPHERE

Cross Product

UX Design Spec

ANALYSIS REPORT

2

4.a

3

8

8

5

6

7

9

4.b

Contents

SOLUTION

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.

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.

FIGMA-FRAMEWORK

FIGMA-FRAMEWORK

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.

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

Module

Module

Issue Priority

Issue Priority

Issue Type

Issue Type

Resolution

Resolution

High

High

Medium

Medium

Low

Low

Error

Error

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

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.

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.

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.

IMPACT

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.

CHALLENGES

Visual Inconsistency

Identical components are implemented inconsistently causing discrepancies.

Implementation Errors

Spacing, padding, and positioning were often misapplied across components.

Design System Guidelines

Ambiguities in the design system led to varied and inconsistent implementations.

KEY LEARNINGS

💭CLOSING THOUGHTS

“Sometimes going beyond expected responsibilities brings great results and happier stakeholders”


“Sometimes going beyond expected responsibilities brings great results and happier stakeholders”


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

Thank you for scrolling through !

This is just a glimpse, please reach out to see full case-study

Thank you for scrolling through !


This is just a glimpse, please reach out to see full case-study

IMPACT

KEY LEARNINGS

💭CLOSING THOUGHTS

“Sometimes going beyond expected responsibilities brings great results and happier stakeholders”


Thank you for scrolling through !

This is just a glimpse, please reach out to see full case-study

We’re switching to Horizon by UX. Big thanks to  @Bhatia, Rashmi keeping an eye on issues in the transition. 


- Product Manager

🕵

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.

✍🏻

Cross-team UX alignment and design system collaboration. Manage stakeholder input, and document solutions in a scalable, reusable format.

Visual Inconsistency

Identical components are implemented inconsistently causing discrepancies.

Implementation Errors

Spacing, padding, and positioning were often misapplied across components.

Design System Guidelines

Ambiguities in the design system led to varied and inconsistent implementations.

IMPACT

KEY LEARNINGS

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.

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.

PRODUCT KNOWLEDGE 🧠

Gained comprehensive understanding of product workflows, product heuristics and working in alignment with design system and UXC standards.

💭CLOSING THOUGHTS

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