The Website Experience Subsystem (WES), a new subsystem within the Salesforce Design System, was designed to ensure a consistent and cohesive digital experience across all Salesforce marketing websites. Websites include but are not limited to: Salesforce.com, Salesforce.org, Trailhead, AppExchange, and much more. With over 108 sites and 417,000 pages, the initiative aimed to strengthen brand identity by providing a unified look and feel among all customer-facing Salesforce websites. By leveraging reusable components and patterns, WES delivers a seamless, brand-aligned experience that resonates with the Salesforce design language.
Over time, Salesforce has acquired many companies such as Mulesoft, Tableau, and Quip. However, many users aren't aware they are all part of the Salesforce ecosystem. Additionally, the various Salesforce marketing websites have different appearances, leading to a need for a cohesive and unified experience.
Design a unified and cohesive digital experience across Salesforce marketing websites to strengthen brand identity and ensure consistency through reusable components and patterns.
Skills: Cross-functional Collaboration, Inclusive Design, Design Leadership, Design System Development, Governance, User Experience Design, User Experience Research, Accessibility Thinking
Responsibilities:
Below are a few examples of the many WES components and patterns designed by me and other contributors as a collective effort.
The WES components and patterns are documented in the Figma library and Zeroheight, allowing internal users to quickly & thoroughly see the components’ designs, behaviors, and code.
This project marked my first experience developing a subsystem at Salesforce, where I developed a deeper understanding of organizing and creating components in Figma for improved efficiency. As I designed each new component, I conducted internal and external audits of SLDS components, which gave me insight into how they are utilized not just in Salesforce but across other design systems as well. This hands-on experience accelerated my proficiency within the Salesforce UX ecosystem. It also reinforced how crucial accessibility is in design, thanks to the guidance of an accessibility expert who expanded my knowledge. Collaborating with a large group of contributors taught me the value of constant communication, regular progress check-ins, and setting clear timelines to ensure everyone stayed aligned and on track. These elements proved essential for successfully managing and delivering the project.