Sales support toolHerramienta de soporte a ventas Enterprise UXUX enterprise Multicloud platformPlataforma multicloud Agentforce · AI Salesforce

The ROI CalculatorEl ROI Calculator

From product-specific, fragmented calculators to a single multi-cloud platform used by the global sales organization.De calculadoras fragmentadas por producto a una única plataforma multicloud usada por la organización de ventas en todo el mundo.

ROI Calculator — value drivers and total annual benefit

01

Project OverviewResumen del proyecto

Every business deal needs a number the customer can trust. The ROI Calculator lets Account Executives build that number live, in the meeting, instead of running manual calculations and emailing a spreadsheet days later.Toda negociación necesita una cifra en la que el cliente pueda confiar. El ROI Calculator permite a los Account Executives construir esa cifra en directo, durante la reunión, en lugar de hacer cálculos manuales y enviar una hoja de cálculo días después.

It started as a single calculator for one product. It worked, every team wanted their own, and the fragmentation became the problem so I designed a multicloud platform that supports all teams and product lines. It is now the most used product in the Solutions Workspace platform.Empezó como una calculadora para un solo producto. Funcionó, cada equipo quería la suya y la fragmentación se convirtió en el problema: diseñé entonces una plataforma multicloud capaz de dar soporte a todos los equipos y líneas de producto. Hoy es el producto más usado de la plataforma Solutions Workspace.

UsersUsuarios

Account Executives, Solution Engineers and Business Value Services — AMER, EMEA and ROW

RoleRol

Product Designer: I led the UX strategy, interaction design, and multi-cloud experience, collaborating closely with product managers (PMs), sales stakeholders, and engineers.

I took charge of research and design direction across the platform and designed the end-to-end workflow and user interface. Additionally, I co-designed the design system, alongside another designer, that was used to build this tool.
Product Designer: Lideré la estrategia de UX, el diseño de interacción y la experiencia multicloud, colaborando estrechamente con los Product Managers (PMs), los equipos de ventas y los ingenieros.

Me encargué de la investigación y de la dirección de diseño de toda la plataforma, y diseñé el flujo de trabajo y la interfaz de usuario de principio a fin. Además, co-diseñé, junto con otra diseñadora, el sistema de diseño utilizado para desarrollar esta herramienta.

Project typeTipo de proyecto

Internal B2B platform · responsive webPlataforma B2B interna · web responsive

Timeline

2022 — 2026 · shipped and iterating2022 — 2026 · en producción, iterando

02

The ChallengeEl reto

Each Salesforce product line had its own ROI calculator, and some teams had none at all. Numbers came from unsynchronised spreadsheets, so the same deal could be presented with different figures, slow answers and, worse, a credibility problem in front of the customer.Cada línea de producto de Salesforce tenía su propia calculadora de ROI, y algunos equipos no tenían ninguna. Las cifras salían de hojas de cálculo sin sincronizar, así que la misma operación podía presentarse con números distintos: respuestas lentas y, peor aún, un problema de credibilidad delante del cliente.

Research with the field surfaced the same four blockers again and again:El research con los equipos de campo sacó a la luz los mismos cuatro bloqueos una y otra vez:

Pre-set templates were restrictive and didn't fit every industry or use case.Las plantillas predefinidas eran restrictivas y no encajaban en todas las industrias ni casos de uso.

Multi-cloud deals required combining several calculators by hand, with no support for multi-year modelling or contract ramp-downs.Las operaciones multicloud obligaban a combinar varias calculadoras a mano, sin soporte para modelado multianual ni reducciones de contrato.

The tool spread by word of mouth, with no standard onboarding — so users leaned on the BVS team for work they could have done alone.La herramienta se difundía de boca en boca, sin onboarding estandarizado, así que los usuarios recurrían al equipo de BVS para trabajo que podían hacer solos.

