✦
|

Roseanne Roseanne Chao

Currently a Senior UX Designer at Salesforce
  • 👩‍🎨 Digital Artist w/ Procreate
  • 🇸🇬 Singaporean Living in San Francisco
  • ❤️‍🔥 Lover of new experience, creative ideas, and completing Apple Watch rings
View My Work ↓

Recent Projects

Children's Books

Stories for little readers

Illustrated picture books made with love — gentle worlds, curious animal characters, and the kind of colors that make kids point at the page.

Illustration Procreate Storytelling Picture Books

Pages & spreads

🌙
[ Add: Title spread / cover art ]
Book Title · Cover Spread
Procreate · 2024
🌿
[ Add: Interior spread ]
Interior spread · pg. 4–5
Procreate · 2024
🦊
[ Add: Character illustration ]
Character study · Main character
Procreate · 2024
🌸
[ Add: Scene ]
Scene · pg. 8–9
Procreate · 2024
⭐
[ Add: Scene ]
Scene · pg. 14–15
Procreate · 2024
🌈
[ Add: Ending spread ]
Ending spread · pg. 24–25
Procreate · 2024

Where the stories come from

These books started as a personal project — a way to make something tactile and joyful outside of screens and product flows. Each one begins with a character sketch in Procreate, then grows into a world.

The goal is always the same: make something a kid would ask to read again at bedtime.

🎨
About Me

Designer, Artist, Storyteller

Growing up across five different countries 🇸🇬🇯🇵🇹🇼🇭🇰🇺🇸 made me naturally curious, adaptable, and always eager for new experiences. Those experiences continue to shape how I approach both life and design, helping me connect with people from different backgrounds and perspectives.

Today, I work as a Digital Product Designer at Salesforce. Before that, I earned bachelor's degrees in Piano Performance and Visual Design from the University of Michigan and a master's degree in Digital Product Design from Parsons School of Design. Along the way, I explored a variety of creative industries through internships at places like the Los Angeles Times, DDB, museums, and advertising agencies — experiences that ultimately led me to product design. Outside of "corporate", I'm a digital artist with a love for fantasy and storytelling. While I've traded traditional paints for an iPad and Procreate, my passion for creating imaginative worlds has never changed. I've been fortunate to exhibit my work at galleries and art fairs across the U.S., especially around the San Francisco Bay Area. Design and art complement each other in different ways: one challenges me to collaborate and grow, while the other gives me the freedom to create on my own terms.

I've also always loved working with children, volunteering through arts and crafts programs whenever I can. That passion has inspired me to revisit a childhood dream of writing and illustrating children's books — stories that explore the values and questions I remember growing up with, in hopes they might resonate with kids discovering the world for themselves.

When I'm not designing or drawing, you'll probably find me studying languages, practicing martial arts 🥊, running with my dog 🐶, or planning my next passion project.

Roseanne Chao

As an Artist…

I've always experienced the world through images before words. Conversations become shapes, emotions become scenes, and music often unfolds as colors and imagery in my mind. While language has never fully captured the way I think, art has always given me a way to communicate the thoughts, feelings, and stories that are difficult to put into words.

My work combines fantasy, surrealism, and intricate detail to create visual narratives that invite curiosity. Sometimes a piece begins with a feeling, sometimes a story, and other times a single image that refuses to leave my mind. As I create, those fragments gradually grow into imagined worlds where every detail has a purpose, yet never tells the whole story.

I enjoy leaving space for interpretation. Although each piece is inspired by my own experiences and emotions, I hope viewers discover meanings of their own. The longer someone spends with my work, the more they notice — hidden details, unexpected connections, or entirely new narratives. If my artwork encourages someone to pause, wonder, and imagine a story beyond what is immediately visible, then it has done exactly what I hoped it would.

← Back to Work
🚀 Zero to GA 🔍 Size: XL

Bi-Directional Metadata Flow

Designing Data Cloud's new feature to enable bi-directional data flow among Salesforce organizations — enhancing data accessibility and collaboration across the entire Salesforce ecosystem.

My Role Lead UX Designer — end-to-end

Team PM, Engineers, Content Experience

Timeline 1 year · Zero to GA (Oct 2024)

Platform Salesforce Data Cloud (Desktop)
Bi-Directional Metadata Flow

What is Salesforce Data Cloud?

Data Cloud stands as Salesforce's fastest-growing product at present. It serves to consolidate all customer data into a singular repository, harmonizing its presentation, and organizing customer profiles in alignment with the company's strategic objectives.

Data Cloud explanation diagram
How it works: an overview of how Data Cloud connects with other Salesforce orgs and where bi-directional flow fits in.

Data was a one-way street

Our research team found that the majority of customers wanted one unified Data Cloud across their various Salesforce orgs. The current model forced users to log in and out of separate orgs, reconcile data manually, and operate without a single source of truth.

The core opportunity: enable bi-directional connections between Salesforce orgs and Data Cloud — so harmonized data can flow back to where it's needed, eliminating the need for separate Data Cloud orgs entirely.

Bi-directional data flow diagram
The vision: a multi-directional data flow model connecting Data Cloud and Salesforce orgs, removing the need for siloed environments.

Four users, two environments

This project spans two distinct Salesforce environments and four different user types: the Data Cloud admin and general user operating within the Data Cloud org, and the Salesforce org admin and general user in connected orgs like Sales Cloud and Service Cloud. Each group has different levels of technical fluency, different goals, and different mental models for what "data" means in their day-to-day work.

