/casos/catalogo-concesionario-whatsapp
Nadie compra un carro por internet: el sitio existe para que escriban
Catálogo de vehículos usados para un concesionario de EE. UU. Filtros, búsqueda, orden y cuota estimada; y una sola cosa que hacer al final, que es escribir por WhatsApp sobre un carro concreto.
- Cliente
- Concesionario de vehículos usados, EE. UU.
- Rol
- Desarrollador. Estructura del catálogo, lógica de filtros y cuotas, y despliegue con canario.
- Periodo
- 2026
- Estado
- Entregado
El problema
Un concesionario de carros usados no vende por internet. Nadie mete quince mil dólares en un carrito de compras. Lo que pasa de verdad es que alguien ve un carro, le interesa, y escribe para preguntar si sigue disponible y si acepta su cambio. Todo lo demás del sitio existe para que esa pregunta ocurra.
La decisión
Una sola conversión, y el mensaje ya escrito
No hay carrito, ni cuenta, ni formulario de contacto genérico. Cada ficha termina en un botón de WhatsApp que abre el chat con el mensaje ya redactado y con el carro dentro: año, modelo y referencia. El vendedor no tiene que preguntar «¿cuál de todos?», que es la pregunta que mata la conversación antes de empezar. Un formulario de contacto habría llegado al correo de alguien que lo lee al día siguiente.
La cuota mensual se calcula en el navegador y se enseña como lo que es: una estimación. No pide datos, no consulta crédito y no promete nada. Sirve para que quien mira sepa si está en su rango antes de escribir, no para cerrar una financiación.
Técnicamente, el sitio es estático a propósito: sin dependencias y sin build. Se despliega copiando una carpeta, y la lógica de filtros y cuotas vive aparte del DOM para poder probarla con node --test sin abrir un navegador. Un catálogo que hay que compilar para cambiar un precio es un catálogo que el cliente no va a tocar nunca.
Qué construí
- Catálogo con filtros por tipo, marca, precio y año, búsqueda y orden.
- Ficha por vehículo con galería, datos y cuota estimada.
- Botón de WhatsApp en cada ficha, con el mensaje y el vehículo ya dentro.
- Lógica separada del DOM y probada con el ejecutor de pruebas de Node.
- Despliegue con respaldo, canario en una ruta aparte verificado desde el dominio real, y solo entonces el cambio.
Está publicado y se puede usar:
Busca un carro y escribe
Es el sitio entregado, con inventario de relleno. Filtra, busca, abre una ficha y mira cómo el botón de WhatsApp ya lleva el carro escrito en el mensaje.
Está en inglés porque el cliente está en Estados Unidos. Los teléfonos son ficticios y las fotos vienen de Wikimedia Commons, acreditadas en el pie.
Entrar a la demoEl nombre de la tienda, la ciudad y los teléfonos son de relleno: con un cliente real se cambian por los suyos y las fotos pasan a ser propias.
- HTML
- CSS
- JavaScript sin dependencias
- node:test
- nginx
- Caddy
La demo lleva inventario, nombre de tienda y teléfonos de relleno. Las fotos son de Wikimedia Commons, enlazadas y acreditadas.