Creating custom calculators for every Salesforce product became an unmanageable bottleneck. From a UX perspective, I couldn't gather requirements from every team, while the engineering team faced a massive backlog. This situation left several product teams without the necessary support, delaying key launches and causing widespread frustration.Crear calculadoras personalizadas para cada producto de Salesforce se convirtió en un cuello de botella difícil de gestionar. Desde la perspectiva de UX, no podía recopilar los requisitos de todos los equipos, mientras que el equipo de ingeniería se enfrentaba a un backlog enorme. Esta situación dejó a varios equipos de producto sin el soporte necesario, retrasando lanzamientos clave y generando una frustración generalizada.

The brief: replace fragmented, per-product calculators with one multicloud platform any seller could use on their own.El encargo: sustituir las calculadoras fragmentadas por producto por una única plataforma multicloud que cualquier vendedor pudiera usar por su cuenta.

Single-product ROI calculator — the starting point
The starting point: one calculator per product, each with its own inputs and outputs. Click to enlarge.El punto de partida: una calculadora por producto, cada una con sus propios inputs y resultados. Clic para ampliar.

03

Understanding the UserEntender al usuario

The audience is internal and explicitly defined: this is a tool built for the field sales motion. AEs lead usage, SEs go deeper on complex deals, BVS backs up the numbers, and leadership pushes adoption top-down.La audiencia es interna y está definida de forma explícita: es una herramienta para el motor de ventas de campo. Los AEs lideran el uso, los SEs profundizan en las operaciones complejas, BVS respalda las cifras y el liderazgo impulsa la adopción desde arriba.

I ran interviews and workshops across the four groups, then usability-tested the real flow. Ease of use scored 4/5; the friction was never the interface, it was everything users had to do before opening it.Hice entrevistas y workshops con los cuatro grupos y después pruebas de usabilidad sobre el flujo real. La facilidad de uso puntuó 4/5: la fricción nunca estaba en la interfaz, sino en todo lo que había que hacer antes de abrirla.

Sarah — Account Executive

SARAH, UKSARAH, REINO UNIDO

Account ExecutivesAccount Executives

Use the calculator, and the related Business Value Skill, directly in value conversations with the customer.Usan la calculadora, y la Business Value Skill asociada, directamente en las conversaciones de valor con el cliente.

Jorge — Solution Engineer

JORGE, SPAINJORGE, ESPAÑA

Solution EngineersSolution Engineers

Secondary users involved in deeper value-discovery conversations. They push the tool into the most complex, technical scenarios, multi-cloud, multi-year, niche industries.Usuarios secundarios implicados en conversaciones de descubrimiento de valor más profundas. Llevan la herramienta a los escenarios más complejos y técnicos: multicloud, multianual, industrias de nicho.

Olivia — Business Value Services

OLIVIA, CANADAOLIVIA, CANADÁ

Business Value ServicesBusiness Value Services

Come in later in the sales cycle as the authority on the financial and business-case side. A self-serve tool had to hold up to their scrutiny.Entran más tarde en el ciclo de venta como autoridad en la parte financiera y del business case. Una herramienta self-serve tenía que resistir su escrutinio.

James — Sales leadership

JAMES, AUSTRALIAJAMES, AUSTRALIA

Sales leadershipLiderazgo de ventas

Not day-to-day users, but the group that drives awareness and adoption across teams. Their ask was consistency: the same value story, region to region.No son usuarios del día a día, pero son quienes impulsan el conocimiento y la adopción entre equipos. Su petición era consistencia: el mismo relato de valor, región a región.

04

Designing the FlowDiseñar el flujo

Low fidelity first. The workflow was agreed with leadership as a low-fi prototype, which functionalities, in what order, and what the business actually needed, before any visual design happened. That is where the diverse needs of AEs, SEs and BVS got reconciled instead of debated later.Primero baja fidelidad. El flujo se acordó con los responsables como prototipo low-fi —qué funcionalidades, en qué orden y qué necesitaba realmente el negocio— antes de cualquier diseño visual. Ahí es donde se reconciliaron las necesidades de AEs, SEs y BVS, en lugar de discutirlas más tarde.

