Una casa en Xalapa vista desde la calle, con barda color terracota, buganvilia y el portón abierto
El portón abierto
La sala de la casa, con la cocina a la izquierda, el patio al fondo y la escalera a la derecha
CocinaPatioPlanta alta
Borrador para platicar

Plan de la casa interactiva

La página, en computadora, va a empezar entrando a la casa.

Podemos diseñar el recorrido para que la persona cruce la puerta y llegue a la sala, y desde ahí escoja a dónde quiere ir.
Desliza

Armé rápido esta página para que veas en un solo lugar lo que platicamos construir, cómo puede funcionar cada parte y en qué orden nos conviene hacerlo.

Esto no es el producto terminado. Es un borrador para que lo platiquemos, y todo lo que ves aquí puede cambiar según tus ideas. Las imágenes son ejemplos que hice solo para darnos una idea del estilo, y las marcas y los precios también son de ejemplo.

La entrada que acabas de ver es una muestra de cómo se va a sentir: la persona llega a la calle, cruza el portón y entra a la casa moviendo la página con su dedo o con su mouse.

Si prefieres que empiece con una vista más alejada, con la opción de saltar de inmediato a distintas partes (la calle, la azotea o el interior de la casa), también podemos diseñar la página de entrada así. O podemos probar varias entradas distintas y ver cuál convierte mejor a la gente. Al final de esta página te pongo un ejemplo de esa vista.

  1. La casa completa, para verla en computadora.
  2. Rayos X, para ver lo que va detrás de los muros.
  3. Un cuarto a la vez, para usarla en el celular.
  4. La Maestra y el pedido, que es donde se cobra.
  5. Las etapas de construcción, y lo que tenemos que decidir tú y yo.

1. La casa completa, en computadora

En una pantalla grande la persona ve la casa entera, abierta como una casa de muñecas. Cuando toca un cuarto, a un lado le aparecen los productos de ese cuarto y los puede ir agregando a su proyecto. Pruébalo aquí abajo: toca la cocina, el baño, la azotea o la cochera.

En el producto real cada punto va a traer la foto del producto, el precio y si hay existencia ese día. También se va a poder entrar a cada cuarto para verlo de cerca, igual que entraste a la sala al principio de esta página.

2. Rayos X

El botón de Rayos X enseña lo que va detrás de los muros: el agua en azul, la luz en amarillo y el gas en naranja. Cada tramo es una lista de piezas reales. Esto no lo tiene nadie más, y es donde están los trabajos grandes. El botón está en la esquina de la imagen.

La casa abierta: cocina, sala, recámara, baño, azotea, patio y cochera

3. Un cuarto a la vez, en el celular

En el celular la experiencia es distinta, aunque por dentro es el mismo sistema. La mayoría de la gente va a llegar desde WhatsApp o desde un video, con el teléfono en la mano. Por eso ahí la casa se recorre un cuarto a la vez, y el botón más importante es la cámara.

Si alguien empieza un proyecto en el celular, lo puede seguir después en la computadora con la misma cuenta. Abajo te pongo tres pantallas de ejemplo.

Un baño pintado, con puntos sobre los productos
‹ CasaBaño · 1 de 7

Baño

Toca un punto para ver el producto.

Así se ve un cuarto.

La persona desliza para pasar de un cuarto a otro. Los puntos son productos, y los colores de abajo se prueban sobre la pared.

Foto real de un baño viejo, tomada con el celular
Trae tu cuarto
Estoy leyendo tu foto. Veo un baño de 1.5 × 2 m con azulejo beige, regadera de tubo y lavabo de pedestal.

Así trae su propio cuarto.

La persona le toma una foto a su baño. La IA reconoce lo que hay en la foto, y después se lo muestra con los productos y colores que ella escoja.

‹ BañoLa Maestra
Quiero cambiar mi regadera por una eléctrica.
Claro. Para que quede bien y segura necesitas estas cuatro cosas, y todas las hay hoy en Xalapa.
Regadera eléctrica de 3 temperaturasEs la pieza principal.$689
Pastilla termomagnética de 40 AProtege la instalación.$215
Cable calibre 10, 8 metrosEl cable de la regadera vieja no aguanta.$312
Llave de paso de ½″ y teflónSirve para cerrar el agua sin vaciar el tinaco.$148
Agregar todo · $1,364

