El nuevo pitch deck de agencia: demostrar el ROI de UX con presupuestos de rendimiento (no con mockups bonitos) | Blanche

Una homepage bonita no falla porque sea fea: falla porque es lenta, inaccesible y difícil de usar.

Y los clientes se están dando cuenta.

En 2026, los mejores pitch decks de agencia no empiezan con “nuestro sistema de diseño”. Empiezan con un cuadro de mando: qué va a mejorar, cómo se medirá y qué obtiene el negocio a cambio.

La nueva ventaja competitiva no es el gusto. Es la prueba… y un plan para entregarla.

Este artículo presenta un marco de pitch pragmático y orientado a resultados: UX + rendimiento + accesibilidad, anclado en un presupuesto de rendimiento y un modelo repetible de medición antes/después que puedes convertir en producto.

Por qué está cambiando el pitch (y por qué los clientes ahora son más listos)

Hace una década, un prototipo pulido podía cerrar un trato. Hoy, quienes toman decisiones ya se han quemado con:

Replataformados que se entregaron tarde y no movieron ingresos
Sitios “modernos” que hundieron el SEO por la hinchazón de JavaScript
Quejas de accesibilidad que se convirtieron en dolores de cabeza legales
Refreshes de marca que se veían increíbles pero no mejoraron la conversión

Mientras tanto, el mercado se volvió más transparente. Ahora los clientes pueden:

Consultar Core Web Vitals en PageSpeed Insights o CrUX
Auditar accesibilidad con Lighthouse, axe o WAVE
Seguir el rendimiento del embudo en GA4, Mixpanel, Amplitude o HubSpot
Comparar competidores al instante

Así que el pitch tiene que evolucionar de “vamos a rediseñar tu sitio” a:

Aquí está la línea base.
Esto es lo que cambiaremos y por qué.
Así mediremos el impacto.
Aquí está el presupuesto (rendimiento + alcance) que nos mantiene honestos.

Conclusión concreta

Construye tu pitch alrededor de deltas medibles, no de entregables. Los entregables son inputs. Los clientes compran outputs.

El cuadro de mando orientado a resultados: UX, rendimiento, accesibilidad

Un pitch moderno necesita una sola página que alinee creatividad, ingeniería y growth. Llámalo el Cuadro de mando orientado a resultados.

1) Resultados de UX (lo que los usuarios pueden hacer más rápido/más fácil)

UX solo es “subjetivo” cuando no defines el éxito.

Vincula las decisiones de UX con métricas que los equipos de growth ya reportan:

CVR (tasa de conversión): reducir fricción en flujos clave (registro, checkout, formulario de lead)
AOV (valor medio del pedido): mejorar merchandising, bundles, señales de confianza
Retención: reducir el time-to-value, mejorar la claridad del onboarding
Deflexión de soporte: IA más clara, mejor contenido de autoservicio

KPIs prácticos de UX para incluir:

Tasa de finalización por paso del embudo (p. ej., PDP → carrito → checkout)
Tasa de finalización de formularios y tasa de error
Tasa de éxito de tareas (de tests moderados)
Tiempo por tarea (para recorridos clave)

El ROI de UX se vuelve obvio cuando dejas de medir “engagement” y empiezas a medir intención completada.

2) Resultados de rendimiento (lo que carga más rápido y responde al instante)

El rendimiento no es una preferencia de desarrolladores. Es una palanca de conversión y una palanca de adquisición.

El rendimiento se conecta con métricas de negocio como:

CVR: páginas más rápidas reducen el abandono, especialmente en móvil
CAC: mejor SEO y menos desperdicio por rebote en pago
Retención: la calidad percibida aumenta la confianza y el uso recurrente

Usa el lenguaje que los clientes ya entienden:

“Reduciremos el rebote mejorando la velocidad de carga en las principales páginas de aterrizaje.”
“Protegemos la inversión en paid asegurando que las páginas de campaña cumplan objetivos de rendimiento.”

3) Resultados de accesibilidad (lo que pasa a ser usable… y menos riesgoso)

La accesibilidad es donde muchas agencias todavía venden poco.

Preséntala como:

Expansión de mercado: más usuarios pueden completar tareas (incluyendo usuarios mayores, discapacidades temporales, baja visión, limitaciones motoras)
Confianza de marca: experiencias inclusivas señalan calidad
Reducción de riesgo legal: menos cartas de requerimiento y menos urgencias de cumplimiento

