Rubén RomeroDiseñador UX/UI y Frontend
Todo el trabajo

E-commerce de Alquiler: Checkout de Alta Conversión

Una tienda de alquiler de menaje para eventos pensada para que el cliente la use como Amazon: encontrar, combinar y pedir presupuesto sin pasar por el equipo comercial, con packs listos para añadir de una vez.

Home de la tienda en escritorio, con el titular sobre una mesa de evento, junto a la ficha móvil de un pack de cena.
Cliente
Empresa de alquiler de menaje y decoración para eventos (EE. UU.)
Rol
Diseño UX/UI, Desarrollo frontend
Año
2026
Equipo
Equipo de Twelve Legs Marketing
Herramientas
Figma, WordPress, Breakdance

Contexto

Una empresa estadounidense de alquiler de menaje, mobiliario y decoración para eventos quería rehacer su web. Trabaja tanto con particulares como con profesionales (organizadores, espacios y marcas), y buena parte de sus pedidos pasaba por el equipo comercial, pieza a pieza y presupuesto a presupuesto.

Lo hice con el equipo de Twelve Legs Marketing, donde me encargué del diseño UX/UI de toda la tienda, en escritorio y móvil, y del desarrollo frontend en WordPress con Breakdance. El proyecto es confidencial, así que la marca que aparece en las imágenes es ficticia.

Reto

El objetivo del cliente era ambicioso: llevar a la web la mayor parte del proceso de compra y presupuesto, para que su equipo dedicara menos tiempo a tareas repetitivas y más a la relación con los clientes. Su referencia era la experiencia de compra de Amazon: encontrar rápido, ver precios claros y añadir con pocos pasos.

El brief también recogía las tres objeciones que más escuchaban: que es más caro que otras opciones, que el cliente no sabe qué necesita ni cómo quedará junto, y el miedo a que algo falle el día del evento. La web tenía que responder a las tres sin que nadie tuviera que coger el teléfono.

Proceso

Organicé la tienda alrededor de lo que diferenciaba a este cliente: dos públicos con necesidades distintas, un catálogo de piezas sueltas que se combinan entre sí y la necesidad de vender conjuntos, no solo productos.

Diseñé las 16 plantillas en escritorio y su versión móvil, de la home y el catálogo a los tres tipos de ficha, el carrito con presupuesto, el checkout, la galería, el blog y las páginas de ubicaciones, equipo y preguntas frecuentes, además de los estados de menú, filtros y carrito desplegados.

Home en escritorio: titular sobre una mesa de evento, novedades, colecciones, galerías destacadas y lookbook con packs.
La home: novedades, colecciones y un lookbook con packs listos para añadir. Marca ficticia.

Solución

  • Packs para decidir menos. Contra el «no sé qué necesito ni cómo quedará», los packs agrupan una mesa completa: qué incluye, cantidad de cada pieza ajustable y precio total del conjunto, con un solo botón para añadirlo todo.
  • Un catálogo que se filtra. Filtros por categoría, precio, material, color y cantidad, orden y el número de productos siempre a la vista.
  • Fichas con el precio de cada opción. En los productos con variantes, cada tamaño muestra su precio y los colores se eligen con muestra, sin tener que añadir al carrito para saber cuánto cuesta.
  • Completar la mesa. Cada ficha termina con piezas complementarias para seguir construyendo el pedido.
  • Del carrito al presupuesto. El carrito suma el alquiler estimado, explica que impuestos y entrega llegan en el presupuesto final, y cierra con «Request Quote».
Ficha de un pack de cena con galería, lista de lo que incluye, cantidades por pieza, precio total del pack y botón para añadir el conjunto completo.
El pack: qué incluye, cantidades por pieza y precio total, con un solo botón para añadirlo.
Catálogo de productos con filtros de categoría, precio, material, color y cantidad, y rejilla de productos.
El catálogo, con los filtros en una barra sobre la rejilla.
Ficha de un plato con galería, selección de tamaño con precio por tamaño y selección de color.
Ficha con variantes: cada tamaño muestra su precio.
Carrito con la lista de piezas y un resumen con el alquiler estimado y el botón para pedir presupuesto.
El carrito termina en una petición de presupuesto.

Versión móvil

En móvil los filtros pasan a un panel a pantalla completa, los packs muestran primero la galería y lo que incluyen, y el carrito mantiene el resumen del alquiler y el paso al presupuesto al final de la lista.

Tres pantallas móviles: home, catálogo con filtro y orden, y panel de filtros.
Descubrir en móvil: home, catálogo y filtros.
Tres pantallas móviles: ficha de un pack, ficha de producto con variantes y carrito.
Comprar en móvil: pack, ficha con variantes y carrito.

Resultado

El diseño de la tienda está completo en escritorio y móvil, y el desarrollo en WordPress con Breakdance está en curso. La estructura está pensada para que la mayor parte del pedido se resuelva sin pasar por el equipo comercial.