Caso de estudio · Diseño UX/UI

Tecno Fast Rental

Rediseñé el flujo de cotización de Tecno Fast Rental, una empresa que alquila y vende espacios modulares a otras empresas. El formulario de cotización había dejado de recibir solicitudes. Encontré 17 botones de cotización en una sola pantalla que llevaban a lugares distintos, y los unifiqué en un único carrito de cotización.

Año
2025
Rol
UX/UI Designer
Enfoque
Auditoría UX, arquitectura de información, flujos de cotización B2B, gestión de stakeholders
Página de producto rediseñada con una única acción, Agregar a la cotización, y el seguro Módulo Protegido como complemento.

El problema

Los clientes de Tecno Fast no compran con un clic. Piden una cotización y un ejecutivo comercial arma la propuesta. Esa solicitud es la puerta de entrada de todo el negocio. La clienta informó de que habían dejado de llegar solicitudes de cotización y me pidió revisar el formulario en busca de un error. El sitio no registraba dónde se perdían las solicitudes, así que lo recorrí como lo haría un cliente.

Botones de cotización

6 tipos · 17 en pantalla
Cotiza 1 2 Agregar Agregar Agregar Agregar Agregar Agregar Agregar Agregar Agregar Agregar Agregar Agregar 3 ×12 4 5 6
Wireframe de los 17 botones de cotización, numerados por tipo.

Sitio original

Listado de espacios de trabajo
Listado original de Espacios para trabajar: un botón Cotiza y un icono en el encabezado, un botón Agregar en las 12 tarjetas y tres pestañas laterales fijas.
El listado real de Espacios para trabajar antes del rediseño.

El listado tenía 17 botones de cotización en una sola pantalla, de seis tipos distintos, todos para la misma acción. Seguí cada uno y descubrí que llevaban a tres formularios diferentes:

  1. Formulario 1

    Carrito de cotización

    14botones llevan aquí

    Botón del encabezado, icono del encabezado y botón Agregar en 12 tarjetas de producto

    Página original Cotiza tu espacio: resumen de productos a la izquierda y formulario de cotización a la derecha.
  2. Formulario 2

    Formulario de landing page

    1botón lleva aquí

    La pestaña lateral Espacios para trabajar

    Landing page original con el formulario Cotiza con nosotros sobre una foto de módulos.
  3. Formulario 3Otro sitio ↗

    Tecno Fast Home

    2botones llevan aquí

    Las pestañas laterales Espacios para vivir y Cotiza aquí

    Sitio de Tecno Fast Home con el formulario Cotiza tu proyecto para viviendas modulares.

Cada formulario hacía la misma pregunta con campos distintos. El tercero sacaba a los clientes de alquiler del sitio, hacia un producto que no era el suyo.

Proceso

  1. El formulario deja de recibir solicitudes
  2. 1Recorrer el sitio como un cliente
  3. 2Mapas de calor predictivos con Microsoft Clarity
  4. 3Cuestionario para el equipo comercial
  5. 4Carrito y formulario únicos
  6. 5Venta cruzada dentro del flujo
  7. 6Validación con desarrollo y ventas

Diagnóstico

Usé dos fuentes para responder dos preguntas distintas.

Recorrido

Qué ocurre

17 botones de cotización en una pantalla, que llevaban a al menos tres formularios distintos.

Clarity

Adónde va la atención

Los mapas de calor predictivos de Microsoft Clarity usan IA para estimar adónde iría la atención a partir de una imagen o una URL. No usan datos reales de visitantes, así que no miden el comportamiento real. Los usé porque el sitio no registraba el recorrido de cotización. Mostraron cuántos puntos focales competían entre sí y que el problema era mayor de lo que parecía.

El problema era estructural. Arreglar cada formulario por separado habría sido más rápido, pero habría dejado la causa intacta, así que propuse unificar el flujo. Para respaldar la propuesta, armé una presentación que mostraba los 17 botones de cotización y los tres formularios en una sola vista. Al verlos juntos, la clienta reconoció de inmediato un problema que antes no había notado.

Dos tipos de cliente

