E-commerce B2B/B2C de Lujo: Reserva de Mobiliario

Una empresa estadounidense de alquiler de mobiliario, iluminación y decoración para eventos de alto nivel (bodas, celebraciones privadas y eventos de marca) quería ser la referencia del lujo en su mercado. Su web no la ayudaba: el propio cliente la describía como aburrida, montada como un blog, sin fichas de producto y sin sensación de lujo.

Lo hice dentro del equipo de Twelve Legs Marketing, donde me encargué del diseño UX/UI de toda la tienda y de su implementación frontend. El proyecto es confidencial, así que la marca que aparece en las imágenes es ficticia.

El brief dejaba claros los problemas: la oferta no se entendía desde la web, el precio generaba dudas y la marca a veces parecía «un negocio pequeño de garaje», justo lo contrario de lo que querían transmitir. Y la única forma de pedir presupuesto era llamar por teléfono.

Además, alquilar no es comprar. El precio final depende de la fecha, la entrega y la cantidad de piezas, así que la tienda no podía cerrar con un pago como un e-commerce al uso. Todo ello para un público exigente, que espera un servicio completo y muy personal, en un catálogo de más de 30 categorías: desde una copa hasta un conjunto completo de salón.

Partí del brief del cliente: las sensaciones que buscaban (lujo, misterio, exclusividad y aspiración), las funciones imprescindibles (fichas de producto, carrito, petición de presupuesto y filtros) y sus referencias, webs de alquiler de lujo y retail premium con mucha imagen a pantalla completa, menú fijo y animaciones sutiles.

Con eso diseñé las 14 pantallas del recorrido en escritorio y su versión móvil, además de los estados de menú, búsqueda y carrito desplegados, sobre un sistema de estilos y componentes en Figma. El lenguaje visual es sobrio: blanco, negro y una serif clásica, para que la fotografía de los eventos y las piezas sea la protagonista y la marca se perciba como un servicio premium, no como un almacén.

Como la tienda iba a funcionar con WooCommerce, pensé la estructura desde el principio con sus tipos de producto, para que cada pantalla tuviera una traducción directa al construirla.

• Catálogo navegable. Todas las categorías quedan a la vista en el lateral y los listados se pueden filtrar por color y material u ordenar. Las tarjetas muestran ya los colores disponibles de cada pieza, algo que el cliente pidió expresamente.
• Tres tipos de ficha. Producto simple, producto con variantes de color y material, y producto agrupado, que permite añadir de una vez varias piezas de un mismo conjunto con su cantidad.
• Del carrito al presupuesto. El carrito suma los precios de alquiler y explica que impuestos, entrega y otros costes llegan en el presupuesto final. El botón principal no dice «Pagar» sino «Proceed to Quote»: el presupuesto, que antes solo se pedía por teléfono, ahora se pide desde la web con las piezas ya elegidas.
• Un checkout pensado para eventos. Además de los datos de facturación, pide lo que el equipo necesita para preparar el pedido: recogida en tienda o entrega, fechas de recogida y devolución, fecha del evento y detalles adicionales.

Todo el recorrido tiene su versión móvil. La cabecera se queda con lo esencial (menú, búsqueda y carrito), el menú ocupa toda la pantalla, los filtros de color y material se abren en un panel propio y el carrito mantiene el resumen del alquiler y el paso al presupuesto.

La tienda está en producción, construida sobre WordPress y WooCommerce con Breakdance, y sus clientes ya pueden preparar el pedido de su evento online y recibir un presupuesto a medida.