Crafting the Best Version of SAP Data Custodian

Overview

I was the sole designer for SAP Data Custodian. Over 18 months, I translated complex user stories into designs, delivering 3 new features, 9 feature improvements, and successfully implementing a new design system that satisfied company design standards. I worked closely with with PMs, product architects, and engineers to meticulously improve designs and ensure precise and timely implementation.

Tags: B2B |SaaS | Desktop

Project Time: Jan 2023 - Jun 2024

My Responsibility: Research & Design

Results: Delivered for implementation

Background

SAP Data Custodian is a robust Software as a Service (SaaS) solution that protects sensitive data stored in public, private, hybrid, and multi-cloud environments. This solution integrates with partnered public hyperscalers, SAP applications, and SAP managed clouds.

My responsibility is deliver designs for the key management (KMS) and transparency and control (TCS) experiences, improve the overall UI/UX, and squash bugs and inconsistencies. Specifically, to help customers operate clearly and successfully so they can get the most out of the product.

I translated complex user stories into designs, delivered 3 new features, 9 feature improvements, and successfully implemented a new design system that satisfied company design standards.

Stage 1

Understand the Task

Set The Stage

• The current design process is slow and cumbersome.

50% of user stories are not picked up by a design perspective.

40% of work has visual inconsistencies.

Team Collaboration

I integrated Figma into the workflow and worked closely with product managers in the Data Custodian team to understand design requirements.

Sample user story word document

Sample user story word document

Stage 2

Explore the Solution

Design Goal

How might I build the best experience for customers and help them better execute business functions?

Design Principles

Based on user needs I learned from research and business goals of SAP, I defined design characteristics before exploring solutions.

Visual Design Principles: To create the best look and feel

Usability Heuristics: To create an experience that makes sense and smooth

Fast Delivery

I had quick turnarounds on my items by starting early and often.

New warning message design in 2 days for error prevention

New warning message design in 2 days so users can
recognize, diagnose, and recover from errors

Solution Prioritization

We prioritized these potential solutions by evaluating their technical feasibility and impact on customer experience.
Here are the top 3:

Data Anonymization
Tokenization
AWS Key Support

Design Explorations

Visibility of System Status

This is a design for data anonymization, a feature that similarly protects sensitive data but differs from Tokenization in that the data is permanently altered and untraceable.In this design, I gave users extensive feedback to help them understand what they were doing and how it was going so they don’t get lost in the process.

User Control and Freedom

This is a design for tokenization, a feature that replaces sensitive data with a token that can be traced back to the original value. I accurately represented each technical specification in the design. I ensured users had control over what they wanted to input.

Recognition Rather than Recall

I made sure forms were easily recognized as input areas with content design and spacing.

Help and Documentation

I collaborated with UA to ensure alignment of design, functionality, and documentation.

Stage 3

Refine the experience

Review & Iterate

For every project, I produced multiple versions so the team has options to compare, contrast, and make design decisions with.

Old landing page design

New landing page design with new design system implemented

Aesthetic and Minimalist Design + Consistency and Standards

New UI

In 2023, SAP released their newest design system, Fiori Next.
I leveraged the "Horizon" theme for desktop for past and present designs.

Identical information with the desktop version with some changes in design:
• Easier to browse by separating info into multiple pages.
• Align with design principles of SAP central design team.
• Seamless cross-platform experience between desktop and mobile.

This design showcases the characteristics of the new design system: rounded corners, new icons, new font, and new colors.

Old landing page design

New landing page design with new design system implemented

Old pop-up design

New pop-up design with new shape and colors

Old certificates table design

New key log design with better organization, verified with PM

Epilogue

As the sole designer for SAP Data Custodian, I played a pivotal role in shaping the product's success by delivering innovative, user-centric solutions in the complex field of cloud security.

Impact includes:
Driving Product Innovation: I delivered 3 new features that addressed key user pain points and enhanced the product's capabilities, ensuring it met the evolving needs of its enterprise users.
Improving User Experience: You implemented 9 feature improvements, refining workflows and interfaces to create a more seamless, intuitive experience for users.
Establishing a Scalable Design System: By implementing a new design system, I ensured consistency, scalability, and efficiency in design processes, reducing time-to-market for new features.
Achieving Measurable Results: My contributions directly supported business and financial goals, highlighting the tangible value of my design work.

Timeline

All of my designs were implemented within their respective 2 month releases.

Post-launch, there were 20% less service tickets, saving SAP Data Custodian on labor costs. We also heard a reduction in task completion time which led to an increase in adoption and extension of existing licenses.

First group of new grads in '21 to go on-site in Palo Alto

SAP suite at Chase Center for a Warriors game

SAP Holiday party at Palo Alto campus

SuccessFactors team lunch at Ramen Nagi in downtown Palo Alto, University Avenue

With past manager Marga visiting from Newport Beach office & past teammate Natalie

SAP 50th anniversary celebration at PayPal Park in San Jose

49ers Players for a Purpose event at Levi's Stadium in Santa Clara

Getting an autograph from wide receiver Deebo Samuel

// Other Projects

My UX design portfolio showcasing a diverse range of projects where I deliver research-driven, user-centric solutions.

Highlights include:
• Enterprise SaaS: Transforming SAP Data Custodian with modern UI designs and seamless adoption of the latest design system, resulting in improved usability and product scalability.
Healthcare Innovation: Designing Dexcom's first desktop app, enabling diabetes patients to access glucose data conveniently and distraction-free while working.
Data Visualization & Research: From dashboards for the San Jose Sharks to global design thinking workshops, see how I craft impactful designs and streamline complex workflows.