La accesibilidad también mejora la UX para todos:

Mejores estados de foco ayudan a usuarios de teclado y power users
Etiquetas más claras reducen errores en formularios
Jerarquía correcta de headings mejora el escaneo y el SEO

Conclusión concreta

Tu cuadro de mando debería caber en una sola diapositiva e incluir:

3–5 KPIs de negocio (CVR, eficiencia de CAC, retención, leads)
3–5 KPIs de experiencia (CWV, puntuación de a11y, éxito de tareas)
Un plan de medición y un horizonte temporal

Integrar un presupuesto de rendimiento en discovery y diseño

Un presupuesto de rendimiento es la pieza que falta para convertir “nos importa la velocidad” en “vamos a entregar rápido”. También es una herramienta potente para vender porque crea restricciones, como cualquier buen brief creativo.

Qué incluye un presupuesto de rendimiento práctico

No estás presupuestando “velocidad”. Estás presupuestando los componentes que crean velocidad.

Incluye objetivos para:

Core Web Vitals (objetivos orientados a campo)
- LCP (Largest Contentful Paint): objetivo ≤ 2.5s en móvil (campo)
- INP (Interaction to Next Paint): objetivo ≤ 200ms
- CLS (Cumulative Layout Shift): objetivo ≤ 0.1
Peso de página y restricciones de JavaScript (guardarraíles orientados a laboratorio)
- Payload total de JS (p. ej., ≤ 170KB gz en páginas clave de aterrizaje)
- Peso total de página (p. ej., ≤ 1.0–1.5MB en móvil para páginas principales)
- Presupuesto de scripts de terceros (p. ej., máximo 2 tags de marketing en el lanzamiento; el resto por fases)
Fuentes e imágenes
- Familias tipográficas: 1–2 máximo; preferibles fuentes variables
- Estrategia de carga de fuentes: font-display: swap; precargar solo lo crítico
- Imágenes: AVIF/WebP, tamaños responsivos, dimensiones explícitas para evitar CLS
Estrategia de renderizado y restricciones del framework
- SSR/SSG donde importa (contenido y landing pages)
- Limitar la hidratación del lado cliente; enviar menos JS por defecto
- Criterios de aceptación de rendimiento a nivel de componente

Herramientas a mencionar (para construir credibilidad):

PageSpeed Insights + CrUX para datos de campo
Lighthouse y WebPageTest para diagnósticos de laboratorio
RUM vía Vercel Analytics, SpeedCurve, Datadog RUM o New Relic
Análisis de bundles (Next.js bundle analyzer, source-map-explorer)

Dónde vive el presupuesto en tu proceso

Los presupuestos de rendimiento fallan cuando se introducen después del diseño.

Intégralos en:

Discovery: definir objetivos por tipo de plantilla (homepage, PDP, blog, checkout)
Diseño: patrones conscientes del rendimiento (sin carruseles gigantes, evitar fondos de video pesados por defecto)
Build: checks en CI para umbrales de Lighthouse, tamaño de bundle y regresiones
Lanzamiento: dashboards de RUM, alertas y una ventana de ajuste de 30 días

Cómo hablar de tradeoffs sin sonar a la defensiva

A los clientes les asustan las restricciones porque creen que significa “menos creatividad”. Reencuádralo como “más intención”.

Ejemplos de lenguaje persuasivo para tradeoffs:

“Podemos hacer el hero cinematográfico, pero lo implementaremos como progressive enhancement para que la página siga cumpliendo LCP.”
“Priorizaremos el movimiento donde apoye la comprensión, no como decoración que cuesta rendimiento.”
“Incorporaremos herramientas de terceros por fases después de establecer una línea base, para no enmascarar regresiones.”

Conclusión concreta

Añade una diapositiva titulada Presupuesto de rendimiento con:

Objetivos de CWV (LCP/INP/CLS)
Restricciones de JS/peso de página/fuentes
Cómo lo harás cumplir (CI + RUM)
La política de tradeoffs (qué se recorta primero cuando el presupuesto está en riesgo)

Accesibilidad como diferenciador competitivo (y reductor de riesgo legal)

La mayoría de los pitches tratan la accesibilidad como un ítem de checklist. Es una oportunidad perdida.

Cómo posicionar la accesibilidad en un pitch

Ancla el mensaje en resultados que le importan al comprador:

Más conversiones completadas: menos usuarios bloqueados por formularios, modales, navegación
Menor churn: mejor legibilidad, interacciones más claras
Ciclos de QA más rápidos: componentes consistentes reducen regresiones
Menor exposición legal: prácticas documentadas y plan de remediación

Qué incluir en un alcance práctico de accesibilidad

Manténlo concreto y verificable:

Objetivo WCAG 2.2 AA (o un subconjunto definido si el cliente necesita un enfoque por fases)
Librería de componentes con accesibilidad por defecto:
- Botones, inputs, selects
- Modales y drawers
- Menús de navegación
- Toasts/alerts
Plan de testing:
- Checks automatizados (axe, Lighthouse)
- Pruebas manuales con teclado
- Revisiones puntuales con lector de pantalla (NVDA/JAWS/VoiceOver)

El movimiento que gana el pitch: mostrar cómo la accesibilidad se convierte en una ventaja del sistema de diseño, no en una auditoría puntual.

Conclusión concreta

Ofrece accesibilidad en tres niveles:

Base: auditorías + quick wins en las plantillas principales
Sistémico: librería de componentes accesibles + gobernanza
Operativo: monitorización continua + prevención de regresiones

Plantilla de caso de estudio: Línea base → Cambios → Impacto en el negocio

Si quieres que los clientes compren resultados, necesitas una forma repetible de mostrar resultados.

Aquí tienes una plantilla de caso de estudio que puedes reutilizar en distintas industrias, incluso cuando no puedas revelar ingresos exactos.

1) Línea base (lo que es cierto hoy)

Recoge evidencia de:

Capturas de CrUX/CWV para las páginas principales
Abandono del embudo en analítica
Hallazgos cualitativos de UX (5–8 entrevistas de usuario o session replays)
Resumen de auditoría de accesibilidad

Formato de diapositiva de línea base:

Rendimiento: LCP/INP/CLS + principales culpables (imágenes, JS, terceros)
UX: los 3 principales puntos de fricción en el embudo
Accesibilidad: los 3 principales bloqueadores (labels, gestión del foco, contraste)

2) Cambios (lo que realmente hiciste)

Haz que los cambios sean legibles y atribuibles:

“Sustituimos el carrusel por una única propuesta de valor priorizada + módulos de apoyo”
“Movimos la lógica de personalización al servidor; redujimos el JS del cliente en un 40%”
“Estandarizamos campos de formulario con estados de error y labels claros”
“Implementamos un CDN de imágenes y tamaños responsivos; precargamos la imagen de LCP”

Incluye también lo que no hiciste:

“Aplazamos el widget de chat hasta después de una señal de intención del usuario”
“Eliminamos scripts redundantes del tag manager”

3) Impacto en el negocio (qué se movió)

Vincula mejoras con métricas en un plazo creíble:

Conversión: uplift en páginas clave de aterrizaje o pasos del embudo
Adquisición: mejoras de tráfico orgánico, menor rebote en paid
Eficiencia: menos tickets de soporte, menos ciclos de QA, publicación de contenido más rápida

Si no puedes compartir números exactos, usa rangos o resultados indexados:

“La finalización de checkout mejoró 8–12%”
“LCP bajó de 3.8s → 2.2s en móvil”
“La finalización de formularios subió de índice 100 → 118”

Integridad de medición: evita la trampa de las “mates de agencia”

Los clientes son escépticos con la atribución, y con razón.

Usa un enfoque ligero pero creíble:

Comparativas pre/post con notas de estacionalidad
Métricas a nivel de plantilla (no solo promedios de todo el sitio)
Tests A/B cuando sea viable (incluso split tests simples en landing pages)
Monitorización RUM para confirmar mejoras en campo

Conclusión concreta

Convierte esto en un PDF de una página que adjuntes a cada propuesta:

Snapshot de línea base
Cuadro de mando objetivo
Plan de medición (30/60/90 días)

Cómo acotar entregables alrededor de resultados (sin prometer de más)

Vender orientado a resultados puede salir mal si prometes métricas que no controlas.

El truco es comprometerse con objetivos y prácticas, no con ingresos garantizados.

A qué puedes comprometerte con seguridad

Comprométete a:

Presupuestos de rendimiento y su cumplimiento
Objetivos de conformidad de accesibilidad y testing
Instrumentación y configuración de medición
Mejoras de UX vinculadas a puntos de fricción conocidos
Una ventana de optimización definida post-lanzamiento