The core UX problem was density: a lot of inputs and a lot of outputs on one screen, in a meeting, with a customer watching. The flow separates benefits (value drivers per cloud), deal settings (ramping, investment, years) and results so an AE can move between them without losing the thread of the conversation.El problema central de UX era la densidad: muchos inputs y muchos resultados en una sola pantalla, en una reunión y con el cliente delante. El flujo separa beneficios (value drivers por cloud), ajustes del deal (ramping, inversión, años) y resultados, para que el AE pueda moverse entre ellos sin perder el hilo de la conversación.

Once the flow was closed, I designed the high-fidelity screens against the design system, and stayed through implementation QA. Responsive throughout: sellers work from whatever device the meeting allows.Una vez cerrado el flujo, diseñé las pantallas de alta fidelidad sobre el design system y acompañé el proceso hasta el QA de implementación. Responsive de principio a fin: los vendedores trabajan desde el dispositivo que permita la reunión.

Multicloud wireframes — input flow, benefit drivers and results
Multicloud wireframes — input flow, benefit drivers and results. Click to enlarge.Wireframes multicloud — flujo de entrada, value drivers y resultados. Clic para ampliar.

05

Design SystemDesign system

Design once. Add a cloud without redesigning the tool.Diseñar una vez. Añadir un cloud sin rediseñar la herramienta.

Every tool my team builds for the sales organisation runs on a design system that I co-created and maintain in production, independent of Salesforce's own, because these are internal products with their own density and data problems.Todas las herramientas que mi equipo construye para la organización de ventas funcionan sobre un design system que co-creé y mantengo en producción, independiente del de Salesforce, porque son productos internos con sus propios problemas de densidad y de datos.

The calculator's dense tables, sliders, toggles, input groups and result charts are all components from it, with full state coverage and accessible contrast. That is what made the multicloud platform possible: a new cloud or a new estimator is a configuration, not a redesign.Las tablas densas, los sliders, los toggles, los grupos de inputs y los gráficos de resultados de la calculadora son componentes de ese sistema, con todos sus estados y contraste accesible. Eso es lo que hizo posible la plataforma multicloud: añadir un cloud o un estimador es configuración, no rediseño.

Solutions Workspace design system — components and states
The Solutions Workspace design system every seller-facing tool is built from. Click to enlarge.El design system de Solutions Workspace del que parten todas las herramientas de venta. Clic para ampliar.

06

The hard part: many clouds, one value caseLa parte difícil: muchos clouds, un solo value case

A single-product ROI is arithmetic. The real design problem was the multi-product deal — and it is the decision I would defend first in any review.El ROI de un solo producto es aritmética. El verdadero problema de diseño era la operación multiproducto, y es la decisión que defendería primero en cualquier revisión.

An AE selling four clouds had to run four calculators, reconcile four sets of assumptions and rebuild the story by hand in slides. My first instinct was a calculator switcher. Testing killed it: users didn't want to move between calculators, they wanted one case that held the whole deal.Un AE que vendía cuatro clouds tenía que usar cuatro calculadoras, reconciliar cuatro conjuntos de supuestos y reconstruir el relato a mano en diapositivas. Mi primer instinto fue un selector de calculadoras. Las pruebas lo descartaron: los usuarios no querían moverse entre calculadoras, querían un único caso que contuviera toda la operación.

So the object of the design changed: not a single calculator, but a value case that holds multiple use cases at once, value drivers per cloud, one shared deal-settings layer, one exportable report. The multi-cloud ROI calculator was built to fold all the data into the same framework, so users no longer navigate out to separate tools.Así que cambió el objeto del diseño: no una calculadora, sino un value case capaz de contener varios casos de uso a la vez: value drivers por cloud, una única capa compartida de ajustes del deal y un solo informe exportable. La calculadora de ROI multicloud se diseñó para integrar todos los datos en un mismo marco de trabajo, de modo que los usuarios ya no tuvieran que salir de la herramienta para acceder a soluciones independientes.