Un cuestionario para el equipo comercial mostró que las solicitudes no venían de un único tipo de cliente.

Sabe lo que necesitaNecesita orientación
EjemploEmpresas de construcción e industrialesEmpresas con un proyecto pero sin producto definido
Llega conProductos concretosUna breve descripción del proyecto, o nada
VolumenUna minoría de las solicitudesLa mayoría
NecesidadesCatálogo y carritoUn ejecutivo comercial que los guíe

DecisiónUn solo formulario atiende a ambos. Si el cliente agregó productos, el resumen aparece junto al formulario. Si no, el carrito vacío le indica que puede describir su proyecto en el formulario, y un botón lo lleva al listado si prefiere elegir productos. Los clientes que necesitan orientación pueden enviar una solicitud sin pasar por el catálogo.

FORMULARIO DE COTIZACIÓN · DOS ESTADOS Con o sin productos UN FORMULARIO Abre la cotización (muestra nº de productos) ¿Agregó productos? SÍ NO Resumen de productos junto al formulario Carrito vacío: puede describir el proyecto AGREGAR PRODUCTOS VA AL LISTADO Completa y envía Ventas recibe la solicitud
Carrito vacío con un aviso que invita al cliente a describir su proyecto y un botón Agregar productos que lleva al listado.

Un solo carrito

Cada tarjeta y cada página de producto tiene una sola acción: Agregar a la cotización. Todo lleva a un único formulario, con el resumen de productos a la vista. Los productos van incluidos en la solicitud, así que el ejecutivo comercial sabe qué cotizar antes de llamar. El botón de cotización del encabezado muestra cuántos productos ha agregado el cliente.

FLUJO DE COTIZACIÓN · CLIENTE B2B Antes 6 TIPOS · 3 FORMULARIOS Abre el listado ¿Qué botón de cotización? ENCABEZADO O TARJETA PESTAÑA ESPACIOS PARA TRABAJAR PESTAÑA VIVIR O COTIZA AQUÍ Carrito de cotización (Cotiza tu espacio) Formulario en una landing page Sale a otro sitio (Tecno Fast Home) CAMPOS DISTINTOS ¿Completa el formulario? NO Abandona SÍ Ventas recibe datos distintos según la ruta FLUJO DE COTIZACIÓN · CLIENTE B2B Después 1 FORMULARIO · CON PRODUCTOS Abre el listado Elige un producto Revisa el producto: ficha, plano y 3D OPCIONAL Agrega un pack de mobiliario o seguro Lo agrega a la cotización ¿Agrega más productos? SÍ NO Completa un formulario con el resumen a la vista Ventas recibe la solicitud con productos

En la página de producto, la ficha técnica, el plano y el recorrido 3D están en la misma vista que la acción de cotizar. En la venta consultiva, un cliente que entiende lo que pide envía una solicitud más útil.

Listado y página de producto rediseñados. Cada producto tiene una sola acción, y la página de producto muestra la ficha técnica, el plano y el recorrido 3D.
Listado y página de producto rediseñados. Cada producto tiene una sola acción, y la página de producto muestra la ficha técnica, el plano y el recorrido 3D.
Formulario de cotización con el carrito: los productos y el Módulo Protegido van incluidos en la solicitud.
Formulario con carrito: los productos y el seguro Módulo Protegido van incluidos en la solicitud.

Venta cruzadaUn módulo casi nunca se cotiza solo. El seguro Módulo Protegido aparece como complemento en la página de producto, y los packs de mobiliario se ofrecen junto a los módulos compatibles. La cotización gana valor sin agregar pasos.

Página de un pack de mobiliario, disponible junto a los módulos compatibles.
Una página de pack de mobiliario, ofrecida junto a los módulos compatibles.

Qué pasó después

Desarrollo y ventas aprobaron la propuesta, pero no se implementó, porque la decisión final recaía en alguien que no formó parte del proceso. Hoy identificaría desde el inicio a todas las personas que toman decisiones.

Si se implementa, mediría las solicitudes recibidas por semana y la proporción que llega con productos, y probaría el formulario con ambos perfiles de comprador antes del lanzamiento.