Overview of the four user types
Our users: four distinct roles across two Salesforce environments, each with different needs and permission levels.

Shaping the experience from scratch

The discussion for Data Cloud One began with many cross-functional meetings introducing what this feature needed to do across all Salesforce orgs. My product managers brought me the requirements and we dug into frontline issues together before any design work began.

I grounded ideation in three "How Might We" statements to guide design across all 15 flows delivered by end of 2024:

  • How can we teach users about the new Remote Data Cloud concept?
  • How can we simplify the connection creation process?
  • How can we keep users informed about their connections for better data management?

For each flow, after requirements were introduced on day 1, I drafted flowcharts to serve as the blueprint for the official screen-by-screen experience. Here are the two iterations of flowcharts for one example flow — a Data Cloud Admin setting up a Companion Connection:

First flowchart iteration
First flowchart: initial flow diagram outlining the Companion Connection setup experience.
Second flowchart — more detailed
Second take: a more detailed flowchart after stakeholder review, refining edge cases and decision points.

From lo-fi to hi-fi

Once the flowcharts were approved, I moved into lo-fi wireframes — reviewed and iterated with the PM and engineers around days 2 and 3. From there, designs escalated to mid-fi for leadership review by day 3, and into mid/hi-fi by day 5. Continuing with the Companion Connection example:

Initial lo-fi wireframes
Initial lo-fi: early wireframes for the Companion Connection setup flow, reviewed by the PM and engineers.
Mid-fi designs
Mid-fi: refined screens presented to leadership for alignment before hi-fi execution.
Mid to hi-fi designs
Mid/hi-fi: polished designs incorporating leadership feedback, approaching the final approved state.

User research & interviews

After completing the lo-fi and mid-fi designs, I recruited internal and external users for research interviews to validate our direction and surface pain points before finalizing the hi-fi. The research surfaced clear patterns around how customers were experiencing — and struggling with — the flows we designed.

Research overview
Research overview: findings from user interviews that informed final design decisions for Data Cloud One.
Research findings about customers
Customer findings: key themes about how customers manage their Salesforce orgs and where they experience friction.
Research findings on connection creation
New connection findings: what users expected and needed when creating a connection between orgs.
Research findings on connection details
Connection detail findings: how users expected to monitor and manage active connections once established.

Testing with real users

After all flows were complete, I recruited internal and external users to test the main end-to-end flows. I collected all feedback in FigJam — first organized by person, then color-coded by positive and negative sentiment — and synthesized it into themes.

Key negative findings from user testing
Key findings: summarized negative themes from user testing across the main flows.
Synthesis FigJam — before
Before synthesis: raw feedback.
Synthesis FigJam — after
After synthesis: feedback consolidated into themes — revealing two main problem areas.

Two recurring themes emerged from the Companion Connection flow specifically:

  • Clickthrough & discoverability: users struggled to find where to initiate or manage connections — entry points weren't intuitive enough.
  • Terminology confusion: terms like "Companion Connection" and "Remote Data Cloud" were unfamiliar and created hesitation at key decision points.

After presenting findings to my team and leadership, we worked together to address both areas in the finalized hi-fi — adding clearer guidance, updated terminology, improved status indicators, and multiple entry points for creating new connections.

The final product

The approved design was implemented into one of Data Cloud's newest breakthrough features: Data Cloud One. The final Companion Connection flow incorporated changes to terminology, step-by-step guidance, multiple entry points for creating new connections, and clearer status indicators throughout.

Below is a walkthrough of the finalized "Creating a Companion Connection" flow:

Final prototype: the end-to-end "Creating a Companion Connection" flow as shipped in Data Cloud One GA.
▶
[ Add: Video — additional flow walkthrough ]
Additional flow: placeholder — video to be added.

Impact

GA
Shipped to general availability in October 2024
68%
Of AOV represented by Data Cloud One at launch
✦
Positive reception from leadership, customers, and the broader Salesforce ecosystem

Data Cloud One successfully GA'd in October 2024. It received positive feedback from leadership and customers, and represents a foundational step toward streamlined data usage powered by Data Cloud across the entire Salesforce platform.

What comes next

Short-term
User feedback & interviews
Conduct follow-up user interviews on GA flows to surface usability gaps and validate assumptions made under tight timelines.
Medium-term
Enhancements & deprioritized proposals
Revisit proposals that didn't make the GA cut — take user feedback and newly prioritized enhancements into upcoming releases.
Long-term
Ongoing release ownership
As the owner of this product area, continue designing release work for Data Cloud One as the feature matures and expands across the Salesforce ecosystem.
Further Reading
▶ Information Video ↗ Multi-Org Strategy — Article ↗ DC1 GA for Developers — Article ↗ Trailhead Guidance — Learning
← Back to Work
🔮 Vision Work 🔍 Size: XL

Agentic Enhancements to Merging Customer Profiles

Simplifying the experience in Data Cloud's Identity Resolution where Agentforce provides personalized configurations and setup to merge customer profiles.

My Role UX Designer for Identity Resolution

Team 2 PMs, multiple Engineers, UX Designers & UX Researchers

Timeline 1 year

Platform Salesforce Data 360 (Web)

What is Salesforce Data 360? What is Identity Resolution?

