Proyecto 6 de 8
Distrismoke, tienda mayorista
Una tienda donde el comprador arma su pedido, y que hace aparecer el negocio en Google.
En producción
Esta demo necesita JavaScript. Aquí va en texto.
Cotización
Mínimo: 12 unidades
Usa un número entre 0 y 99.
6 de 12 unidades. Te faltan 6.
Así saldría el mensaje
Hola, quiero cotizar: • Producto de muestra 1 × 6 Total: 6 unidades
En la tienda real esto se envía por WhatsApp. Aquí no se envía nada.
Demo · productos de muestra · nada se envía
Sin conexión. La demo funciona; el video necesita internet.
Lo mismo, en texto
Esta demo necesita JavaScript. Aquí va en texto.
- Cambia las cantidades de los productos de muestra.
- Mira el total y cómo se arma el mensaje.
- Toca «Ver el mensaje que se enviaría». No se abre WhatsApp.
Video: recorrido por distrismoke.com (inicio, catálogo, club de clientes, quiénes somos y preguntas). Productos, marcas y precios van difuminados: la tienda vende productos de vapeo y aquí no se promocionan.
Qué es
Una tienda para un distribuidor mayorista: el comprador de otro negocio arma una cotización y la envía por WhatsApp.
Para quién es
Para tenderos y revendedores de Colombia que compran desde el celular.
Tareas que te quita
- Armar cotizaciones a mano.
- Rehacer la tienda, la tarjeta del club y los catálogos en PDF cada vez que cambia un dato: todo sale de una sola fuente.
- Revisar a mano que una publicación no salga rota: si una prueba falla, no se publica.
- Adivinar qué busca la gente: el SEO se guía con Search Console.
Creación, SEO, redes y ventas
Creación
Catúlogo, cotizador, carnet y PDF salen de los mismos datos. Si falla una prueba, no se publica.
SEO guiado por Search Console
Antes y después en Google Métrica 2026-09-07 2026-10-09 Clics 25 153 Impresiones 340 2.220 Posición media 9,7 7,8 CTR Sin dato 6,9 % Fuente: Search Console, informes del 2026-09-07 y del 2026-10-09.
Son clics, no ventas.
Rendimiento
Primera carga: de 9,30 MB a 211 KB (2026-08-19).
Redes y ventas
La Oficina prepara contenido, videos y posibles compradores. Yo reviso y envío el primer mensaje.
Qué hay detrás
- 1
El catúlogo se carga en un solo archivo de datos.
- 2
La tienda, el carnet y los PDF salen de esos mismos datos.
- 3
Si falla una prueba, no se publica y la versión anterior sigue disponible.
- 4
El comprador arma su cotización y abre WhatsApp con el pedido escrito.
- 5
Los textos se ajustan con las búsquedas que muestra Search Console.
- Un solo archivo HTML con JavaScript puro, sin framework ni servidor, que un script de Node compila a un paquete estático. Las fotos salen a archivos con huella de contenido y caché inmutable.
- Despliegue en Cloudflare Workers con archivos estáticos. La migración desde Netlify se hizo en un día.
- Hay 729 comprobaciones escritas en 16 archivos sobre jsdom, un navegador simulado en Node (conteo en el código). Si una falla, la publicación no construye nada.
- Los datos estructurados, que son etiquetas que describen la tienda a los buscadores, salen del mismo catálogo. Una prueba falla si dicen algo que la página no muestra.
- CSP y HSTS generados en el build, con X-Frame-Options en DENY y permisos restrictivos.
- El formulario del club envía a una hoja de cálculo con Apps Script. Es la única conexión saliente del sitio.
- Astro
- Cloudflare
Cuidados y límites reales
- La tienda es de un negocio real. Este portafolio cuenta el trabajo hecho y no la promociona.
- Por eso no enlaza a la tienda ni a sus redes.
Qué prueba hay de que es robusto
Verificado el 2026-10-08. Pruebas escritas no son pruebas ejecutadas.
- 153clics desde Google en 3 meses (2.220 impresiones)Search Console de distrismoke.com, informe del 2026-10-09
- 7,8posición media en Google (antes 9,7)Search Console, informes del 2026-10-09 y del 2026-09-07
- 211 KBprimera carga (antes 9,30 MB)HISTORIAL-CONFIRMADO.md, medido el 2026-08-19
- 729comprobaciones en 16 archivosCLAUDE.md y commit del 2026-10-07
- 27commitsgit rev-list --count HEAD
Cómo cuento
Cada cifra lleva su método, su fuente y su fecha. Un conteo de pruebas es un conteo de texto: pruebas escritas (conteo en el código), no pruebas ejecutadas.
Lo que no afirmo
- Ventas, pedidos o conversión: no hay cifras y no las invento.
- Que los clics de Google sean ventas.
- El catálogo ni sus valores: no los muestro.
- Pruebas ejecutadas: el conteo es de pruebas escritas.
- Una medición de Lighthouse: no tengo registro.
Una tienda así, para tu negocio
Quiero una tienda asíAl pulsar Enviar en WhatsApp me autorizas a usar tu número y tu mensaje para responderte. Política de datos
Siguiente proyectoKoffio