Salesforce is a leading CRM platform used by thousands of businesses. The emergence of Web3 technologies, such as blockchains, cryptowallets, and digital assets, presents new opportunities and challenges for companies. Some Salesforce customers have created custom Web3 solutions resulting in disconnected data landscapes. Salesforce Web3 aims to address this by integrating Web2 and Web3 user data, providing a holistic view of customer interactions. This integration would enable targeted marketing, community building, and individualized support to offer a complete and personalized view of shoppers for enhanced engagement.
The current Web3 user experiences pose significant challenges for Web2 shoppers, including usability and practical functionality. Onboarding shoppers into Web3, particularly explaining how identity and payments work, is a well-known business and UX challenge. To address this, I designed identity and payment solutions and guidelines for Salesforce Web3 customers to reduce shopper friction and ensure a smooth onboarding process.
I defined Salesforce Web3 UX success criteria focused on making onboarding easy for customers and shoppers. To understand the needs and goals of users, I created three personas but concentrated on the Shopper and the Merchandising Specialist. I developed user workflows with PM partners, drilling into the flows for connecting wallets for establishing identity and providing payment. I wireframed and prototyped various workflow and layout options for customers to offer to their users. Lastly, we utilized Salesforce's existing Flow platform to provide customers with a low-code tool for creating personalized, data-driven Web3 workflows.
Salesforce Web3 officially launched on March 15, 2023, following a successful Pilot program involving over 80 organizations, including government agencies and Fortune 500 companies across various industries. During the Pilot phase, companies like Mattel, Crown Royal, and Scotch&Soda achieved great success, selling 500K+ digital assets, engaging customers, and expanding their reach through loyalty programs and collaborations.
Platforms: Responsive Web
Disciplines: Design Strategy, Design Thinking, Information Architecture, Product Design, Web Design, Wireframing, Prototyping, Design Systems, Design Management, Project Management
Tools: Figma, FigJam, LucidChart, Google Slides, Affinity Photo
Over 150,000 large enterprises and SMBs run their business on Salesforce. Salesforce's CRM helps brands connect to customers, find prospects, close deals, and wow customers with exceptional service. It is a complete product suite with apps for every step of the customer journey, from lead to loyalty.
Considered the next generation of the internet, Web3 includes emerging technologies like blockchains, cryptocurrencies, digital assets, and cryptowallets that allow companies to engage new audiences and tap into first-party data to enhance shopper relationships and promote loyalty. For example, recent surveys reveal that nearly half (45%) of shoppers would be more interested in purchasing a digital asset if it came from their favorite brand. Moreover, 75% of buyers who have purchased a digital asset in the past say buying a brand's digital assets makes them more loyal to that company.
However, Web3 also introduces new business challenges for finding prospects, buying and selling goods, and identifying, supporting, and connecting with current customers. As a result, many of Salesforce's customers create bespoke solutions to enter the Web3 world. Yet, these custom Web3 data sources are not integrated with their existing Salesforce Web2 CRM data, resulting in a disconnected data landscape.
The Salesforce Web3 platform helps companies create, manage, and deploy digital assets in a trusted, scalable, and sustainable way. With Salesforce Web3, companies can connect with their customers in a whole new way by combining their Web2 and Web3 user data in Salesforce for a holistic view of how customers interact with their organization across traditional and emerging digital environments.
The core value proposition for our customers is that the Salesforce Web3 offering coordinates and aligns their Web2 and Web3 shopper data for physical and virtual products. As a result, the Salesforce Web3 platform provides these customers with a complete and personalized view of each of their shoppers, enabling targeted engagement in marketing and community building, as well as service and support.
However, the existing Web3 user experiences are a monumental hurdle for current Web2 shoppers. "Concrete usability is one of the biggest challenges in moving blockchain past its wild-west phase. Using crypto... is still comparatively difficult. But more importantly, the broader Web3 ecosystem still lacks the practical functionality and UX to form the infrastructure that will replace Web2." [Entrepreneur] Specifically, onboarding shoppers into Web3 is an enormous, well-known business and UX challenge.
Two key onboarding topics for shoppers include explaining how identity and payments work in Web3. In the Web3 space, establishing identity and purchasing assets are tied to crypto wallets. The term "crypto wallets" is an excellent example of another hurdle for shoppers -- the new terminology introduced by Web3 technologies. Getting shoppers over the crypto wallet, identity, payment, and terminology hurdles is essential for obtaining broad adoption. Without adoption by shoppers, unified Web2 and Web3 CRM data evaporates, as does Salesforce's customer value proposition for the Salesforce Web3 product.
To overcome these onboarding challenges for shoppers using Salesforce Web3, I designed identity and payment solutions and guidelines for our customers to reduce shopper friction with Web3 and ensure a smooth onboarding process.
My Salesforce Web3 UX success criteria, based on our corporate Salesforce criteria, are refined and adapted to drive solutions for the crypto wallet, identity, and payment hurdles to benefit the experience for our customers and their shoppers.
Easy
We make it easy for our customers to get into Web3 by focussing on the onboarding user experience related to wallets and payments for both customers and shoppers
Connected
We connect existing customer relationship management (CRM) data and new Web3 on a single platform to provide a seamless user experience with a single ID for authentication and personalization for customers and shoppers
Trusted
We embed trust in our Web3 experience by ensuring control, inspectability, and confidence for customers and shoppers
Sustainable
We prioritize sustainability by providing Web3 solutions that allow our customers to visualize and understand the impact of their current and future Web3 activities
During the Discover phase of our Double Diamond design thinking process, I focused on creating personas to help the product team understand the needs and goals of our users. Utilizing Salesforce's internal persona database, I located the three applicable Commerce Cloud personas and augmented them with Web3 goals and tasks.
The Shopper, representing our customer's end-users, primarily wants to acquire digital goods confidently. Secondarily, they want to connect their crypto wallets easily and navigate the checkout process seamlessly.
I also created a Merchandising Specialist persona who serves as the program manager for NFT collections. Their primary goal is to create, deploy, and manage NFT collections. This process includes creating NFT data, deploying and managing NFT collections, and ensuring the overall success of the NFT program.
Finally, I developed a Commerce/Crypto Admin persona whose primary task is to set up the Web3 product, previously called "NFT Cloud," and enable the Merchandising Specialist to do their jobs effectively.
The case study's focus is the Shopper's experience while acknowledging that the Merchandising Specialist, who represents the customer, requires the necessary tools and guidance to deliver that experience.
During the Define phase, I developed user workflows for the team to understand our personas' end-to-end experience better. I began with UX/PM whiteboarding sessions to quickly generate a broad outline of the flows, which I subsequently refined. As an early end-to-end flowchart, it lacks critical features and details we added as our understanding of the space grew.
One flow requiring elaboration was the Shopper's digital asset purchasing flow which is essentially an e-commerce flow incorporating Web3 details. In this flow, I delineate the Shopper's digital asset browsing experience, connecting their Web3 crypto wallet to the site, providing Web2-style personal information, supplying payment, and completing the transaction. This flow's "Connect Wallet" step must address several crucial design details to deliver a satisfactory Shopper experience.
The subsequent flow is a deeper exploration of the "Connect Wallet" step, which offers multiple crypto wallet options to the Shopper. This workflow enabled the team to identify this feature's specific user pain points and technical challenges.
My multi-persona user workflows stimulated product team discussions and discoveries as we iterated on the design and implementation of the Salesforce Web3 product.
To provide UX options for customers that they could deploy to their shoppers, I iterated on wireframes and prototypes during the Develop phase to align and fine-tune our business, design, and technical solutions.
Initially, the Connect Wallet action occupied an entire page. In the first wireframe, the design demonstrates how the customer can provide various wallet options to the Shopper using a grid layout that emphasizes specific wallets using badges and taglines. I kept this design for completeness, but it disconnects the user from the previous and subsequent actions of a holistic user workflow.
The second wireframe showcases an unembellished list of wallets on the left, accompanied by progress feedback on the state of the Connect Wallet operation, using a sample e-commerce site.
The last wireframe marks a significant shift by explicitly embedding the Connect Wallet action within a larger e-commerce workflow. This alteration significantly impacted the team's mental approach to the problem. The e-commerce example depicts product information along with wallet selection. This wireframe is one of many exploring different options for user flows and actions. In this instance, the wallet is not installed on the user's browser and allows the user to install the needed extension.
Another notable change occurred in language use at this point in my design work. Working with my Content and PM partners, I developed a pattern using Web2 terminology to connect to Web3 concepts. Others, like Dapper Labs, have adopted similar vocabulary tactics. For instance, by combining "Delivery fees" (Web2) and "Gas fees" (Web3), I aimed to create a bridge between these two terms in the minds of users.
These two prototypes illustrate the critical design features our technological offerings need to hit our business objectives. These customer features provide solutions for their target Shoppers, including:
Individual wallet display options
Container and layout options for multiple wallets
Flexible activities both before and after the Connect Wallet action
As a result of these prototypes, the engineering team leveraged and customized existing Salesforce technologies for our Web3 customers.
The first prototype showcases various customer options regarding the data shown to Shoppers for each wallet and how to present multiple wallets. For instance, wallets may feature badges highlighting specific attributes and accompanying descriptive text. Additionally, wallet collections may appear as lists, grids, or weighted grids within a page, dropdown, modal, or side panel.
The second prototype depicts an e-commerce workflow where a shopper purchases a specific digital asset. The workflow employs Web2-biased terminology and illustrates post-Connect Wallet options such as security checks, agreement to legal compliance issues, an email order confirmation, and pointers to view the purchased asset. The second prototype presents two distinct paths. In the first path, the Shopper connects a traditional crypto wallet (MetaMask) and uses cryptocurrency to buy the digital asset. In the second path, the Shopper chooses an email-based wallet (Magic) while using traditional fiat currency to purchase the digital asset.
During the Deliver phase, I collaborated with the engineering team to find solutions that fulfilled our UX goals and requirements. We focused on providing flexible customer options, including:
Display of single and multiple crypto wallets
Flexible layout schemes for multiple wallets
Different UI surfaces to contain these layouts
Highly customizable actions before and after the Connect Wallet action
Customizable nomenclature
After discovering and evaluating the Salesforce Flow platform and its low-code builder, Flow Orchestration, our team concluded that it met our requirements. Through Flow and Flow Orchestration, we provide customers with a low-code tool to produce personalized, data-driven Web3 workflows from the Web3-based Flow templates we provided.
On March 15, 2023, Salesforce Web3 officially launched. Before its launch, over 80 organizations, including government agencies and Fortune 500 companies across various industries such as high fashion, toy manufacturing, finance, personal grooming, education, vehicle production, and international professional athletic clubs, participated in the Pilot program. During the Pilot phase, Mattel, Crown Royal, and Scotch&Soda used Salesforce Web3 with great success to sell 500k+ digital assets, engage with their customers, and expand their reach through loyalty programs and collaborations.
Mattel introduced Hot Wheels NFT Collectible "Packs," featuring different rarities to transition from physical to digital collectibles. All 350,000 digital assets sold out within 24 hours, with the rare digital assets offering access to purchase the physical vehicle represented in the digital asset.
Crown Royal, a whiskey manufacturer, offered a drop allowing people to claim a free digital asset. For each digital asset claimed, Crown Royal sent a care package to an active-duty American military member through the Purple Bag Project. This promotion lasted two weeks, starting on Thanksgiving's NFL football games, resulting in 25,000 digital assets claimed and packages sent.
Scotch&Soda, a European high fashion brand, launched a loyalty program that offered 1000 free digital assets aimed at "cultivating a community of free spirits." Over 2000 people signed up for priority access to the launch, with 30% being new customers that Scotch&Soda could now target for community collaboration and marketing purposes. People claimed all 1000 digital assets on the first day.