El sofá, en tu salón antes de comprarlo

Nadie compra un sofá sin medirlo antes

Olmo es una marca que me inventé para trabajar un problema real: vender muebles caros desde el móvil. Una marca madrileña de mueble de diseño, cálida y de materiales naturales, con tienda física y con ganas de que la app no sea la web encogida.

El mueble tiene una particularidad que no tiene la moda: no te lo puedes probar. Te lo imaginas. Y lo que imaginas casi siempre es lo mismo: si cabe en el hueco, si pasa por la puerta, si el tejido es el de la foto y cuánto va a costar al final con el envío y el montaje.

Trabajé el proyecto entero, de principio a fin y con el mismo orden que sigo con un cliente: primero entender el mercado, después decidir y al final dibujar.

Lo que dicen los datos antes de dibujar nada

Empecé por el mercado y por el comportamiento del comprador de mueble online. Busqué datos del sector en España y los estudios de usabilidad de Baymard Institute y Nielsen Norman Group, que son los que tienen test con usuarios reales en tiendas de mueble.

El dato que más cambió el proyecto fue el de la realidad aumentada. Todo el mundo la pone como reclamo, y en los test de Baymard el 87 % de los usuarios que veía el botón de «ver en tu habitación» decidía no usarlo. No porque no quieran verlo en casa, sino porque las experiencias que conocen funcionan mal: controles imprecisos, modelos que cambian de tamaño sin querer y colores que no coinciden con la foto.

Diez tiendas, y la mitad sin app

Comparé las tiendas que compiten en España por el mismo cliente y dos referentes internacionales en el mismo criterio: si tienen app, qué hacen con la AR, cómo personalizan, cómo resuelven la entrega y el montaje y qué formas de pago ofrecen.

El hallazgo es un hueco: Kave Home, Sklum y Maisons du Monde, las tres marcas de diseño asequible, no tienen app de compra. Venden en el móvil sólo a través de la web. Y las que sí la tienen están todas en 4,7 estrellas, así que el listón no es tener app, es que merezca la descarga.

Ocho decisiones, cada una con su dato

Del research y del benchmark salieron ocho oportunidades. Ninguna es una opinión sobre gustos: cada una apunta a un dato o a un hueco concreto del cuadro comparado, y cada una se convirtió en una decisión de diseño.

Cinco pestañas y tres recorridos

La app se ordena en cinco pestañas: Inicio, Explorar, Espacios, Favoritos y Perfil. La búsqueda, el perfil y el menú viven siempre arriba a la derecha, en todas las pantallas, y el carrito está dentro del menú con su contador, para que la cabecera no crezca con cada función nueva.

Dibujé tres recorridos con sus ramas alternativas: descubrir y comprar un sofá, el primer uso y la búsqueda por foto. La rama que más me importaba es la del primero: si en la AR el sofá no cabe, la app te devuelve al listado con el filtro de medidas ya aplicado, en lugar de dejarte en un callejón sin salida.

En gris, y ya navegables

Los nueve wireframes cubren el flujo de compra completo, del splash a la confirmación. Están en gris y sin marca a propósito: en esta fase se discute qué hay en cada pantalla y en qué orden, no de qué color es el botón.

Aunque son de baja fidelidad, ya estaban conectados como prototipo en Figma, y cada pantalla llevaba una nota con la animación prevista. Así la animación se decidió pensando en el flujo, y no se añadió al final como adorno.

Materiales de verdad, llevados a tokens

La paleta sale del propio producto: la arena del lino, el terracota del bouclé, la madera de roble y el oliva. Son los colores de los tejidos que vende la marca, así que la interfaz nunca compite con la foto del sofá: la acompaña.

El terracota se reserva para lo accionable. El oliva, para lo secundario y para la AR. Y el fondo es crema, no blanco, porque el blanco puro hace que las fotos de producto parezcan recortadas.

Fotografía de producto, y la interfaz detrás

Las fotos de producto y de ambiente están generadas con IA en Higgsfield, cuidando que todos los sofás compartan luz, ángulo y suelo. Es lo que hace que un catálogo parezca de una sola marca y no un collage de proveedores.

La ficha del sofá Duna tiene sus cinco tejidos fotografiados con el mismo encuadre, de modo que al cambiar de tejido cambia la foto entera y no un filtro de color encima. Debajo del precio va la cuota mensual, y a un toque las medidas con el paso mínimo por puertas y las tres muestras gratis.

A escala real, y con los centímetros a la vista

La primera versión del visor era la que hace todo el mundo: el sofá encima de una foto de la habitación. Al probarla vi el mismo problema que describe Baymard: el sofá se veía pequeño, no se podía mover y no había forma de saber si cabía. Así que lo rehice como un visor 3D.

La habitación se mira en 360° arrastrando el dedo. El sofá se toca y se lleva a cualquier punto del suelo, se gira con dos dedos y nunca cambia de tamaño: mide siempre sus 180, 220 o 260 cm. Mientras lo mueves ves los centímetros que quedan hasta cada pared, y si choca con la planta o con la lámpara, lo dice en rojo.

Hay una vista de planta para colocarlo con precisión, una persona de 1,70 m como referencia de tamaño y dos formas de usar tu casa: poner el ancho y el largo de tu salón, o subir una foto 360° hecha con el móvil desde el centro de la estancia.

Se puede usar antes de existir

Lo que se ve en el vídeo es el prototipo navegable funcionando, no un montaje: cada toque está marcado con un círculo. Hice dos versiones. En Figma, las pantallas están conectadas con Smart Animate, Push, Move-in y Dissolve. Y en paralelo monté una versión en HTML, JavaScript y Three.js con las animaciones reales, el menú lateral, el carrito que recalcula y el visor AR en 3D.

La versión en código tiene una razón de producto: el visor AR no se puede prototipar en Figma. Para saber si mover un sofá con el dedo se entiende, hay que poder moverlo.

Cómo se ve fuera de la pantalla del ordenador

Un diseño de móvil se juzga en el móvil. Generé las escenas en Higgsfield con la pantalla en verde, localicé el recuadro y metí dentro las pantallas reales de Figma, de modo que lo que se ve en el iPhone es el diseño exacto y se puede actualizar si cambia.

Un producto defendido con datos, listo para testar

Olmo es un concepto: no tiene usuarios todavía, y por eso no pongo aquí cifras de conversión que no he medido. Lo que sí tiene es cada decisión conectada a un dato o a un hueco del mercado, y un prototipo que se puede usar para comprobarlas.

El siguiente paso es el mismo que sigo en cualquier producto: test de usabilidad con cinco o seis personas que hayan comprado un sofá online en el último año, con tres tareas —encontrar un sofá que quepa en un hueco de 2,40 m, cambiarlo de tejido y colocarlo en la AR— y después iterar. Y en la siguiente versión, las reseñas con fotos de casas reales y el pedido de muestras de principio a fin.