Salesforce Data 360 is a suite of data products that helps businesses bring together all their customer data — from CRMs, marketing tools, support systems, and more — into one place. Think of it as a single source of truth for everything you know about your customers, built to power smarter decisions and more personalized experiences across Salesforce.

Within Data 360, Identity Resolution is the feature that figures out when multiple records are actually the same person. For example, "Jane Smith" in your CRM and "j.smith@company.com" in your email tool might be the same Jane — Identity Resolution matches them and merges them into one unified profile. The cleaner the merge, the more accurate the customer picture your teams work from.

🔗
[ Add: Identity resolution concept diagram ]
What identity resolution does: how multiple records from different source systems get matched and merged into a single unified customer profile.

A Powerful Black Box

Identity Resolution is a powerful feature — but getting it to actually work requires a significant amount of upfront configuration. Users have to set up matching rules, define ruleset priorities, configure reconciliation settings, and tune thresholds — all before they see a single merged profile. The setup process is tedious, technical, and unforgiving. One misconfigured rule can cascade into thousands of bad merges.

The irony: all that configuration effort is supposed to produce better results. But in practice, the weight of setup overwhelms the experience. Users spend so much energy getting the system configured that by the time they see outputs, they're too burned out to properly evaluate them. The results — the whole point — get lost under the burden of the setup.

And this wasn't just an Identity Resolution problem. Across the entire Data 360 suite, teams were hearing the same thing: the platform was powerful but hard to get into. Setup was steep, discovery was confusing, and the path from "I want to do X" to "X is done" was too long. Recognizing this as a platform-wide issue, a large cross-functional team was formed — with different UX designers, researchers, PMs, and engineers each owning a different part of Data 360 — to tackle this together under a single strategic initiative called "Ease of Use."

Who we're designing for

The primary user for Identity Resolution is the Data Systems Architect — a technically fluent role that sits at the intersection of data engineering and business strategy. They're responsible for designing and maintaining the data infrastructure that the rest of the organization depends on.

👤
[ Add: Data Systems Architect persona overview ]
Data Systems Architect: persona overview — roles, goals, pain points, and tools.
Jobs to Be Done
Configure & maintain data pipelines
Set up ingestion, matching rules, and reconciliation settings that keep customer data clean and up to date — and troubleshoot when things go wrong.
Jobs to Be Done
Validate & trust outputs
Confirm that the system is merging records correctly, catch bad merges before they reach downstream teams, and build confidence in the unified profiles being used for segmentation and campaigns.

What the research told us

Across the Ease of Use initiative, the UX research team conducted broad discovery research spanning the entire Data 360 platform. The findings painted a consistent picture: users were capable and motivated, but the product was putting up unnecessary walls. Identity Resolution surfaced some of the most acute friction points in the entire suite.

##
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
##
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
##
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
##
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Aligning on how to move forward — together

With research in hand, the Ease of Use team came together for an onsite. The goal: align on a shared design philosophy before anyone started ideating. Two key frameworks emerged that would guide every designer's work going forward.

The Layer Cake: Tiered AI Assistance

One of the biggest open questions was: how do we bring AI help into the product without it feeling overbearing or patronizing? We didn't want an agent that constantly interrupted — but we also didn't want one that was invisible when it could genuinely help.

The team landed on the Layer Cake model — a tiered approach to AI assistance based on context. Depending on where a user is and what they're trying to do, Agentforce offers different layers of help: from subtle inline suggestions, to guided walkthroughs, to proactive recommendations. The AI meets users where they are, rather than forcing a single mode of interaction.

🍰
[ Add: Layer Cake diagram ]
Layer Cake: tiered AI assistance model — different layers of agent help depending on user context and task complexity.
📐
[ Add: UX Principals visual ]
UX Principals: the shared design principles every designer on the EoU team committed to following.

Shared UX Principals

Beyond AI, the team also defined a set of UX Principals — shared design tenets that each designer would apply within their own product area. These weren't rigid rules, but a common language for evaluating tradeoffs: things like "reduce before you guide," "earn the next step," and "always show what's possible." Having a shared vocabulary meant that even as each designer worked independently on their own surface, the overall experience would feel coherent and intentional.

Big Picture

Ideation began at the platform level. Each designer on the Ease of Use team brought initial concepts for how the entire Data 360 experience could be reimagined — visualizing the end-to-end flow from a user's perspective. Below are the initial concepts for the full D360 experience, followed by a Figma Make walkthrough showing the interactive vision.

🖼️
[ Add: Figma designs — full D360 big picture concept ]
Full D360 vision: initial concept designs covering the entire Data 360 platform experience.
▶
[ Add: Figma Make video walkthrough — D360 vision ]
Figma Make walkthrough: interactive prototype video showing the full Data 360 vision concept.

Zooming into Identity Resolution

After presenting the big-picture concepts as a team, each designer received feedback and narrowed focus to their own product area. For me, that meant taking the broader D360 vision and translating it specifically into Identity Resolution. Below is the feedback that shaped the direction of my IR concepts.

Feedback
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim.
Feedback
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim.
Feedback
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim.
Feedback
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim.

Based on the feedback, I iterated on the Identity Resolution experience specifically — designing a series of screens that explored how the Ease of Use principals and the Layer Cake AI model could be applied to the IR setup and results flow.

