UI / UX Design
AT&T Cloudrunner
Delivered UX design and strategic direction for AT&T’s Salesforce Cloudrunner platform, improving efficiency and operational clarity
Role :
UX Strategist & Designer
Tools :
Figma, Salesforce, Miro
Team :
Business Architects, Technical Architects, Developers
Methods :
Discovery Workshops, Journey Mapping, Prototyping
📌 Project Overview :
AT&T engaged me to improve their Salesforce platform, Cloudrunner, simplifying complex sales processes and enabling seller productivity. My work spanned discovery, high-level UX strategy, and design system creation.
Project Details
Product: AT&T Salesforce Cloudrunner
Scope: UX direction, design system
Methods: Discovery → personas → wireframes → design system
Business Impact: Efficiency gains
💻 Final Design :
The final solution delivered both tactical UX improvements and foundational infrastructure for long-term scalability.
Key Deliverables
1. Scalable Atomic Design System
A unified component ecosystem that standardized UI patterns, reduced design debt, and enabled faster feature rollout.
2. Streamlined Sales Task Flows
Redesigned workflows for:
Availability checks
Order configuration
Terms & Conditions review
These flows reduced step count, minimized tab switching, and clarified decision points.
3. Enterprise-Ready Interaction Standards
Clear visual hierarchy for data-dense interfaces
Consistent validation, error handling, and system messaging
Standardized layout patterns to improve scanability
4. Governance Framework
Documentation and component guidelines that empowered engineering teams to build consistently without constant design intervention.
🔍 Exploration & Discovery :
The Discovery Phase was structured to uncover not just surface-level usability issues, but systemic inefficiencies embedded in seller workflows.
I facilitated cross-functional workshops with sales, marketing, service stakeholders, business architects, and technical architects to map the end-to-end sales journey. Through journey mapping and workflow decomposition, we identified where sellers were:
Switching between multiple Salesforce objects and external tools
Re-entering redundant data across systems
Navigating inconsistent UI patterns across 50+ screens
Losing time interpreting unclear system feedback and validation states
We translated these findings into future-state personas that reflected varying seller roles (inside sales, enterprise sellers, support roles) and aligned them to high-frequency tasks.
Using effort vs. impact prioritization, we identified high-value workflows to focus on first — particularly:
Check Availability flows
Terms & Conditions (T&Cs) review and approval
Order configuration sequences
This structured discovery approach ensured we were not “redesigning screens,” but strategically redesigning task efficiency across the sales lifecycle.
✏️ Design Process :
1. Information Architecture & Workflow Simplification
Before designing UI, I restructured task flows to eliminate unnecessary steps and reduce cognitive load. This involved:
Consolidating fragmented actions into unified flows
Reducing multi-screen dependencies
Standardizing decision points and error handling patterns
Designing clearer system feedback states
Trade-offs were carefully evaluated between Salesforce’s native constraints and custom component flexibility to balance scalability with usability.
2. Design System Creation
To support long-term platform growth, I established a scalable design system built on the Salesforce Lightning Design System foundation, extended with custom components tailored to AT&T’s enterprise needs.
The system included:
Atomic component library (buttons, form fields, tables, modals)
Interaction standards and state documentation
Layout grids optimized for data-heavy screens
Governance guidelines for future feature expansion
This reduced design inconsistency across 50+ screens and created a shared UX language across product and engineering teams.
3. Prototyping & Validation
I developed high-fidelity interactive prototypes in Figma to simulate complex enterprise scenarios, allowing stakeholders to validate:
Data hierarchy clarity
Form efficiency
Conditional logic behavior
Workflow transitions
Frequent async feedback loops (including dedicated Slack channels for component decisions) accelerated alignment and reduced engineering ambiguity before build.
📈 Impact :
Saved 22 minutes per seller per day
Projected $1.6B in operational savings over 5+ years
Reduced UX inconsistency across 50+ screens
Improved cross-team collaboration through shared design language
Beyond efficiency metrics, the redesign transformed Cloudrunner from a collection of functional tools into a cohesive, task-oriented enterprise experience.
More Projects
UI / UX Design
AT&T Cloudrunner
Delivered UX design and strategic direction for AT&T’s Salesforce Cloudrunner platform, improving efficiency and operational clarity
Role :
UX Strategist & Designer
Tools :
Figma, Salesforce, Miro
Team :
Business Architects, Technical Architects, Developers
Methods :
Discovery Workshops, Journey Mapping, Prototyping
📌 Project Overview :
AT&T engaged me to improve their Salesforce platform, Cloudrunner, simplifying complex sales processes and enabling seller productivity. My work spanned discovery, high-level UX strategy, and design system creation.
Project Details
Product: AT&T Salesforce Cloudrunner
Scope: UX direction, design system
Methods: Discovery → personas → wireframes → design system
Business Impact: Efficiency gains
💻 Final Design :
The final solution delivered both tactical UX improvements and foundational infrastructure for long-term scalability.
Key Deliverables
1. Scalable Atomic Design System
A unified component ecosystem that standardized UI patterns, reduced design debt, and enabled faster feature rollout.
2. Streamlined Sales Task Flows
Redesigned workflows for:
Availability checks
Order configuration
Terms & Conditions review
These flows reduced step count, minimized tab switching, and clarified decision points.
3. Enterprise-Ready Interaction Standards
Clear visual hierarchy for data-dense interfaces
Consistent validation, error handling, and system messaging
Standardized layout patterns to improve scanability
4. Governance Framework
Documentation and component guidelines that empowered engineering teams to build consistently without constant design intervention.
🔍 Exploration & Discovery :
The Discovery Phase was structured to uncover not just surface-level usability issues, but systemic inefficiencies embedded in seller workflows.
I facilitated cross-functional workshops with sales, marketing, service stakeholders, business architects, and technical architects to map the end-to-end sales journey. Through journey mapping and workflow decomposition, we identified where sellers were:
Switching between multiple Salesforce objects and external tools
Re-entering redundant data across systems
Navigating inconsistent UI patterns across 50+ screens
Losing time interpreting unclear system feedback and validation states
We translated these findings into future-state personas that reflected varying seller roles (inside sales, enterprise sellers, support roles) and aligned them to high-frequency tasks.
Using effort vs. impact prioritization, we identified high-value workflows to focus on first — particularly:
Check Availability flows
Terms & Conditions (T&Cs) review and approval
Order configuration sequences
This structured discovery approach ensured we were not “redesigning screens,” but strategically redesigning task efficiency across the sales lifecycle.
✏️ Design Process :
1. Information Architecture & Workflow Simplification
Before designing UI, I restructured task flows to eliminate unnecessary steps and reduce cognitive load. This involved:
Consolidating fragmented actions into unified flows
Reducing multi-screen dependencies
Standardizing decision points and error handling patterns
Designing clearer system feedback states
Trade-offs were carefully evaluated between Salesforce’s native constraints and custom component flexibility to balance scalability with usability.
2. Design System Creation
To support long-term platform growth, I established a scalable design system built on the Salesforce Lightning Design System foundation, extended with custom components tailored to AT&T’s enterprise needs.
The system included:
Atomic component library (buttons, form fields, tables, modals)
Interaction standards and state documentation
Layout grids optimized for data-heavy screens
Governance guidelines for future feature expansion
This reduced design inconsistency across 50+ screens and created a shared UX language across product and engineering teams.
3. Prototyping & Validation
I developed high-fidelity interactive prototypes in Figma to simulate complex enterprise scenarios, allowing stakeholders to validate:
Data hierarchy clarity
Form efficiency
Conditional logic behavior
Workflow transitions
Frequent async feedback loops (including dedicated Slack channels for component decisions) accelerated alignment and reduced engineering ambiguity before build.
📈 Impact :
Saved 22 minutes per seller per day
Projected $1.6B in operational savings over 5+ years
Reduced UX inconsistency across 50+ screens
Improved cross-team collaboration through shared design language
Beyond efficiency metrics, the redesign transformed Cloudrunner from a collection of functional tools into a cohesive, task-oriented enterprise experience.
More Projects
UI / UX Design
AT&T Cloudrunner
Delivered UX design and strategic direction for AT&T’s Salesforce Cloudrunner platform, improving efficiency and operational clarity
Role :
UX Strategist & Designer
Tools :
Figma, Salesforce, Miro
Team :
Business Architects, Technical Architects, Developers
Methods :
Discovery Workshops, Journey Mapping, Prototyping
📌 Project Overview :
AT&T engaged me to improve their Salesforce platform, Cloudrunner, simplifying complex sales processes and enabling seller productivity. My work spanned discovery, high-level UX strategy, and design system creation.
Project Details
Product: AT&T Salesforce Cloudrunner
Scope: UX direction, design system
Methods: Discovery → personas → wireframes → design system
Business Impact: Efficiency gains
💻 Final Design :
The final solution delivered both tactical UX improvements and foundational infrastructure for long-term scalability.
Key Deliverables
1. Scalable Atomic Design System
A unified component ecosystem that standardized UI patterns, reduced design debt, and enabled faster feature rollout.
2. Streamlined Sales Task Flows
Redesigned workflows for:
Availability checks
Order configuration
Terms & Conditions review
These flows reduced step count, minimized tab switching, and clarified decision points.
3. Enterprise-Ready Interaction Standards
Clear visual hierarchy for data-dense interfaces
Consistent validation, error handling, and system messaging
Standardized layout patterns to improve scanability
4. Governance Framework
Documentation and component guidelines that empowered engineering teams to build consistently without constant design intervention.
🔍 Exploration & Discovery :
The Discovery Phase was structured to uncover not just surface-level usability issues, but systemic inefficiencies embedded in seller workflows.
I facilitated cross-functional workshops with sales, marketing, service stakeholders, business architects, and technical architects to map the end-to-end sales journey. Through journey mapping and workflow decomposition, we identified where sellers were:
Switching between multiple Salesforce objects and external tools
Re-entering redundant data across systems
Navigating inconsistent UI patterns across 50+ screens
Losing time interpreting unclear system feedback and validation states
We translated these findings into future-state personas that reflected varying seller roles (inside sales, enterprise sellers, support roles) and aligned them to high-frequency tasks.
Using effort vs. impact prioritization, we identified high-value workflows to focus on first — particularly:
Check Availability flows
Terms & Conditions (T&Cs) review and approval
Order configuration sequences
This structured discovery approach ensured we were not “redesigning screens,” but strategically redesigning task efficiency across the sales lifecycle.
✏️ Design Process :
1. Information Architecture & Workflow Simplification
Before designing UI, I restructured task flows to eliminate unnecessary steps and reduce cognitive load. This involved:
Consolidating fragmented actions into unified flows
Reducing multi-screen dependencies
Standardizing decision points and error handling patterns
Designing clearer system feedback states
Trade-offs were carefully evaluated between Salesforce’s native constraints and custom component flexibility to balance scalability with usability.
2. Design System Creation
To support long-term platform growth, I established a scalable design system built on the Salesforce Lightning Design System foundation, extended with custom components tailored to AT&T’s enterprise needs.
The system included:
Atomic component library (buttons, form fields, tables, modals)
Interaction standards and state documentation
Layout grids optimized for data-heavy screens
Governance guidelines for future feature expansion
This reduced design inconsistency across 50+ screens and created a shared UX language across product and engineering teams.
3. Prototyping & Validation
I developed high-fidelity interactive prototypes in Figma to simulate complex enterprise scenarios, allowing stakeholders to validate:
Data hierarchy clarity
Form efficiency
Conditional logic behavior
Workflow transitions
Frequent async feedback loops (including dedicated Slack channels for component decisions) accelerated alignment and reduced engineering ambiguity before build.
📈 Impact :
Saved 22 minutes per seller per day
Projected $1.6B in operational savings over 5+ years
Reduced UX inconsistency across 50+ screens
Improved cross-team collaboration through shared design language
Beyond efficiency metrics, the redesign transformed Cloudrunner from a collection of functional tools into a cohesive, task-oriented enterprise experience.