Blank canvasLienzo en blanco

Fully customisable inputs for the scenarios no template covers.Inputs totalmente personalizables para los escenarios que ninguna plantilla cubre.

Multi-year modellingModelado multianual

Benefit ramping, investment per year and payback, in one table.Ramping de beneficio, inversión por año y payback, en una sola tabla.

Benchmark guidanceGuía con benchmarks

Industry starting points and explanations on the inputs users guessed at.Puntos de partida por industria y explicaciones en los inputs que antes se adivinaban.

One exportUna sola exportación

A customer-ready report for the whole deal, not one deck per cloud.Un informe listo para el cliente con toda la operación, no una presentación por cloud.

New BVD 2.0 — one multicloud value case
The new BVD 2.0: one value case across clouds, with shared deal settings. Click to enlarge.El nuevo BVD 2.0: un value case para varios clouds, con ajustes de deal compartidos. Clic para ampliar.

07

High Fidelity PrototypePrototipo de alta fidelidad

The current chapter: the calculator is becoming agent-led. The Value Agent takes the opportunity context and builds a tailored value model with minimal setup, inside a tool people already use every day.El capítulo actual: la calculadora se está volviendo agéntica. El Value Agent toma el contexto de la oportunidad y construye un modelo de valor a medida con una configuración mínima, dentro de una herramienta que ya se usa a diario.

Auto value driver selectionSelección automática de value drivers

Selects and recommends value drivers across clouds based on the selected opportunity.Selecciona y recomienda value drivers de varios clouds según la oportunidad seleccionada.

Smart input extractionExtracción inteligente de inputs

Populates the value drivers with benchmark numbers and metadata from similar opportunities.Rellena los value drivers con benchmarks y metadatos de oportunidades similares.

Improvement forecastingPrevisión de mejora

Recommends a percentage improvement from the customer's current state, similar deals and industry benchmarks.Recomienda un porcentaje de mejora a partir del estado actual del cliente, operaciones similares y benchmarks de industria.

Input optimisationOptimización de inputs

Within a full value case, recommends updates to the inputs already entered.Dentro de un value case completo, recomienda actualizaciones de los inputs ya introducidos.

Executive talk trackTalk track ejecutivo

Prepares a talk track tailored to the audience, with anticipated questions and guidance for the executive readback.Prepara un talk track adaptado a la audiencia, con preguntas previstas y guía para el readback ejecutivo.

Built to hand overListo para entregar

Every screen assembled from the design system and handed to engineering, with implementation QA on my side.Cada pantalla montada con el design system y entregada a ingeniería, con el QA de implementación de mi parte.

Agentic ROI experience — high fidelity prototype
Agentic ROI experience — high fidelity prototype. Click to enlarge.Agentic ROI experience — prototipo de alta fidelidad. Clic para ampliar.

08

What we learnedLo que aprendimos

Once the platform was up and running, I conducted a survey and feedback interviews with users. The tool itself received a positive rating; the friction points had shifted elsewhere, to everything that happens before reaching the calculator. This would be my task for the next sprint.Con la plataforma ya en producción lancé una encuesta y entrevistas de seguimiento con los equipos de campo. La herramienta puntuó bien: la fricción se había desplazado a otro sitio, a todo lo que ocurre antes de la calculadora. Esta sería mi tarea para el próximo sprint.

That reframed the next chapter. The problem to solve was no longer the interface, it was the discovery conversation feeding it and that is what the agentic work is built on.Eso replanteó el siguiente capítulo. El problema a resolver ya no era la interfaz, sino la conversación de discovery que la alimenta, y sobre eso se construye el trabajo agéntico.

What workedLo que funcionó