🖥️
[ Add: IR iteration screen 1 ]
Screen 1: description placeholder.
🖥️
[ Add: IR iteration screen 2 ]
Screen 2: description placeholder.
🖥️
[ Add: IR iteration screen 3 ]
Screen 3: description placeholder.
🖥️
[ Add: IR iteration screen 4 ]
Screen 4: description placeholder.

Through this process, we were able to validate the big-picture concept as a credible long-term vision — giving the team alignment and confidence on the north star. With that foundation in place, the next step was to bring the vision down to earth: working with my IR PM and engineering team to identify what could actually ship in the next release. That work is captured in the next section.

What can we actually ship?

With the long-term vision validated, I partnered with my IR PM and the engineering team to work backwards from it — figuring out what was feasible for the next release. This meant having honest conversations about technical constraints, API readiness, and scope, then translating the vision into a release plan that made real, meaningful progress without overpromising.

📋
[ Add: Current state of Identity Resolution — existing UI ]
Where we are now: the current Identity Resolution experience — the starting point for next-release scoping.

Below are the designs for what's possible in the next release — a step toward the vision that's grounded in engineering reality.

🖥️
[ Add: Next release screen 1 ]
Next release — Screen 1: description placeholder.
🖥️
[ Add: Next release screen 2 ]
Next release — Screen 2: description placeholder.
🖥️
[ Add: Next release screen 3 ]
Next release — Screen 3: description placeholder.
🖥️
[ Add: Next release screen 4 ]
Next release — Screen 4: description placeholder.

The final prototype

Below is a walkthrough of the final design prototype for the Identity Resolution enhancements — showing the full experience from setup through results.

▶
[ Add: Final design prototype video ]
Final prototype: end-to-end walkthrough of the Identity Resolution Ease of Use enhancements.

Impact

##
Lorem ipsum dolor sit amet consectetur
##
Lorem ipsum dolor sit amet consectetur
##
Lorem ipsum dolor sit amet consectetur

What comes next

Short-term
Smooth implementation with engineering
Ensure a clean handoff and close collaboration with the engineering team throughout build — staying involved to answer questions, review implementation, and catch gaps early.
Medium-term
Deeper testing and iteration
Conduct additional usability testing with specific user types and gather more feedback post-release — identifying what's working and what needs refinement before the next cycle.
Long-term
Incremental progress toward the vision
Plan each future release as a deliberate step toward the long-term north star — revisiting the vision designs as the product evolves, updating them as new constraints or opportunities emerge, and ensuring every release moves the experience meaningfully forward.
← Back to Work
🔧 Release Work 🔍 Size: M 🔄 In Progress

Enhancing Customer Profile Exploration

A new interaction model for navigating unified customer data — surfacing insights faster through progressive disclosure and contextual filtering.

My RoleSenior UX Designer — IC

Team1 PM, 2 Engineers

TimelineOngoing · 2024–2025

StatusIn design — Beta Q1 2025

The unified profile — a data treasure chest nobody could navigate

When Data Cloud unifies a customer record, it can aggregate hundreds of attributes from dozens of source systems — purchase history, support tickets, email engagement, web behavior, demographic data, and more. In theory, this creates an incredibly rich picture of each customer.

In practice, all of that data was presented in a single, undifferentiated list. My team owned the Customer Profile Explorer — the UI surface where Data Cloud users view and investigate individual unified customer records.

📋
[ Add: Before screenshot — flat attribute list ]
Before state: a unified customer profile showing ~200 attributes in a flat, unsorted list — rich in data, hostile to navigation.

More data, more confusion

The existing profile view presented every attribute in a flat list — hundreds of fields with no hierarchy or context. Users investigating a customer record had to scroll endlessly and held no mental model for where important information lived.

The goal: design an exploration experience that surfaces what matters without hiding what's needed.

"I'm looking for their last purchase every single time. Why is it buried under 200 other fields?" — Customer Success Manager, Power User Session

What do people actually look for?

Before redesigning anything, I needed to know what users were actually looking for when they opened a profile — and why. I ran a 2-week diary study with 6 power users across customer success, marketing, and sales ops roles, asking them to log every profile visit with a brief note on their goal.

The finding was striking: despite hundreds of available fields, the actual lookup behavior was highly concentrated. Almost every session was driven by one of the same 6 questions.

📓
[ Add: Diary study log entries or lookup frequency heatmap ]
Diary study output: frequency distribution of lookup goals across 6 participants over 2 weeks — showing 6 attribute clusters covering 80% of all visits.
6
Attribute groups cover 80% of use cases
Despite hundreds of fields, users consistently looked for the same 6 clusters of information.
↑40s
Average time to find key attribute
Users took 40+ seconds on average to locate a specific field — far too long for support or sales contexts.

Two users, two modes

The diary study revealed a clear tension: most users needed fast access to a small set of fields, but a subset of power users (data engineers, analysts) needed to access the full attribute set regularly for deep investigation. A design that served only one group would fail the other.

The design challenge became: how do you build a single interface that feels fast and scannable for the majority, while remaining complete and navigable for the few who need everything?

👥
[ Add: Two-mode user spectrum diagram ]
Two modes, one surface: the design tension between fast-lookup users (CS, marketing) and deep-investigation users (data engineers, analysts) — and the principle that guided our approach.

Progressive disclosure as the core pattern

I explored 3 structural approaches: a tabbed interface (attributes by category), a search-first model (find-by-typing), and a progressive disclosure model (summary header + full explorer beneath). I prototyped each at lo-fi and presented them in a team design critique before testing externally.