Evita garantizar:

“Aumentaremos los ingresos un 30%”
“Seremos #1 en Google”

En su lugar, di:

“Entregaremos dentro de un presupuesto de rendimiento diseñado para mejorar CWV y reducir el abandono relacionado con la velocidad.”
“Implementaremos y validaremos WCAG 2.2 AA en las plantillas y componentes acordados.”
“Configuraremos eventos de analítica para medir el impacto en el embudo e iteraremos durante 30 días tras el lanzamiento.”

Usa lenguaje de “alcance basado en resultados”

Estructura el alcance alrededor de:

Plantillas que importan (más tráfico, mayor intención)
Recorridos críticos de usuario (registro, checkout, lead)
Mejoras de sistema (sistema de diseño, modelo de CMS, librería de componentes)

Esto evita el fallo clásico: gastar el 60% del presupuesto en páginas de bajo impacto.

Conclusión concreta

Añade una diapositiva de “Límites del alcance”:

Plantillas y recorridos incluidos
Elementos excluidos (o fase 2)
Supuestos (niveles de tráfico, preparación de contenidos, disponibilidad de stakeholders)

Cómo empaquetar esto como una oferta de agencia (y ponerle precio)

Si quieres que este enfoque escale, conviértelo en ofertas con artefactos claros.

Oferta 1: Auditoría orientada a resultados (2–3 semanas)

Ideal para: nuevas relaciones, stakeholders escépticos, claridad previa al rediseño.

Entregables:

Cuadro de mando de línea base (CWV, a11y, embudo)
Propuesta de presupuesto de rendimiento (por plantilla)
Plan de remediación de accesibilidad (priorizado)
Plan de medición + especificación de dashboard
Backlog de quick wins (esfuerzo vs impacto)

Modelo de pricing:

Tarifa fija (procurement rápido), normalmente planteada como crédito hacia el build.

Oferta 2: Rediseño con presupuesto de rendimiento (8–16 semanas)

Ideal para: equipos listos para entregar.

Entregables:

Alcance basado en resultados (plantillas + recorridos)
Librería de componentes con accesibilidad integrada
Presupuesto de rendimiento aplicado en CI
Monitorización RUM + ventana de ajuste post-lanzamiento

Modelo de pricing:

Fee de proyecto con pagos por hitos
Retainer opcional de mantenimiento de rendimiento/a11y

Oferta 3: Retainer de optimización continua (mensual)

Ideal para: equipos de growth que iteran.

Entregables:

Reporte mensual de CWV + a11y
Roadmap de experimentos (UX + rendimiento)
Prevención de regresiones (presupuestos, monitorización)
Revisiones trimestrales de accesibilidad

Modelo de pricing:

Retainer ligado al throughput (p. ej., 2–4 experimentos/mes) y al stack de monitorización

Las agencias que ganan a largo plazo no “terminan” en el lanzamiento. Venden excelencia operativa.

Conclusión concreta

En tu pitch deck, incluye una diapositiva de pricing que mapee inversión a resultados:

Qué mejorarás (cuadro de mando)
Cómo lo harás cumplir (presupuesto + gobernanza)
Cuándo se pueden medir resultados (30/60/90)

Conclusión: vende el presupuesto, vende la prueba, vende el plan

La era de vender “bonito” se acabó, no porque la estética no importe, sino porque la estética por sí sola no resiste el escrutinio.

Las agencias que dominarán la próxima ola son las que pueden decir:

Aquí está tu línea base.
Aquí están las restricciones que protegen el resultado (presupuestos de rendimiento + estándares de accesibilidad).
Aquí está el marco de medición que ejecutaremos antes y después.
Aquí está lo primero que entregaremos para mover las métricas que importan.

Si quieres que tu próximo pitch conecte con CEOs, CMOs y líderes de producto, reconstruye tu deck alrededor de un Cuadro de mando orientado a resultados y trata el rendimiento y la accesibilidad como restricciones creativas de primera clase.

Llamado a la acción

Si eres dueño de agencia o director creativo, audita tus últimas tres propuestas:

¿Incluiste una línea base?
¿Definiste un presupuesto de rendimiento?
¿Especificaste conformidad de accesibilidad y testing?
¿Detallaste un plan de medición 30/60/90?

Si la respuesta es “no”, tu próximo pitch es una oportunidad para dejar de vender vibes y empezar a vender resultados.