Venta privada · Web catálogo · Identidad · Sin carrito
Aura Salem
Una colección privada de muebles, presentada como un catálogo de museo y pensada para vender en persona.
- Cliente
- Aura Salem
- Sector
- Muebles antiguos y de estilo · Venta particular
- Mercado
- Salem, Massachusetts · EE. UU.
- Rol
- Identidad, dirección de arte, textos y desarrollo completo
- Periodo
- Oct 2026
- Alcance
- Logotipo · Catálogo · Fichas · Comprobador de encaje · Planificador de recogida · Consultas
Una mujer pasó años comprando muebles para una casa que nunca llegó a comprar: nogal tallado, mármol, latón, cristal tallado. Ahora tienen que irse, sin que ella se convierta en tienda. No hay carrito ni envíos; la venta ocurre en su salón, en Salem. Así que el trabajo de la web es más estrecho y más difícil: mandarle personas que ya saben que la pieza les cabe, cómo se la van a llevar y que quieren verla.
- Medido · Lighthouse 13.5, móvil, 18/10/2026
- Estimación · primeras ocho semanas, según el registro de consultas de la propietaria y Ads Manager
Muebles caros vendidos por una particular: sin marca, sin garantía, sin reseñas en las que apoyarse. La web anterior era una plantilla de tienda con un carrito que nadie podía usar, «Call for price» en cada pieza, fotos deformadas, afirmaciones como «100% authentic» sin nada detrás y su dirección y su teléfono personales en todas las páginas. Las preguntas de verdad (cuánto mide, si pasa por mi puerta, cómo me lo llevo) quedaban sin respuesta, así que la gente sencillamente no escribía.
Tratar la colección como un catálogo de subasta: piezas numeradas, datos honestos y cada afirmación con su fuente. Y después responder las tres preguntas que impiden escribir, justo donde surgen.
De plantilla de tienda a catálogo privado
La primera pantalla dice ahora qué es esto en una frase: una colección privada, en Salem, que se ve con cita y se recoge en persona. Sin ventanas emergentes, sin carrusel, sin marquesina, sin carrito. Solo los muebles, con toda la pantalla para ellos, y dos entradas claras. Arrastra sobre la imagen:
Tres paradas para la mirada
Una primera pantalla es un orden de lectura, no un collage. Esta está construida para que la atención se pose en tres sitios y en ese orden: qué es esto, el propio mueble y la única acción que importa. Todo lo demás (la navegación, la lámpara, la letra pequeña) se queda en segundo plano a propósito. El mapa de atención muestra ese recorrido sobre la página real.
- 1El titular: qué es esto, en una frase
- 2La roseta tallada: después habla el mueble
- 3Un solo botón claro, un siguiente paso evidente
Un catálogo que se lee como un libro
En la portada, la colección se abre a doble página: una lámina a sangre a la izquierda y un índice numerado a la derecha. La lámina cambia con la pieza que estás leyendo, sin secuestrar el scroll. En el móvil se convierte en un carril que se desliza con el pulgar.
- Piezas numeradas de AS-01 a AS-14, como lotes de una subasta
- Precio, medidas y estado en cada tarjeta: nada «a consultar»
- Vista de galería o de índice, y filtros por categoría que funcionan sin JavaScript
- 1En qué doble página estás, como un número de página
- 2Un número de lote y un nombre claro
- 3El precio, a la vista
- 4Anillo de estado, sacado del logotipo
Una ficha que se lee como un informe de estado
El precio está a la vista. Esconderlo no filtra a nadie: solo retrasa el momento hasta que todos han perdido la tarde. Junto a él: qué hace y qué no hace una solicitud (no reserva nada ni compromete a nada), medidas en dos sistemas, un estado honesto y notas de recogida.
Una lupa ×2 sigue al cursor por la talla, la veta y los herrajes, y la imagen a máxima resolución solo se descarga al abrirla.
El trabajo que no se ve
La página anterior pesaba 23 MB y tardaba dos minutos en mostrar su imagen principal en un móvil. La nueva pesa menos de 1 MB, con 11 KB de JavaScript para toda la web. No hay rastreadores ni analítica, las fotos del móvil pierden sus coordenadas GPS por el camino y su dirección solo se envía cuando se confirma una visita. Todo funciona con planes gratuitos: la única factura es la del dominio.
- Una pieza nueva es una carpeta: un archivo de texto y sus fotos. Sin panel ni suscripción.
- Un comando prepara las fotos del móvil: convierte, endereza y borra la ubicación
- La publicación se niega a salir con fichas de muestra o en modo vista previa
- 29 tests automáticos en el formulario; correo firmado con DKIM, SPF y DMARC
Quería vender los muebles sin montar una tienda y sin que pareciera un mercadillo. Ernest entendió enseguida lo que necesitaba. Quería que cada pieza se viera como se merece y que quien escribiera ya supiera si le cabía y cómo llevársela. La web es preciosa, y lo mejor es que las consultas llegan completas.
El sistema detrás de las pantallas
Los muebles son ornamentados, así que la interfaz se mantiene serena y nunca compite con ellos. Una idea lo recorre todo: la «a» abierta del logotipo, un halo con una abertura, se convierte en el sistema que te dice si una pieza sigue disponible.
Color
Tres colores de estado y nada más. Cada tono de la interfaz tiene una función; la calidez la ponen el nogal, el mármol y el latón de las fotografías.
Tipografía
A private collection of furniture, in Salem.
Titulares · texto de lecturaUna serif con tamaños ópticos: delicada a 168 px, robusta a 19 px. La cursiva es la segunda voz.
W 46 × D 21 × H 35 in · About 160 lb
Datos · controles · etiquetasUna sans sencilla para todo lo que se mide, se compara o se pulsa.
Retícula y espaciado
- Columnas
- 12
- Ancho máx.
- 1680px
- Medianil
- 32px
- Unidad base
- 8px
Doce columnas hasta 1.680 px, con márgenes y tipos fluidos. Los titulares llegan a 168 px frente a etiquetas de 12 px: la escala hace la jerarquía, así que el color no tiene que hacerla.
Decisiones, y por qué
-
01
El precio siempre a la vista
Por quéLe dice a la gente si merece la pena el viaje y filtra las consultas que no iban a llegar a nada.
En lugar de
«Call for price», que convierte cada pregunta en una llamada. -
02
Tres entradas en el menú
Por quéCollection, Viewings & pickup, Contact: las tres cosas a las que la gente viene de verdad.
En lugar de
Nueve pestañas, un blog y una tienda para una venta que no tiene ninguna de las dos cosas. -
03
El movimiento nunca oculta contenido
Por quéLa belleza hace que una web parezca más fácil de usar, pero no excusa los obstáculos (NN/g, efecto estética-usabilidad).
En lugar de
Scroll secuestrado, una ventana emergente y un carrusel automático. -
04
Nada de urgencia falsa
Por quéNi cuentas atrás, ni «solo queda 1», ni precios tachados (Mathur et al., 2019). Aquí cada pieza es única de todos modos.
En lugar de
Banners de urgencia copiados de la moda rápida. -
05
Una sola luz para catorce piezas
Por quéLas fotos de la propietaria se reiluminaron y se colocaron sobre una misma pared con IA, sin tocar las piezas, para que la colección se lea como un conjunto.
En lugar de
Catorce habitaciones, catorce luces, catorce dominantes de color.
Esquema
- La «a» abierta del logo
- Disponible · anillo abierto
- Venta pendiente · anillo con punto
- Vendida · disco cerrado
- Indicador de envío
- Marca de «mensaje enviado»
- Pasos de una visita
- Final de la línea entre secciones
- Logotipo y guía de identidad
- Dirección de arte y fotografía
- Estrategia de contenido y textos
- Catálogo: doble página, galería e índice
- 14 fichas con «What is known»
- Comprobador «Will it fit?»
- Lista de visita y planificador de recogida
- Formulario, antispam y envío de correo
- Scripts de mantenimiento para una propietaria no técnica
- Abrir el catálogo a los buscadores, con una página indexada por pieza.
- Generar un anuncio por pieza con sus propias fotos y datos, enlazado a su ficha.
- Una lista de precios de una página para decoradores, generada desde la misma fuente.