The progressive disclosure model won internally and in early customer feedback — it was the only approach that felt fast for quick lookups without sacrificing depth for power users.

🗂️
[ Add: 3 concept directions — tabbed / search / progressive ]
3 directions explored: tabbed (left), search-first (center), and progressive disclosure (right) — with team critique notes.
📌
[ Add: Pinning mechanic concept sketch ]
Personalization hook: an early concept for the pinning mechanic — letting users permanently surface their most-needed attributes in the summary header.

Testing the time-to-find hypothesis

Our primary success metric was simple: can users find a specific attribute faster? I built a hi-fi prototype of the progressive disclosure model and ran moderated usability testing (n=6) with the same profiles used in the diary study as test stimuli.

The results exceeded expectations: median time-to-find dropped from 40 seconds to 8 seconds — a 5× improvement. All 6 participants also correctly used the pinning mechanic without instruction.

⏱️
[ Add: Before/after time-to-find comparison chart ]
Time-to-find results: before (40s median) vs. after (8s median) — across 6 participants and 4 lookup tasks per session.

The redesigned Profile Explorer

The final design introduces a smart summary header — the 6 most universally accessed attribute groups surfaced above the fold in scannable cards. Below, a full attribute explorer with category grouping and inline search handles the power-user depth case. A pin icon on any attribute lets users customize their summary header.

🖥️
[ Add: Final design — full profile explorer ]
Redesigned Profile Explorer: summary header with 6 pinnable attribute cards above the fold + full attribute explorer with grouping and search below.
📌
[ Add: Pinning interaction — hover state + pin confirmation ]
Pinning mechanic: hover reveals pin icon; pinned attributes move to the summary header. Designed to be discoverable, not taught.
🔎
[ Add: Attribute explorer — grouped + search state ]
Full explorer: attributes grouped by category with inline search — the depth layer for power users who need to investigate beyond the summary.

In Beta — outcomes pending

Currently in Beta with a cohort of early-access customers. Full outcome metrics — task success rate, time-to-find, session engagement — will be added post-GA. The project is on track to ship to GA in Q2 2025.

Lessons learned & what's next

Beta is the beginning. Here's what I'd carry forward — and the highest-priority follow-on investments.

📓
Diary studies outperform interviews for behavioral questions. Asking users in a session what they look for produces aspirational answers. Asking them to log it in the moment produces accurate ones. The difference was stark.
🎯
Design for the 80%, accommodate the 20%. The progressive disclosure model worked because it didn't ask power users to sacrifice depth — it just moved it out of the primary path. Both groups got what they needed without fighting over screen real estate.
✨
Personalization earns trust. The pinning mechanic was the detail users responded to most strongly in testing — not because it's technically impressive, but because it signals that the product respects their workflow.
Short-term
Intelligent defaults
Instead of a static default summary, use behavioral data to pre-configure the header for each user role — reducing time-to-value before any manual pinning.
Medium-term
Inline data editing
Extend the explorer to support attribute-level editing for admins — keeping the read and write experiences unified in a single surface.
Long-term
Cross-profile comparison
Enable analysts to compare multiple customer profiles side-by-side — useful for identity resolution review and segment building.
← Back to Work
🔧 Release Work 🔍 Size: L 🔄 In Progress

Data Cloud Application Home Page

Redesigning the entry point for the Data Cloud platform — creating a personalized dashboard that adapts to user role and task frequency.

My RoleSenior UX Designer — Lead

Team2 PMs, 4 Engineers, UX Research

TimelineOngoing · 2024–2025

StatusIn design — GA Q2 2025

A platform without a front door

Salesforce Data Cloud is a complex, multi-capability platform used by four distinct user personas: Data Engineers who build pipelines, Marketers who build segments and campaigns, Admins who configure the platform, and Analysts who investigate data and build reports.

My team owned the Application Home — the first screen every user sees when they log in. At the time I picked this project up, it was a static "recents" list that hadn't been intentionally designed. It was the product's first impression, and it was making a bad one.

🏠
[ Add: Before screenshot — existing home page ]
Before state: the existing Data Cloud home page — a static list of recent items, identical for every user role, every day.

One page, four users, zero signal

Data Cloud's home page was a static list of recent items — identical for every user, every role, every day. There was no guidance for new users, no prioritization for returning ones, and no signal about what needed attention.

With a rapidly growing user base spanning 4 distinct roles with nearly zero task overlap, we needed a home that actually understood who was looking at it.

Reading behavioral data before asking questions