Live ROI, with the customer, across productsROI en directo, con el cliente y con varios productos

The tool felt powerful because AEs could calculate the ROI live in the meeting, with the customer in the room, and add several products to the same case instead of running one calculator per cloud. Selecting their industry was a favourite: it made the case feel specific to the customer's business rather than generic.La herramienta se percibía como potente porque los AEs podían calcular el ROI en directo en la reunión, con el cliente delante, y añadir varios productos al mismo caso en lugar de usar una calculadora por cloud. Poder seleccionar su industria fue de lo más valorado: hacía que el caso pareciera específico del negocio del cliente y no algo genérico.

What still hurtLo que seguía costando

The inputs, not the interfaceLos inputs, no la interfaz

Finding all the inputs was still hard, and customers often did not know their own numbers. Sourcing them from zero was time-consuming and overwhelming: AEs were hearing from customers that the ROI conversation mattered a lot, but felt heavy at the same time. They also wanted to pour in everything they had without following a fixed order of steps.Encontrar todos los inputs seguía siendo difícil, y muchas veces el cliente no conocía sus propios números. Buscarlos desde cero era lento y abrumador: los AEs recibían del cliente el mensaje de que la conversación de ROI era muy importante, pero al mismo tiempo pesada. También querían poder volcar todo lo que tenían sin seguir un orden fijo de pasos.

What I designed nextLo que diseñé a continuación

A chatbot for the discovery meetingUn chatbot para la reunión de discovery

So I proposed a conversational intake: a chatbot that makes the discovery meeting as easy as possible. Instead of a form with an order, the AE and the customer talk, and the answers populate the value case as they go — the data arrives in the shape the conversation naturally takes.Así que propuse una entrada conversacional: un chatbot que haga la reunión de discovery lo más fácil posible. En lugar de un formulario con un orden, el AE y el cliente conversan y las respuestas van rellenando el value case: los datos llegan con la forma que la conversación toma de manera natural.

Explored with engineeringExplorado con ingeniería

“Summarise inputs for me” CTA«Rellena los inputs por mí»

I also started investigating with the engineering team whether we could add a CTA that pre-fills every input with industry averages. The AE and the customer then only review and change what they want, instead of researching each number from scratch — the part that was both time-consuming and overwhelming for the customer.También empecé a investigar con el equipo de ingeniería si podíamos añadir un CTA que rellenara todos los inputs con medias de industria. El AE y el cliente solo revisan y cambian lo que quieran, en lugar de buscar cada cifra desde cero, que era la parte lenta y abrumadora para el cliente.

Agentic ROI experience — auto value driver selection
Auto value driver selection inside the calculator. Click to enlarge.Selección automática de value drivers dentro de la calculadora. Clic para ampliar.

09

Business ImpactImpacto de negocio

6,630+6.630+

Business value cases generated with the toolBusiness cases de valor generados con la herramienta

4,000+4.000+

Users across AMER, EMEA and ROWUsuarios en AMER, EMEA y ROW

$87M

Won ACV influenced by value cases with an opportunity attachedACV ganado influido por value cases con oportunidad asociada

5+ → 1

Separate calculators replaced by one multicloud platformCalculadoras separadas sustituidas por una plataforma multicloud

What changed for the businessQué cambió para el negocio

2,591 opportunities attached to value cases, and around half of all cases exported and taken to the customer.2.591 oportunidades asociadas a value cases, y cerca de la mitad de los casos exportados y llevados al cliente.

Self-serve by design: AEs build cases without waiting on the BVS team, which frees BVS for the deals that genuinely need them.Self-serve por diseño: los AEs construyen casos sin esperar al equipo de BVS, lo que libera a BVS para las operaciones que realmente los necesitan.

One value story across regions and product lines, and the most used product in Solutions Workspace.Un mismo relato de valor en todas las regiones y líneas de producto, y el producto más usado de Solutions Workspace.