Así le pide ayuda a La Maestra.

La persona escribe o dice lo que quiere hacer, y La Maestra le contesta con la lista completa de lo que necesita.

4. La Maestra y el pedido

La Maestra es la opción de asesora con inteligencia artificial. Para este ejemplo le puse voz de mujer, pero también puede ser un hombre. La persona le dice con sus palabras lo que quiere hacer, y ella le arma la lista completa de piezas, incluidas las chiquitas que siempre se olvidan. Solo usa lo que de verdad hay en existencia, y nunca inventa un precio ni un producto.

Después hay un solo carrito para toda la casa. La persona paga una vez, el pedido le llega a la sucursal que tiene la mercancía y se entrega a domicilio. Le avisamos por WhatsApp cómo va su pedido, y puede pedir que un maestro se lo instale.

Esta es la parte que más cuidado necesita. Si la página dice que hay una pieza y en la sucursal no hay, esa persona no regresa. Por eso lo primero que vamos a conectar son las existencias de cada sucursal.

Así se vería un pedido.

Regadera eléctrica de 3 temperaturasHay 6 piezas en la sucursal Centro.$689
Pastilla termomagnética de 40 AHay 14 piezas en la sucursal Ánimas.$215
Cable calibre 10, 8 metrosSe corta a la medida.$312
Llave de paso de ½″ y cinta teflónHay más de 30 piezas en la sucursal Centro.$148
Se entrega mañana en Xalapa.La persona puede pedir que un maestro se la instale.$1,364

5. Cómo lo vamos a construir

El plan es construir la casa completa desde el principio, pero por etapas. Cada etapa se prueba con pedidos reales antes de empezar la siguiente. No pongo fechas aquí porque dependen de lo que decidamos juntos.

Etapa 1

Los cimientos y la casa entera

Conectamos el catálogo con las existencias de cada sucursal, y construimos a La Maestra, el carrito, el pedido y la entrega. La casa completa ya se puede recorrer en computadora y en celular. En esta etapa recibimos los primeros pedidos reales en Xalapa.

Etapa 2

Más detalle, cuarto por cuarto

Cada cuarto recibe su tratamiento completo, con movimiento y con más productos. Empezamos por los cuartos que más vendan. La foto del cuarto de la persona ya muestra los productos reales, y entra la línea de pintura.

Etapa 3

Premios y profesionales

Agregamos puntos y descuentos con reglas claras. También abrimos cuentas para arquitectos y contratistas que diseñan para sus clientes, y ponemos a un maestro de verdad en WhatsApp para cerrar los trabajos grandes.

Etapa 4

Otras ciudades

Un segundo proveedor firma el mismo acuerdo y abrimos otra ciudad. También abrimos una puerta desde Casa Gabriela, para que alguien pueda traer un cuarto de su casa con todo y foto.

Lo que tenemos que decidir tú y yo

Antes de escribir código necesito que platiquemos estas ocho cosas. Ninguna es difícil, pero todas cambian cómo se construye.

  • ¿Quién le factura al cliente, la nueva empresa o el proveedor?
  • ¿El proveedor le vende a la nueva empresa a precio de mayoreo, o a precio público con una comisión?
  • ¿Quién responde por las devoluciones, las piezas rotas y las piezas equivocadas?
  • ¿La entrega se hace con los vehículos del proveedor o con un tercero?
  • ¿De dónde va a salir la pintura? El color es lo primero que la gente quiere probar.
  • ¿Quién autoriza que el catálogo y las existencias se le pasen a una empresa aparte?
  • ¿De qué margen salen los descuentos, y cuál es el tope por pedido?
  • ¿Cómo se va a llamar? Hay que definir el nombre, la razón social y el dominio. Esa decisión es tuya, y tengo una lista de ideas para cuando quieras verla.

Otra opción para la entrada

Esta es la vista más alejada que te mencioné arriba. La persona vería la propiedad completa desde arriba y podría saltar directo a la parte que le interesa. Las etiquetas son un ejemplo de cómo se marcaría cada zona.

La propiedad vista desde arriba en tres cuartos, con la casa abierta y las zonas etiquetadas Azotea Recámara Baño Cocina Sala Patio Portón Cochera La calle

¿Qué sigue?

Revísala con calma y apunta lo que te guste, lo que no te guste y lo que falte. Después nos sentamos, la ajustamos y arrancamos.