Before running any interviews, I partnered with our researcher and the data analytics team to pull FullStory session recordings and behavioral data across 400+ sessions. We specifically looked for: what users did on the home page (or didn't), how long they spent there, and what their first navigation action was.

This gave us a quantitative baseline before we introduced any interview bias. Then we ran 10 in-depth interviews segmented by role — separately mapping new user onboarding behavior and returning user daily patterns.

📹
[ Add: FullStory session heatmap or first-action flow ]
FullStory analysis: first-action navigation map — showing 67% of new users left the home page within 8 seconds without any meaningful engagement.
🗺️
[ Add: Role-based task pattern map — 4 roles ]
Role task analysis: mapping the top 5 weekly tasks for each role — revealing near-zero overlap between the 4 user types.
67%
New users bounced in under 8 seconds
Without clear wayfinding, new users left home immediately — the page provided zero orientation value.
4
Completely distinct role task patterns
Data engineers, marketers, admins, and analysts had almost no weekly task overlap — one layout could never serve all four.

Two problems in one surface

The research revealed two distinct problems that the home page needed to solve simultaneously: a first-session wayfinding problem (new users had no idea where to start) and a returning-user efficiency problem (experienced users wanted to jump straight to what needed attention).

I facilitated a design principles session with the PM and tech lead to formally name these as two co-equal design targets — which then became the criteria against which we evaluated every concept direction.

✍️
[ Add: Design principles or dual-mode framework diagram ]
Dual-mode framework: the two design targets — new user onboarding and returning user efficiency — and the principles guiding how the home page should serve both.

Role-aware vs. personalized vs. universal

I explored 3 structural directions: a fully personalized home (user-configurable modules), a role-aware home (system-assigned layout based on assigned role), and a universal home with a priority zone + role-specific quick actions. Each had meaningful trade-offs between implementation complexity and user value.

Customer concept tests (n=8, 2 per role) pointed clearly to the third direction — users didn't want to configure anything, but they did want relevant quick actions and alerts surfaced without manual setup.

🔀
[ Add: 3 concept directions compared side by side ]
Concept directions: personalized (left), role-aware (center), universal + role-specific quick actions (right) — with customer feedback annotations.

Testing onboarding and day-in-the-life scenarios

I built two prototype variants — one showing the new user onboarding state, one showing the returning user daily view — and ran role-segmented usability testing (n=8, 2 per role). The key test questions: does the onboarding state help new users find their first meaningful action? Does the daily view surface the right priorities?

Both scenarios passed the primary success criteria. The one significant finding: the alert zone was initially dismissed as decorative. We increased visual weight and added an unread count badge — post-iteration, all participants engaged with it.

🆕
[ Add: Onboarding state prototype — new user view ]
New user prototype: the progressive onboarding checklist giving way to the full dashboard as setup steps are completed.
🔔
[ Add: Alert zone iteration — before and after visual weight ]
Alert zone iteration: before (visually flat, ignored) vs. after (badge + stronger visual weight) — the change that drove alert engagement in testing.

Role-aware, contextually adaptive home

The final design introduces a three-zone layout: a priority zone at the top (alerts, stale segments, items requiring attention), a role-specific quick-action row below it, and a recent activity feed at the bottom. New users see an onboarding checklist in place of the priority zone until they've completed initial setup.

🖥️
[ Add: Final design — marketer role home view ]
Marketer home: priority zone (stale segment alert), role-specific quick actions (new segment, activate audience), and recent activity feed.
⚙️
[ Add: Data engineer role view ]
Data engineer home: pipeline health alerts, ingestion job quick-launch, and recent schema changes.
✅
[ Add: New user onboarding state ]
New user onboarding state: progressive checklist that gives way to the full dashboard as setup steps are completed — no blank slate.

In engineering handoff

Designs completed and handed off to engineering. GA target Q2 2025. Success metrics: home page engagement rate, time-to-first-action for new users, and 30-day retention by role. Full outcome data will be added post-launch.

Lessons learned & what's next

The role-aware home is v1. Here's what I'd carry forward — and the highest-priority evolutions once we have post-launch usage data.

📊
Behavioral data before interview data. Starting with FullStory session analysis meant our interviews were focused on explaining what we'd already observed — not exploring from scratch. That made the research twice as efficient.
🚫
Don't ask users to configure what the system should know. The personalized concept tested poorly not because users didn't want relevant content — they absolutely did. They just didn't want to have to set it up themselves. Role-awareness via the data was the right call.
🔔
Visual weight is a design decision, not decoration. The alert zone was functionally correct but visually indistinguishable from the rest of the page. One round of iteration on hierarchy turned it from ignored to the first thing users looked at.
Short-term
Behavioral personalization layer
Augment role-based defaults with individual behavior signals — surfacing items a specific user opens most, not just items their role typically needs.
Medium-term
Cross-object alert intelligence
Correlate alerts across objects — so a data quality issue in a source system automatically surfaces as "this segment may be affected" in the priority zone.
Long-term
Multi-org home
Enterprise customers managing multiple Data Cloud orgs need a unified home — a portfolio view that lets admins monitor health and activity across orgs from one place.
← Back to Work
🚀 Zero to GA 🔍 Size: XL

Monitoring Quality Customer Data

Surfacing real-time metadata quality signals across Data Cloud — empowering users to catch issues before they cascade downstream, and create custom quality rules that keep pipelines clean and outcomes reliable.

My RoleSenior UX Designer — Lead

Team2 PMs, 5 Engineers, Data Science

TimelineOngoing · 2024–2025

StatusIn design — Alpha Q2 2025

The invisible cost of bad data

Salesforce Data Cloud sits at the center of data unification — ingesting records from CRMs, data warehouses, marketing tools, behavioral platforms, and more, and turning them into unified customer profiles. Its position as the hub makes data quality critical: anything that enters the pipeline dirty flows straight into the profiles, segments, and campaigns that the rest of the business depends on.

What made this project uniquely valuable is what the team calls Last Mile Visibility — Data Cloud doesn't just store data, it sees how data is actually used. Whether it's for segmentation, activation, personalization, reporting, or Agentforce, the platform has direct insight into which datasets are high-impact downstream. That means we don't need to run quality checks on petabytes of data — we can intelligently focus on the datasets that matter most.

Data quality work traditionally follows four phases: Discovery → Design → Execution → Monitoring. My team owned building a product surface to support this entire lifecycle — powered by AI agents at every phase — from profiling data as it enters the pipeline all the way through real-time anomaly alerting. This was the largest-scope project in my portfolio and my first time designing a fully greenfield product surface.

🔄
[ Add: Data flow diagram — ingest to activate, showing where quality issues enter ]
The data pipeline: from source ingestion through identity resolution and enrichment, to segment activation — showing the stages where quality issues can enter and compound silently.

Engineers were always debugging history

Data quality failures were discovered too late — typically by business users when their segments or reports produced unexpected results. By the time an engineer was alerted, the root cause was hours old, the bad data had already propagated downstream, and the investigation had to work backwards from symptoms to cause.

There was no proactive monitoring surface. Admins had no way to know something was wrong until someone else did. And even when issues were identified, there was no clear path to remediation — no guidance on what failed, why, or how to fix it.

Beyond detection, there was a deeper problem: admins didn't even know what "good" looked like for their data. Without a way to profile data as it entered the pipeline, there was no baseline to measure against. Rules were created reactively — after something broke — rather than proactively based on what the data actually needed.

"By the time someone tells me something's wrong, the issue is already a day old. I'm always debugging history." — Senior Data Engineer, Enterprise Customer
01
Ingest
Data enters from source systems. Quality issues introduced here: nulls, schema drift, duplicates, stale records, format inconsistencies.
02
Process
Identity resolution and enrichment run on top of bad data. Issues compound silently — no visibility for admins at this stage.
03
Activate
Segments, campaigns, and agent actions are built on profiles that include bad records. The problem is now in the business layer.
04
Detect
Business users notice wrong results. Engineer is alerted — hours after the root cause event, with no clear path to diagnosis or fix.

Understanding the full DQ lifecycle

Discovery started with understanding not just the monitoring problem, but the entire data quality lifecycle admins work through. We partnered with our PM and UX research team to map how customers currently manage data quality — from the moment data enters the pipeline to how they respond when something goes wrong.

We ran expert interviews with DC Admins and data engineers, and complemented those with competitive analysis of tools like Monte Carlo, dbt, Informatica DQ, and Databricks — understanding the mental models engineers bring in from the broader DQ ecosystem. A key insight was that most DQ tools work in isolation from where data is actually used. Data Cloud had a rare advantage: we could see the last mile — which datasets were feeding active segments, campaigns, and agent workflows — and focus quality efforts precisely there.

📄
[ Add: Research synthesis — DC Admin pain points ]
Research synthesis: DC Admin pain points across the DQ lifecycle — discovery, rule creation, monitoring, and remediation.
🔬
[ Add: Competitive audit — Monte Carlo, dbt, Databricks, Informatica ]
Competitive reference: how Monte Carlo, dbt, and Databricks approach data quality — used as stimulus in interviews to surface existing mental models.
6
DQ dimensions the product needed to cover
Completeness, validity, accuracy, uniqueness, timeliness, and consistency — the six dimensions that span the full data quality taxonomy surfaced by the PRD and user research.
5
Observability metrics tracked in real time
Freshness, Distribution, Volume, Schema, and Lineage — the five pillars of the monitoring framework, aligned to Gartner's data observability model.
30%
Anomaly detection threshold
A variation of 30%+ in any tracked metric is classified as an anomaly and automatically triggers an alert event — configurable per object or rule.
3
User types across the DQ workflow
DC Admins (who configure and monitor), Business Users / Marketers (who consume data downstream), and Data Stewards (who own issue remediation).

Four phases, one coherent product

The PRD defined the product scope as a four-phase DQ lifecycle. Each phase had its own design challenges, user types, and interaction patterns — and they had to feel like a connected system, not four separate tools bolted together.

01
Discover
Proactive data profiling as data enters the pipeline. A DQ Agent surfaces insights about dataset health — completeness gaps, format inconsistencies, outliers — without users having to ask the right questions first.
02
Design & Execute
AI-recommended DQ rules based on profiling insights and data classification. Admins accept, schedule, and execute rules — the system computes DQ scores per dimension and surfaces them in the Data Catalog.
03
Monitor
Real-time observability across 5 metrics (Freshness, Distribution, Volume, Schema, Lineage). Anomalies auto-detected at a 30% deviation threshold. Alerts route to the right owner — with severity levels and configurable thresholds.
04
Remediate
Issues assigned to Data Stewards with AI-suggested remediation steps. Business users can flag issues; stewards resolve them. Audit trails capture every action taken across the lifecycle.

The core design challenge was making these four phases feel like a continuous, intelligent workflow rather than a series of manual steps. At every phase, the design goal was the same: reduce the burden on admins by surfacing the right information and the right action at the right moment — with Agentforce as the connective tissue powering recommendations, alerts, and remediation across all four phases.

🗺️
[ Add: Four-phase lifecycle diagram ]
DQ lifecycle: the four phases — Discover, Design & Execute, Monitor, Remediate — and how the DQ Agent powers each one.

Designing for admins who've been burned by dashboards before

A key insight from discovery: DC Admins are skeptical of monitoring tools. They've used systems that produce noisy alerts, misleadingly simple scores, or dashboards that look good but don't help them act. Any solution had to feel credible, configurable, and actionable — not a vanity dashboard.

This shaped how I approached the DQ Agent specifically. Rather than a chatbot that answers questions on demand, the agent needed to proactively surface insights — telling admins what they should know about their datasets without them having to ask. The flip side: the agent couldn't be too prescriptive or interrupt constantly. Finding that balance drove most of the ideation.

📐
[ Add: Structural concept explorations ]
Concept explorations: early structural directions for the DQ surface — catalog-integrated view, standalone monitor, and agent-first flow.
🔔
[ Add: Alert severity and threshold model ]
Anomaly & alerting model: configurable severity tiers — critical, warning, info — with per-object threshold configuration to reduce alert fatigue.
🌐
[ Add: Lineage visualization concept ]
Lineage overlay: visualizing observability events on lineage nodes — showing how an upstream anomaly propagates to downstream segments, profiles, and activations.
🤖
[ Add: DQ Agent interaction concept ]
DQ Agent: proactive insight surfacing — the agent analyzes datasets using 6 DQ dimensions and presents recommendations without requiring the user to prompt it.
📋
[ Add: Rule recommendation UI concept ]
Rule recommendations: AI-suggested out-of-the-box DQ rules based on profiling insights and data classification — admins accept, customize, and schedule with one action.

Concept validation with DC Admins

Currently running concept validation sessions with enterprise DC Admins — presenting hi-fi prototypes and testing across three core scenarios drawn directly from the PRD use cases:

  • Use Case 1 — Discovery: Can the admin understand the health of a dataset before using it downstream, without running manual queries?
  • Use Case 4 — Monitoring: When an anomaly is detected (e.g. a 30%+ drop in completeness score or unexpected volume spike), can the admin identify what's affected and take action?
  • Use Case 5 — Remediation: When an issue is assigned to a Data Steward, is the path to resolution clear — and does the AI suggestion actually help?

Early signals: the catalog-integrated DQ score view and the agent-driven rule recommendations are landing well. The lineage visualization density is still too high — iterating on progressive disclosure within the lineage panel before finalizing.

🧪
[ Add: Concept validation prototype — DQ catalog + monitor + lineage ]
Validation prototype: the hi-fi concept being tested — DQ score view in the Data Catalog, anomaly monitoring, and drill-down lineage panel.

DQ & Observability — current design direction

The current design centers on two integrated surfaces: the DQ view in the Data Catalog — where data quality scores, profiling insights, and rule recommendations surface per-object — and the Observability Monitor — where real-time anomaly alerts for the 5 tracked metrics (Freshness, Distribution, Volume, Schema, Lineage) are surfaced with severity scoring, timestamps, and AI-suggested remediation steps.

Third-party tool integration is a first-class concern: admins using existing DQ solutions like Informatica DQ, Talend, Monte Carlo, or Collibra can ingest their scores and observability metrics directly into Data Cloud via API, with results surfaced inline in the Catalog alongside native scores.

Still in active iteration — the lineage visualization, alert threshold configuration UI, and the collaborative request flow between business users and admins for rule creation are the three areas under most active refinement.

🖥️
[ Add: DQ score view in Data Catalog ]
DQ in the Catalog: per-object data quality scores across 6 dimensions, profiling insights, rule status, last execution timestamp, and historical trends — surfaced where admins already work.
⚠️
[ Add: Observability monitor — anomaly alert view ]
Observability monitor: real-time anomaly alerts across 5 metrics — with severity level, deviation %, timestamp, and AI-suggested remediation action.
🌐
[ Add: Lineage overlay — anomaly impact on downstream objects ]
Lineage overlay: anomaly events visualized on the lineage graph — showing which upstream issue is causing risk to which downstream profiles, segments, and activations.

In concept validation — Alpha Q2 2025

Currently iterating on lineage visualization density and alert threshold configuration. Alpha planned for Q2 2025 with a cohort of 3 enterprise customers. This is the largest-scope project in my current portfolio — full case study and outcome metrics will be published post-Alpha.

Lessons learned & what's next

Still in progress — but these are the learnings already taking shape, and the capabilities this foundation will enable as the product matures.

🎯
Focus on high-impact data, not all data. One of the most important framing decisions was not trying to monitor everything — instead, using catalog metadata to identify which datasets were feeding active downstream processes and focusing quality efforts precisely there. This made the product tractable and the signal meaningful.
🎚️
Configurability is a trust mechanism. Admins who've been burned by opaque monitoring tools need to see that the system respects their judgment. Exposing thresholds, baselines, and anomaly detection logic — rather than hiding them behind a score — is what turns a dashboard into something a technical user will actually rely on.
🤝
Bridging the admin–business user gap is a design problem, not just a permissions problem. Business users can't create DQ rules, but they can see when data doesn't look right. Designing a clear collaborative request flow — where business users flag issues and admins implement fixes — turned out to be one of the most underestimated UX challenges on the project.
Short-term
Configurable thresholds & monitoring scope
Let admins define anomaly thresholds per object, configure which datasets are in scope for monitoring, and set severity levels — reducing false positives and giving them full control over signal vs. noise.
Medium-term
Autonomous DQ — system-recommended rules
Move toward fully autonomous quality management: the system identifies what's wrong with data and recommends rules without users manually creating them — a core long-term vision from the PRD.
Long-term
DQ SLAs & data stewardship workflows
Enable teams to set and track data quality SLAs per dataset, with stewardship workflows that create accountability between data producers and consumers — and audit trails that capture every action taken.